/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Roboto', sans-serif !important;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    letter-spacing: 0.7px;
    background: #fff;
}
main{
    font-size: 0.875rem;
    background-color: #fff;
}
.lb-nav a{
    transition: none !important
}
a{
    color: #000;
    text-decoration: none;
    transition: 0.3s ease;
}
ul{
    margin-bottom: 0;
}
[disabled]{
    cursor: no-drop !important;
}
a:hover,a:focus,button:focus{
    color: #FFA000;
    text-decoration: none;
    outline: none;
}
.owl-carousel{
     z-index: 0;
}
:focus{
    outline: none;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}
#wrapper{
    min-height: 350px;
}
.fancybox-skin{
    background-color: #fff;
}
svg{
    vertical-align: middle;
    transition: 0.3s ease
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.spwish{
    margin: 0 5px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-radius: 4px;
}
.ui-front li a span{
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: capitalize;
    color: #222;
    cursor: pointer;
}
.ui-state-focus, .ui-widget-content .ui-state-focus{
    border: none;
    background: transparent;
    background-image: none;
}
.ui-widget-content{
    border: 1px solid #eee !important;
}
.ui-front li:hover span, .ui-front li:focus span{
    color: #FFA000;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active{
    margin: 0;
}
#product_comparison .product-image-block img{
    max-width: 250px;
}
/* .fancybox-skin{
    border-radius:0;
} */
#index #content-wrapper{
    padding: 0
}
#mywishlist td.wishlist_delete a{
    border-radius: 4px;
}
/*loader start */
.s-panel{
    position: relative;
    margin: 0
}
.s-panel .wrloader {
    background: url('../../assets/img/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

#bar{
    width: 0%;
    max-width: 100%;
    height: 3px;
    background: #FFA000;
    border-radius: 4px;
}
#progressBar{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.slidepleft,.slidepright,.slidecap,.slideimg{
    padding: 0
}
.slidedes p{
    font-size: 18px;
    text-transform: capitalize;
    transition: all 1.5s ease;
    transform: translateX(100px);
}
.slidedes h1{
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 70px;
    margin-bottom: 30px;
    letter-spacing: 1.5px;
    transition: all 1.5s ease;
    transform: translateX(-300px);
}
.homeslider-container .slick-current.slick-active .slidedes h1, .homeslider-container .slick-current.slick-active .slidedes p{
    transform: unset;
}
.slidedes{
    position: relative;
    width: 500px;
    z-index: 1;
    margin-top: 205px;
}

/* add to cart modal */
.cart-content-btn .btn-primary{
    width: 100%;
}
#blockcart-modal .cart-content .cart-content-btn {
    display: flex;
}
#blockcart-modal .cart-content p span{
    color: #888;
}
#blockcart-modal .cart-products-count i{
    margin-right: 10px;
}
.divide-right{
    padding-bottom: 20px;
}
.cart-content{
    background-color: #fff;
    padding: 0 15px 15px 15px;
    border-radius: 0 0 4px 4px;
}
.mhr{
    margin: 0;
    padding: 12px 0;
}
#blockcart-modal .close{
    padding: 15px;
}
.modprice .regular-price{
    font-size: 12px;
}
.modprice .product-price-and-shipping{
    margin-bottom: 0
}
.modprice{
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px;
}
#blockcart-modal .cart-products-count{
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px;
    display: inline-block;
}
#blockcart-modal .modal-title{
    padding: 15px 15px;font-weight: 500;
}
#blockcart-modal .modal-body{
    padding: 0;
    font-size: 14px;
}
.wb-modal .modal-content{
    margin: 0;
}
#blockcart-modal .modal-content{
    border-radius: 4px 4px 0 0
}

/* cart modal over */
/* cart dropdown */
#blockcart-modal .product-image{
    border: 1px solid #eee;
    border-radius: 4px;
}
.head-cart-drop {
    width: 292px;padding: 0;margin: 0;
}
.cart-det{
    padding: 10px;
}
.cart-det .no-items{
    margin: 0;
    color: #222;
}
.cart-img img{
    max-width: 70px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.cart-name{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 85%;
    margin-bottom: 5px;
}
.cart-drop-table li{
    vertical-align: top;
}
.cartclose{
    position: absolute;
    right: 0;
    top: 0;
}
.cart-down{
    position: relative;
    margin-bottom: 10px;
}
.qtyp li{
    display: block;
}
.qtyp li span{
    display: inline-block
}
.qtyp{
    width: 68%;
    margin: 0 3px;
}
.cdroptable{
    width: 100%;
}
.cdroptable td{
    border: 1px solid #eee;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 5px 3px;
}
.cart-det .btn-primary{
    margin-top: 10px;
}
/* cart dropdown over */
/* topbar */
.language-selector .dropdown-menu, .currency-selector .dropdown-menu{
    display: none;
}
.wb-cart-item-info .discount-percentage{font-size: 11px;}
.fixed {
    position: fixed !important;
    z-index: 9;
    top: 0 !important;
    transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
    left: 0;
    right: 0;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 12px 0 !important;
}
.fixed #_desktop_top_menu .wb-menu-vertical{
    box-shadow: none
}
.user-down{
    min-width: 13.4rem;
    line-height: 25px;
    padding: 10px 12px;
    text-transform: capitalize;
    margin-top: 0;
    letter-spacing: 0;
}
.user-down i{
    width: 17px;
}
.content_price.product-price-and-shipping{
    margin-top: 0;
}
#_desktop_user_info,#_desktop_cart{
    position: relative;cursor: pointer;
}
.cartdropd{
    position: relative
}
.search-toggle svg,.blockcart svg{
    cursor: pointer;
}
.user-info:hover svg,.wishtlist_top:hover svg,.hcom:hover svg,.hcart:hover svg,.search-toggle:hover svg{
    fill: #FFA000;
}
.header-top{
    padding: 20px 0;
    position: relative;
    box-shadow: -5px 3px 6px 0px rgba(0, 0, 0, 0.05);
}
.hcart span{
    display: inline-block;
    vertical-align: middle;
}
.hcart {
    position: relative
}
#index #_desktop_logo a{
    margin-left: 0;
}
#_desktop_top_menu{
    position: relative
}
#_desktop_logo a{
    display: inline-block;vertical-align: middle;
    margin-left: 60px;
}
#index #_desktop_top_menu{
    padding: 0;
    position: absolute;
    top: 30px;
    left: 15px;
    right: 15px;
    z-index: 1;
}
.nleft p{
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    color: #000;
}
.header-nav{
    border-bottom: 1px solid #eee;
    padding: 9px 0;
}
.cart-c{
    background: #FFA000;
    color: #fff;
    width: 14px;
    height: 14px;
    font-size: 11px;
    text-align: center;
    border-radius: 100%;
    line-height: 16px;
    position: absolute;
    right: -2px;
    top: -2px;
}
#search_widget{
    padding: 0
}
.statmenu li{
    display: inline-block;vertical-align: middle;
}
.statmenu li a{
    text-transform: capitalize;
    font-size: 16px;
    color: #717171;
    margin-right: 30px;
    position: relative
}
.statmenu li a:hover{
    color: #FFA000;
}
.statmenu li a:hover::after {
    width: 100%;
    border-bottom: 1px solid #FFA000;
}
.statmenu li a::after {
    content: '';
    position: absolute;
    border: 1px solid transparent;
    transition: 0.3s ease;
    bottom: -4px;
    width: 0;
    left: -12px;
    margin: 0 auto;
    text-align: center;
}
.shmenu{
    padding: 0
}
.cartdet{
    margin-left: 5px;
}
.cartdet h3 {
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 5px;
}
.cartdet h4 {
    font-size: 13px;
    color: #000;
    text-transform: capitalize;
}
/* search */
.dblock{
    display: block;
}
.dnone{
    display: none;
}
body.active-search .wbSearch {
    opacity: 1;
    transform: translateY(0);
}
.wbSearch{
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    background-color: rgba(18,18,18,.8);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translateY(-100%);
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 43px;
}
.wbSearch .close-nav {
    color: #fff;
    display: inline-block;
    padding-left: 10px;
    line-height: 0;
    position: relative;
    top: 4px;
}
.wbSearch .close-nav i{
    font-size: 14px;
}
.wbSearch #search_block_top{
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
#searchbox.input-group{
    width: auto;
}
body.active-search .wbSearch #search_block_top{         
    animation: fadeInDown 0.3s 0.2s ease-out both;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.14);
}
#search_toggle{
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0
}
/* search over */
/* menu */
.wb-menu-vertical li.level-1 .wbIcon span,.view_more .dropdown-item span{
    position: absolute;
    left: 40px;
}
.wb-menu-vertical .view_more{
    position: relative
}
/* slide btn */
.homeslider-container .owl-theme .owl-stage-outer{
    padding-top: 0
}
.homeslider-container .owl-theme .owl-controls .owl-buttons{
    position: unset;margin: 0
}
.homeslider-container .owl-carousel.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    background: #FFA000;
    text-shadow: none;
    border-radius: 100%;
    min-width: 40px;
    min-height: 40px;
    opacity: 0;
    color: #fff;
    padding: 7px 0;
    margin: 0;
    text-align: center;
    border: none;
}
.homeslider-container .owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #000;
    color: #fff;
}
.homeslider-container .owl-theme.owl-carousel .owl-buttons div i {
    font-size: 24px;
    margin: 0;
}
.homeslider-container .owl-carousel.owl-theme:hover .owl-controls .owl-buttons div{
    opacity: 1;
}
.homeslider-container .owl-controls .owl-buttons .owl-prev,.homeslider-container .owl-controls .owl-buttons .owl-next{
    top: 45%;transition: 0.3s ease;
}
.homeslider-container .owl-carousel:hover .owl-buttons .owl-prev {
    left: 30px;
}
.homeslider-container .owl-carousel:hover .owl-buttons .owl-next {
    right: 30px;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    border-radius: 20px;
    background: #FFA000;
}
.owl-controls .owl-page.active span {
    background: #FFA000;opacity: 1;
}
.owl-controls .owl-page span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
}
.owl-controls .owl-page {
    display: inline-block;
}
.owl-pagination {
    text-align: center;
}
.homeslider-container .owl-pagination{
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.homeslider-container .owl-controls .owl-page{
    display: inline-block
}

.owl-carousel.owl-theme .owl-controls .owl-buttons div {
    position: unset;
    color: #FFA000;
    margin: 0;
    padding: 5px 0;
    background: #f5f5f5;
    opacity: 1;
    transition: 0.3s ease;
    display: inline-block;
    min-width: 32px;
    min-height: 32px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div:hover{
    background-color: #FFA000;color: #fff;
}
.owl-carousel .owl-buttons .owl-prev {
    left: 15px;
}
.owl-carousel .owl-buttons .owl-next {
    right: 15px;
}
.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    right: 15px;
    top: -59px;
}

.homeslider-container .owl-theme .owl-pagination .owl-page span {
    width: 15px;
    height: 15px;
    border: none;
    background-color: #7a7a7a;
    border-radius: 15px;
    transition: 0.3s ease;
    opacity: 1;
}
.homeslider-container .owl-theme .owl-pagination .owl-page.active span,.homeslider-container .owl-theme .owl-pagination .owl-page:hover span {
    width: 30px;
    border: none;
    background-color:#FFA000;
}
/* product */
.pro-tab h1{
    font-weight: 500;
}
.pro-tab ul li a{
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    border-radius: 4px;
    padding: 7px 15px;
    font-weight: normal;
    min-height: 32px;
}
.pro-tab ul li a.active{
    color: #fff !important;
    background: #FFA000;
}
.pro-tab ul li{
    margin-right: 20px;
    position: relative;
}
.reducep{
    position: absolute;
    right: 10px;
    top: 40px;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 0;
    background: #8dc366;
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
    border-radius: 4px;
    line-height: normal;
}
.sale{
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: normal;
    font-size: 11px;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #84b946;
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
}
.thumbnail-container .product-flags .new{
    position: absolute;
    left: 10px;
    top: 10px;
    margin: 0 auto;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: normal;
    font-size: 12px;
    background: #FFA000;
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
}
.thumbnail-container .second-img{
    top: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 400ms ease-in-out 0s;
}
.thumbnail-container:hover .second-img{
    opacity: 1;
}
.wb-image-block{
    position: relative;
}
.wb-image-block img{
    border-radius: 4px;
}
.thumbnail-container{
    position: relative;
}
.product-tab-item .product-miniature,#owl-rate .product-miniature,#product .owl-wrapper-outer .product-miniature{
    margin-bottom: 30px;
}
.product-tab-item .thumbnail-container{
    margin-bottom: 50px;
}
.product-tab-item .product-miniature:last-child .thumbnail-container{
    margin-bottom: 2px;
}
.product-title{
    font-size: 0.9rem;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 0.3s ease;
    letter-spacing: 0.5px;
    padding: 10px 0
}
.product-title a{
    color: #222;
}
.thumbnail-container .product-price-and-shipping {
    min-height: 22px;
    transition: 0.3s ease-in-out
}
.product-title:hover,.product-title:hover a{
    color: #FFA000;
}
.price{
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 500;
    display: inline-block;
}
.thumbnail-container .button-group a,.thumbnail-container .button-group button{
    background-color: #fff;
    border: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    transition: 0.3s ease;
    padding: 9px 0;
    min-width: 38px;
    min-height: 38px;
    margin: 0;
    margin-top: 8px;
}
.thumbnail-container .button-group .add_to_compare span {
    display: none;
}
.thumbnail-container .button-group .qv,.thumbnail-container .button-group .add-cart,.thumbnail-container .button-group .absbtn,.thumbnail-container .button-group .compare,
.thumbnail-container .button-group .quick,.thumbnail-container .button-group .wish{
    vertical-align: middle;
    /* display: inline-block */
}
.thumbnail-container .button-group a:hover,.thumbnail-container .button-group button:hover{
    background-color: #FFA000;color: #fff;
}
.thumbnail-container .button-group a svg,.thumbnail-container .button-group button svg{
    fill: #777;
}
.thumbnail-container .button-group a:hover svg,.thumbnail-container .button-group button:hover svg{
    fill: #fff;
}
.thumbnail-container .comments_note i,.thumbnail-container .star_content i{
    font-size: 13px;
}
.thumbnail-container .wb-product-desc{
    padding: 10px;transition: 0.3s ease-in-out
}
/* .thumbnail-container:hover .wb-product-desc{
    padding-bottom: 28px;
} */
.thumbnail-container{
    position: relative;
    transition: 0.5s ease;
    background: #fff;
    margin-bottom: 2px;
}
.thumbnail-container.homeprd .button-group .add-cart .cartb svg{
    display: none
}
/* rating */
 .obar {
    background-color: #f5f5f5;
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
    height: 16px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.ibar {
    background-color: #5FD841;
    width: 0;
    height: 100%;
}
.ibar.bar1 {
    width: 20%;
    background-color: #E84C3D;
}
.ibar.bar2 {
    width: 40%;
    background-color: #e67e22;
}
.ibar.bar3 {
    width: 60%;
    background-color: #f1c40f;
}
.ibar.bar4 {
    width: 80%;
    background-color: #96D940;
}
.ibar.bar5 {
    width: 100%;
    background-color: #5FD841;
}
.pro-review .starm {
    position: unset;
    transition: none;
    transform: none;
    width: auto;
}
.star-main {
    background-color: #f5f5f5;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    height: 5px;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    top: -8px;
}
.total-avg {
    width: 150px;
    vertical-align: baseline;
    background-color: #f5f5f5;
    border-radius: 4px;
    height: 5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    position: relative;
    top: 9px;
}
.rate-avg {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 3px 16px 0 rgba(0,0,0,.11);
    padding: 10px;
    border-radius: 5px;
    z-index: 1;
    left: 15px;
    margin-top: 35px;
    opacity: 0;
}
.avg-rate:hover ~ .rate-avg{
    opacity: 1;
}
.rate-avg .num{
    width: 10px;
}
.avgt {
    font-size: 12px;
}
.rate-avg i{
    font-size: 10px;
}
.starm{
    height: 5px;
    transition: all 0.4s ease-in-out;
    width: 0px;
}
.arltr .avg-rate i{
    font-size: 12px;
    margin-right: 2px;
}
.d-inline-block.avg-rate{
    padding: 0 5px 1px 5px;
    border-radius: 4px;
}
.totl {
    color: #666;
    width: 12px;
    text-align: center;
    font-size: 12px;
}
#productCommentsBlock .rate-avg{
    opacity: 1;
    position: unset;
    margin-top: 0;
    box-shadow: none;
}
#productCommentsBlock .avgt{
    font-size: 32px;
}
.ratea{
    font-size: 22px;
}
.rateavg-bo,#productCommentsBlock .rate-avg{
    vertical-align: middle;
    margin-bottom: 20px;
}

.pro-review .avg-rate{
    padding: 0 8px;
}
.pro-review .avg-rate i{
    margin-left: 2px;color: #fff;
}
.pro-review strong{
    text-transform: capitalize;
}
.pro-review .starm.bar5 {background-color: #388e3c;}
.pro-review .starm.bar4 { background-color: #388e3c;}
.pro-review .starm.bar3 {background-color: #388e3c;}
.pro-review .starm.bar2 {background-color: #ff9800;}
.pro-review .starm.bar1 {background-color: #ff6161;}


.avg-rate:hover ~ .rate-avg .starm.bar5 {background-color: #388e3c;}
.avg-rate:hover ~ .rate-avg .starm.bar4 {background-color: #388e3c;}
.avg-rate:hover ~ .rate-avg .starm.bar3 {background-color: #388e3c;}
.avg-rate:hover ~ .rate-avg .starm.bar2 {background-color: #ff9800;}
.avg-rate:hover ~ .rate-avg .starm.bar1 {background-color: #ff6161;}


.starm{
    height: 5px;
    left: 0;
    position: absolute;
    width: 0;
    transform-origin: left center;
    transition: -webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s;
    transition: transform .4s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .4s cubic-bezier(0,0,.3,1) .3s;
}
.avg-rate ~ .rate-avg .starm.bar5{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .2s;
    transition: transform 0s linear .2s;
    transition: transform 0s linear .2s,-webkit-transform 0s linear .2s
}
.avg-rate ~ .rate-avg .starm.bar4{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .3s;
    transition: transform 0s linear .3s;
    transition: transform 0s linear .3s,-webkit-transform 0s linear .3s
}
.avg-rate ~ .rate-avg .starm.bar3{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .4s;
    transition: transform 0s linear .4s;
    transition: transform 0s linear .4s,-webkit-transform 0s linear .4s
}
.avg-rate ~ .rate-avg .starm.bar2{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .5s;
    transition: transform 0s linear .5s;
    transition: transform 0s linear .5s,-webkit-transform 0s linear .5s
}
.avg-rate ~ .rate-avg .starm.bar1{
    transform: scaleX(0);
    transition: -webkit-transform 0s linear .6s;
    transition: transform 0s linear .6s;
    transition: transform 0s linear .6s,-webkit-transform 0s linear .6s
}
.avg-rate:hover ~ .rate-avg .starm.bar5 {
    background-color: #388e3c; 
    transform: scaleX(1); 
    transition: transform .2s cubic-bezier(0,0,.2,1) .2s,-webkit-transform .2s cubic-bezier(0,0,.2,1) .2s
}
.avg-rate:hover ~ .rate-avg .starm.bar4 {
    background-color: #388e3c; 
    transform: scaleX(1); 
    transition: transform .3s cubic-bezier(0,0,.3,1) .3s,-webkit-transform .3s cubic-bezier(0,0,.3,1) .3s
}
.avg-rate:hover ~ .rate-avg .starm.bar3 {
    background-color: #388e3c; 
    transform: scaleX(1); 
    transition: transform .4s cubic-bezier(0,0,.4,1) .4s,-webkit-transform .4s cubic-bezier(0,0,.4,1) .4s
}
.avg-rate:hover ~ .rate-avg .starm.bar2 {
    background-color: #ff9800; 
    transform: scaleX(1); 
    transition: transform .5s cubic-bezier(0,0,.5,1) .5s,-webkit-transform .5s cubic-bezier(0,0,.5,1) .5s
}
.avg-rate:hover ~ .rate-avg .starm.bar1 {
    background-color: #ff6161; 
    transform: scaleX(1); 
    transition: transform .6s cubic-bezier(0,0,.6,1) .6s,-webkit-transform .6s cubic-bezier(0,0,.6,1) .6s
}

.pro-review {
    border: 1px solid #eee;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 4px;
}
.rhead{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
/* .avg-rate {
    display: inline-block;
    background-color: #219c00;
    color: #fff;
    border-radius: 0;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 15px;
} */
.bg-re5 {background-color: #388e3c; color: #fff;}
.bg-re4 {background-color: #388e3c; color: #fff;}
.bg-re3 {background-color: #388e3c; color: #fff;}
.bg-re2 {background-color: #ff9800; color: #fff;}
.bg-re1 {background-color: #ff6161; color: #fff;}
/* heading */
.heading{
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    margin-bottom: 30px;
}
.heading span{
    display: inline-block;
    position: relative;
}
/* special product */
#products .wbproductcountdown .count.curr, #products .wbproductcountdown .count.bottom,
.wbproductcountdown .count.curr, .wbproductcountdown .count.bottom {
    display: none;
}
.wbproductcountdown .hidden {
    display: none;
}
.wbpc-main .time {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
    background: #fff;
    min-width: 60px;
    min-height: 60px;
    padding: 10px 0;
    border-radius: 4px;
}
#products .wbpc-main .count,
.wbpc-main .count {
    font-size: 14px;
    display: block;
}
.wbpc-main .seconds .count,
#products .wbpc-main .seconds .count {
    color: #FFA000;
}
.wbpc-main .count{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
}
.wbpc-main .label{
    color: #939393;
    text-transform: capitalize;
    font-size: 12px;
    display: block;
    text-align: center;
}
.wbproductcountdown {
    display: none;
}
.propage .wbproductcountdown{
    margin-top: 10px;display: block
}
#owl-spe .wbproductcountdown {
    display: block;margin-top: 10px;
}
#owl-spe .wb-image-block .prohover{
    position: relative
}
#owl-spe .thumbnail-container{
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 15px 0;
}
#owl-spe .thumbnail-container .button-group .qv,#owl-spe .thumbnail-container .button-group .add-cart,#owl-spe .thumbnail-container .button-group .absbtn,
#owl-spe .thumbnail-container .button-group .compare,#owl-spe .thumbnail-container .button-group .quick,#owl-spe .thumbnail-container .button-group .wish{
    display: inline-block;
}
#owl-spe .custlistds{
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    height: 50px;
    margin: 0;
}
#owl-spe .product-title {
    font-size: 1rem;
}
#owl-spe .thumbnail-container .product-price-and-shipping{
    margin: 8px 0
}
#owl-spe .thumbnail-container .button-group{
    margin-top: 15px;
}
#owl-spe .thumbnail-container .button-group a,#owl-spe .thumbnail-container .button-group button{
    margin-top: 0
}
#owl-spe .thumbnail-container .wb-product-desc{
    padding: 0 15px;
}
/* service */
.deliveryinfo ul li {
    display: block;
    vertical-align: middle;
    position: relative
}
.deliveryinfo ul{
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 15px 5px;
}
.deliveryinfo ul li span{
    display: inline-block;
}
.deliveryinfo ul li svg{
    fill: #777;
}
.deliveryinfo ul:hover li svg{
    fill: #FFA000;
}
.deliveryinfo ul li h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 12px;
}
/* category */
.categorybr a{
    display: block
}
#wb_cat_carousel.owl-carousel .owl-item img{
    width: auto;
    border-radius: 4px;
}
.categorybr h5 span{
    display: inline-block;
    padding: 7px 18px;
    border-radius: 0 0 4px 4px;
    transition: 0.3s ease;
    text-transform: capitalize;
}
.categorybr:hover h5 span{
    background-color: #FFA000;
    color: #fff;
}
/* testimonial */
.parallex{
    background-color: #f5f5f5;
    padding: 50px 0
}
.t1 {
    background-image: url('../img/testi1.png');
}
.t2 {
    background-image: url('../img/testi2.png');
}
.t3 {
    background-image: url('../img/testi3.png');
}
.timg {
    width: 140px;
    height: 150px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 4px;
}
.parallex #testi .item svg{
    fill: #FFA000;
    opacity: 0.5;
}
.parallex #testi .item ul {
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 15px;
    border-radius: 4px;
}
.parallex #testi .item h2{
    color: #FFA000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
.parallex #testi .item h5{
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
    color: #939393
}
.parallex #testi .item p{
    font-size: 14px;
    color: #939393;
    line-height: 24px;
    margin: 55px 0 0 0;
}
.parallex .item ul li:nth-child(1) span{
    display: block;text-align: center
}
.parallex .item ul li:nth-child(1) {
    width: 20%;text-align: center
}
.parallex .item ul li:nth-child(2) {
    width: 80%;
    padding-left: 15px;
}
.parallex .item ul li {
    float: left;
    position: relative;
    margin-top: -85px;
}
.parallex .owl-wrapper-outer{
    padding-top: 70px;
}
.parallex .owl-pagination{
    margin-top: 35px;
}
/* blog */
.wbblogs_success{
    background: #92d097;
    color: #157b39;
    padding: 5px 10px;
    display: block;
    margin-top: 8px;
}   
#blog .blog_post_content_bottom{
    padding: 15px;
    transition: 0.3s ease;
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: -65px;
    background: #fff;
    z-index: 1;
    border-radius: 6px 6px 0 0;
}
.blogdt span {
    color: #8d8d8d;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
}
.blogsp {
    margin: 0 10px;
}
#blog .read_more{
    display: inline-block;
    margin-top: 8px;
    color: #777;
}
#blog .read_more i{
    font-size: 16px;
    transform: rotateY(180deg);
}
#blog .read_more hr{
    width: 40%;
    transition: 0.3s ease;
    margin: 4px 0 0 0;
    border-top: 1px solid #777;
}
#blog .read_more:hover{
    color: #FFA000
}
#blog .read_more:hover hr{
    width: 100%;
    border-top: 1px solid #FFA000;
}
.blog_post_content{
    position: relative;
}
.post_content p{
    color: #999;
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 10px 0;
}
.post_title{
    font-size: 18px;
    text-transform: capitalize;
    line-height: 23px;
    font-weight: 500;
    padding: 0 0 8px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.post_title:hover{
    color: #FFA000;
}
.blog_mask .icon {
    transform: translate(-50%, -50%);
    background: #FFA000;
    display: inline-block;
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    padding: 6px 0;
    margin: 0 5px;
    border-radius: 4px;
    color: #fff;
}
.post_thumbnail{
    position: relative
}
.post_thumbnail:hover .blog_mask {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    border-radius: 4px;
    -webkit-transform: scale(0.94,0.9);
}
.blog_mask .icon:hover {
    background-color: #000;
    color: #fff;
}
.blog_mask {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
    -webkit-transform: scale(0.8);
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 4px;
}
.blog_mask_content{
    position: absolute;
    left: 20px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 50%;
}
.wbblog_img{
    border-radius: 4px;
}
.allbl{
    padding: 15px;
    border: none;
    position: unset;
    margin: 0;
}
.barr{
    padding: 0 15px;
}
.allbl .meta_author{
    color: #222;
}
.allbl .post_meta span{
    margin: 0 10px;
}
.allbl .content_more{
    margin-top: 10px;
}
.allbl .post_content {
    color: #555;
    line-height: 23px;
    font-size: 13px;
    letter-spacing: 0
}
.allbl .post_content p{
    margin-bottom: 0;
    margin-top: 0;
    color: #999;
}
.allbl .content_more{
    padding: 0;
}
.allbl .post_title{
    margin-bottom: 5px;
    font-size: 14px;
    padding: 0;
    font-weight: 500;
}
.archb .post_thumbnail{
    position: relative;
}
.archb .post_thumbnail .material-icons{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.archb{
    margin-bottom: 30px;
}
#module-wbblog-single .post_title{
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: 10px;
    min-height: auto;
    margin-bottom: 8px;
    cursor: pointer;
    transition: 0.3s ease;
}
#module-wbblog-single .blog_post_content_top{
    margin-top: 0;
}
#module-wbblog-archive .allbl{
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
}
#module-wbblog-archive .blog_post_content{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
#module-wbblog-archive .content_more a{
    text-decoration: none;
}
#module-wbblog-single .page-footer{
    margin-top: 0;
}
#module-wbblog-single .blog_post_content{
    padding: 0;
    border: 1px solid #eee;
    margin-bottom: 20px;
    border-radius: 4px;
}
#blog_post .post_thumbnail img{
    border-radius: 4px;
}
.blogdl{
    color: #aaa;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 0;
}
.post_d i{
    font-size: 14px;
    color: #aaa;
    margin-right: 10px;
}
.post_d a,.post_d span{
    color: #aaa;
    transition: 0.3s ease;
    display: inline-block;
}
.post_d a:hover{
    color: #000;
}
.post_d .fa-eye{
    margin-left: 10px;
}
.post_d{
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 12px;
}
.post_metas li{
    display: inline-block;
}
.comment_list li{
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 0;
}
.comment_list li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.allbl .meta_category{
    margin: 0 15px;
}
.wco{
    margin-left: 33px;
}
/* comment */
.commlist{
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 10px;
    border: 1px solid #eee;
}
.comment_content{
    padding: 10px 15px;
}
.fn{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 7px;
}
.vcard img{
    height: 61px;
    width: 61px;
}
.comment_content i{
    font-size: 18px;
    padding-right: 15px;
    line-height: 30px;
}
.wco{
    margin-left: 38px;
    position: relative;
    top: 6px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}
/* newsletter */
.block_newsletter{
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0
}
.block_newsletter .alert{
    padding: 4px 10px;
    color: #000;
    margin-top: 6px;
    position: absolute;
    left: 0;
    right: 0;
}
.block_newsletter svg{
    margin-right: 10px;
    fill: #FFA000;
}
.block_newsletter h4{
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 5px;
}
.block_newsletter p{
    color: #939393;
    font-size: 14px;
    margin-bottom: 0;
}
.block_newsletter .btn-primary{
    font-weight: 500;
    font-size: 16px;
    border-radius: 0 4px 4px 0
}
/* footer */
#scroll {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
    background: #FFA000;
    min-width: 40px;
    min-height: 40px;
    overflow: hidden;
    display: block;
    text-align: center;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
    transform: scale(1);
    padding: 10px 0;
    border-radius: 4px;
}
#scroll.scrollhide{
    bottom: -100px;
    opacity: 0;
    transform: scale(0); 
}
#scroll:hover{
    background-color: #000;
    color: #fff
}
.email{
    word-break: break-all;
}
#footer_contact .icon {
    margin-right: 15px;
}
.footleft p {
    margin-bottom: 30px;
    line-height: 24px;
}
.links h3, .links h3 a, .c-info,.footleft h3{
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #222;
}
.footer-container li a, .fthr .block, .fthr .data a,#footer #block_myaccount_infos .lnk_wishlist{
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 33px;
    color: #808080;
    padding: 0;
    transition: 0.3s all ease-in-out
}
.footer-container li a:hover,.fthr .block:hover,.fthr .data a:hover,#footer #block_myaccount_infos .lnk_wishlist:hover{
    color: #FFA000;
    opacity: 1;
}
#block_myaccount_infos li i,.l-list li i{
    color: #777;
}
.footer-container {
    padding: 50px 0;
}
#footer_contact .icon svg{
    fill: #FFA000
}
.footsmenu li:last-child a::after{
    display: none
}
#footer .data {
    margin-left: 34px;
}
#footer #block_myaccount_infos .lnk_wishlist i{
    display: none
}
#footer #block_myaccount_infos .lnk_wishlist{
    float: none;padding: 0
}
.fthr h3{
    margin-top: 25px;
}
.block-social{
    margin-bottom: 8px;
}
.block-social li,.foot-payment li,.footsmenu li{
    display: inline-block;vertical-align: middle
}
.foot-payment li a{
    font-size: 24px;
}
.foot-payment li i{
    margin: 0 2px;
    transition: 0.3s ease
}
.block-social li a {
    line-height: normal;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    min-width: 34px;
    min-height: 34px;
    padding-top: 7px;
    margin: 2px;
    border-radius: 4px;
}
.block-social li a:hover{
    background-color: #FFA000;
    color: #fff;
}
#footer{
    background-color: #f5f5f5;
    margin-top: 60px;
}
.copy {
    border-top: 1px solid #e1e1e1;
    padding: 15px 0;
}
/* social follow */
.facebook a::before {
    content: "\f09a";
    font-family: fontAwesome;
}
.twitter a::before {
    content: "\f099";
    font-family: fontAwesome;
}
.googleplus a::before {
    content: "\f0d5";
    font-family: fontAwesome;
}
.pinterest a::before {
    content: "\f231";
    font-family: fontAwesome;
}
.instagram a::before {
    content: "\f16d";
    font-family: fontAwesome;
}
 .rss a::before {
    content: "\f09e";
    font-family: FontAwesome;
}
.youtube a::before {
    content: "\f167";
    font-family: FontAwesome;
}
.vimeo a::before {
    content: "\f27d";
    font-family: FontAwesome;
}
.snapchat a::before {
    content: "\f2ab";
    font-family: FontAwesome;
}
/* product page */
.propage .wbpc-main .time{
    display: inline-block;border: 1px solid #eee;
}
.product-additional-info .compare, .product-additional-info .panel-product-line {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.product-additional-info svg {
    display: none;
}
.product-additional-info .add_to_compare, .product-additional-info .prowish {
    display: inline-block;
    vertical-align: middle;
    background-color: #FFA000;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 4px;
    transition: 0.3s ease;
    margin-bottom: 4px;
}
.product-additional-info .add_to_compare:hover, .product-additional-info .prowish:hover {
    background-color: #000;
    color: #fff;
}
.wb-dropdown-cart .discount-amount{
    background-color: transparent;
    padding: 0;
    color: #000;
}
.discount-amount,.propage .discount-percentage{
    background: #88cb86;
    color: #fff;
    font-size: 12px;
    padding: 4px 5px;
    border-radius: 4px;
}
.propage .current-price span{
    display: inline-block;vertical-align: middle;
}
.propage .current-price span:nth-child(1){
    font-size: 22px;
    letter-spacing: 0;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}
.propage .product-discount .regular-price{
    font-size: 14px;
}
.product-pack .h4{margin-bottom: 10px;}
.block-reassurance-item .h6{
    font-size: 13px;
    color: #777;
    line-height: 20px;
}
.tabpro{
    margin-top: 50px;
}
.js-thumb,#zoom{
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 4px;
}
.product-tab .nav-tabs .nav-link{
    padding: 15px 12px;
    font-weight: 500;
    font-size: 16px;
}
.arltr .wb-list-product-reviews, #ratep, .retesp {
    display: inline-block;
    margin-top: 0;
}
.retesp{
    margin: 0 5px;
}
#description p{
    margin-bottom: 0;
    line-height: 22px;
}
#product .thumb-container {
    padding: 0 3px;
}
.product-tab .tab-pane{
    padding: 15px;
}
.product-prices{
    border-bottom: 1px solid #eee;
    padding-bottom: 16px;
}
.prodes p{
    margin-bottom: 0
}
/* .quickview .prodes p{
    height: 92px;
    overflow: hidden;
} */
.prodes,.product-variants .product-variants-item{
    border-bottom: 1px solid #eee;
    padding: 16px 0;
    margin-bottom: 0;
}
.product-actions{
    padding-bottom: 16px;
}
.propage hr{
    border-top: 1px solid #eee;
}
.social-sharing{
    margin-top: 15px;
}
.product-additional-info .buttons_bottom_block{
    margin-bottom: 15px;
}
.propage h1 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}
.pcust{
    font-size: 12px;
}
.product-customization-item label{
    font-weight: 500;
    text-transform: capitalize;
}
.propage .control-label {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 8px;
    font-weight: 500;
}
.product-quantity .add{
    margin: 0 10px;
}
.product-variants > .product-variants-item ul li label{
    margin-bottom: 0;
}
.propage .product-variants > .product-variants-item .color{
    margin-top: 11px;
    width: 15px;
    height: 15px;
}
.wishlist_button_extra{
    padding: 8px 10px 7px 10px;
    margin-bottom: 5px;
    font-size: 12px;
}
#idWishlist{
    border: 1px solid #eee;
    height: 33px;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: capitalize;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0rem center/1.25rem 1.25rem;
    padding: 5px 15px 5px 5px;
}
.product-add-to-cart .control-label{
    margin-top: 10px;
}
.product-tab .nav-item{
    display: inline-block;
}
.arltr a{
    text-transform: capitalize;
    display: inline-block;
}
.arltr i{
    margin-right: 5px;
}
.propage .open-comment-form::after{
    content: '|';
    padding: 0 20px;
}
.product-tab{
    border: 1px solid #eee;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    border-radius: 4px;
}
.product-tab .nav-tabs{
    border-bottom: 1px solid #eee;
}
.attachment h4,.product-features .h6{
    margin-bottom: 10px;
    text-transform: capitalize;
}
.product-tab .nav-tabs .nav-item a.active::before {
    background-color: #FFA000;
    height: 2px;
    width: 40px;
}
.product-tab .nav-tabs .nav-item a::before {
    background-color: transparent;
    content: "";
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: 48px;
    transition: all 0.4s ease-out 0s;
    width: 3px;
}
.product-reference{
    margin-top: 10px;
}
.prodes p{
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 23px;
}
.product-tab .nav-tabs .nav-link.active{
    color: #FFA000;
}
/* category page */
.quickview .product-add-to-cart{
    padding-top: 15px;
}
#category-description{
    padding: 10px 0;
}
.facet li{
    margin-top: 12px
}
.facet-title{
    color: #FFA000;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-weight: 500;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
}
.facet-label a span {
    display: inline-block;
    position: absolute;
    right: 30px;
    font-size: 12px;
    color: #333;
    -webkit-margin-before: -20px;
    background: #eee;
    padding: 2px 0 0 0px;
    text-align: center;
    min-width: 22px;
    min-height: 22px;
    border-radius: 4px;
}
#_desktop_search_filters_clear_all {
    margin-top: 15px;
}
.wb-grid-list{
    margin-top: 5px;
}
.total-products p {
    margin-bottom: 0;
    margin-top: 6px;
}
.products-sort-order .select-title {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 6px 5px 1px 5px;
    background-color: #222;
    border-radius: 4px;
}
.products-sort-order i{
    position: relative;
    top: -1px;
}
#new-products .products-sort-order .select-title{
    letter-spacing: 0;font-size: 12px;
}
.products-sort-order .dropdown-menu {
    border: none;
    right: 15px;
    left: 15px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.lgrid svg{
    fill: #aaa;
    cursor: pointer;
    margin-right: 6px;
}
.wb-grid-list .selected svg{
    fill: #222
}
.products-sort-order .select-list {
    display: block;
    padding: 2px 8px;
    line-height: 25px;
    font-size: 14px;
}
.products-sort-order .select-list:hover {
    background: #222;
    color: #fff;
    text-decoration: none;
}
.page-content p{
    margin-bottom: 10px;
}
.sort-by{
    margin-top: 7px;
}
.listds{
    display: none;
}
.wb-product-list .listds{
    display: block;
}
.listds,.listds p{
    font-size: 13px;
    color: #aaa;
    line-height: 21px;
    margin-bottom: 0;
    letter-spacing: 0.5px;
    overflow: hidden;
    max-height: 44px;
}
.listds{
    margin-top: 0;
    margin-bottom: 6px;
}
.bh{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;
}
.wb-product-list .wb-image-block{
    padding: 0;overflow: hidden;
}
.products-selection {
    margin: 0 0 15px 0;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 10px 0;
    border-radius: 4px;
}
.wb-product-grid .item-product{
    margin-bottom: 40px;
}
.wb-product-grid{
    overflow: hidden;
}
#js-product-list .product-miniature{
    padding: 0;margin-bottom: 30px;
}
#js-product-list .product-miniature .thumbnail-container::after{
    display: none
}
.wb-product-list .thumbnail-container{
    float: left;width: 100%;margin-bottom: 1px;
}
.wb-product-list .thumbnail-container.homeprd .wb-product-desc .posdes{
    position: unset;padding-top: 0;transition: none
}
.wb-product-list .thumbnail-container.homeprd .button-group .add-cart .cartb{
    opacity: 1;
}
.wb-product-list .thumbnail-container.homeprd .button-group .absbtn{
    position: unset;
    transition: none;
    opacity: 1;
}
.wb-product-list .thumbnail-container .button-group .qv,.wb-product-list .thumbnail-container .button-group .add-cart,.wb-product-list .thumbnail-container .button-group .absbtn,
.wb-product-list .thumbnail-container .button-group .compare,.wb-product-list .thumbnail-container .button-group .quick,.wb-product-list .thumbnail-container .button-group .wish{
    display: inline-block
}
.wb-product-list .thumbnail-container .button-group a,.wb-product-list .thumbnail-container .button-group button{
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
}
.wb-product-list .thumbnail-container .wb-product-desc{
    transition: none
}
/* pagination */
.pagination {
    text-align: center;
    border: 1px solid #eee;
    background-color: #fff;
    text-transform: capitalize;
    padding: 7px 0;
    display: inline-block;
    border-radius: 4px;
}
.pagination i{
    font-size: 20px;
    margin-top: -2px;
}
.pagination .page-list li a {
    display: inline-block;
    background: #FFA000;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 6px 7px 4px 7px;
    width: 35px;
    line-height: 24px;
    font-size: 15px;
    border-radius: 4px;
}
.pagination .text-xs-left {
    line-height: 34px;
}
.pagination .page-list li a:hover,.pagination .page-list li a:focus,.pagination .page-list li.current a{
    background: #000;
    color: #fff;
}
/* other page */
.product-tab-item,.imgbanner,.category-back,.spacepro{
    margin-top: 60px;
    margin-bottom: 60px;
}
.logos{
    margin-top: 60px;
}
.sale-bkg .sale{
    display: none
}
.wb-modal .modal-content{
    border-radius: 4px;
}
.js-terms a{
    color: #FFA000;
    text-transform: capitalize;
    font-weight: 500;
}
#contact .card{
    border: none;
    padding: 0;
}
.product-line-grid-body{
    line-height: 25px;
}
#module-wbblog-single .page-footer,#index .page-footer,#product .page-footer{
    margin-top: 0;
}
.page-footer{
    margin-top: 30px;
}
/* banner effect */
.beffect a {
    display: block;
    overflow: hidden;
    position: relative;
}
.beffect:hover a::after {
    opacity: 0;
    transform: scale(.8);
    transition-delay: 0.1s;
}
.beffect a::after {
    border: 30px solid #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    border-radius: 4px;
}
.beffect:hover a::before {
    border: 0 solid rgba(255,255,255,.7);
}
.beffect a::before {
    border: 50px solid rgba(255,255,255,0);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}
@media (min-width: 768px){
    #owl-spe .wb-image-block{
        border-right: 1px solid #e1e1e1;
    }
    .pro-tab ul{
        margin-right: 100px;
    }
    .sticky{
        position: sticky;
        top: 15px;
    }
    .wb-product-list .wb-product-desc{
        text-align: left;padding: 10px;
    }
    .wb-product-list .wb-product-desc .price{
        font-size: 18px;
    }
}
@media (min-width: 992px){
    .container_wb_megamenu .title-menu .wr-menu{
        padding: 3px 5px;background: #FFA000;border-radius: 4px;
    }
    .svgbg {
        position: relative;
        display: inline-block;
        background-color: #f5f5f5;
        min-width: 40px;
        min-height: 40px;
        text-align: center;
        border-radius: 4px;
        padding: 8px 0;
        transition: 0.3s ease;
    }
    .product-tab-item .owl-wrapper-outer,#owl-rate .owl-wrapper-outer,#product .owl-wrapper-outer{
        padding-bottom: 35px;
    }
    .hcom,#_desktop_language_selector,#_desktop_user_info{
        margin: 0 30px;
    }
    .tright{
        margin-top: 6px;
    }
    .statmenu{
        margin-top: 10px;
    }
    #_desktop_language_selector button,#_desktop_currency_selector button,.wishl a,.hcom a{
        font-size: 14px;
        text-transform: capitalize;
        transition: 0.3s ease;
    }
    .wishl,.hcom{
        display: inline-block;vertical-align: middle;
    }
    .wishl svg,.hcom svg{
        display: none
    }
    .thumbnail-container.homeprd .wb-product-desc .posdes{
        background: #fff;
        overflow: hidden;
        transition: all 0.2s ease 0s;
        bottom: -110px;
        left: 0;
        position: absolute;
        right: 0;
        transition: all 0.4s ease 0s;
        padding-top: 10px;
    }
    .thumbnail-container.homeprd:hover .wb-product-desc .posdes{
        opacity: 1;
        bottom: -65px;
    }
    .thumbnail-container.homeprd .button-group .absbtn{
        position: absolute;
        right: 10px;
        bottom: 40%;
        opacity: 0;
        transition: 0.3s ease-in-out
    }
    .thumbnail-container.homeprd:hover .button-group .absbtn{
        opacity: 1;
    }
    .thumbnail-container.homeprd .button-group .add-cart .cartb{
        background-color: #FFA000;
        color: #fff;
        text-transform: capitalize;
        padding: 0 12px;
        border-radius: 4px;
        transition: 0.3s ease-in-out;
        opacity: 0;
    }
    .thumbnail-container.homeprd:hover .button-group .add-cart .cartb{
        opacity: 1;
    }
    .thumbnail-container.homeprd .button-group .add-cart .cartb:hover{
        background-color: #000;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .slidedes{
        margin-top: 90px;
    }
    .leftw{
        width: 30%;
    }
    .slidedes h1{
        font-size: 38px;
    }
    .deliveryinfo ul li h4{
        font-size: 14px;letter-spacing: 0
    }
    .links h3, .links h3 a, .c-info, .footleft h3{
        font-size: 16px;
    }
    .price,.allbl .post_content{
        font-size: 14px;
    }
    .regular-price{
        font-size: 11px;
    }
    #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
        letter-spacing: 0px;font-size: 11px;
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 25%;
    }
    #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 25%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 75%;
    }
    .statmenu li a{
        text-transform: capitalize;
        font-size: 14px;
        margin: 0 9px;
        letter-spacing: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #blog .blog_post_content_bottom{
        margin-left: 15px;
        margin-right: 15px;
    }
    .block_newsletter h4{
        letter-spacing: 0
    }
    .deliveryinfo [class*="col-"]:nth-child(1), .deliveryinfo [class*="col-"]:nth-child(2) {
        margin-bottom: 15px;
    }
    .slidedes{
        margin-top: 115px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .slidedes h1{
        font-size: 30px;
        line-height: 45px;
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 33.33%;
    }
    #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 25%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 75%;
    }
    .product-line-grid-right .qty{
        padding: 0
    }
    .footer-container li a, .fthr .block, .fthr .data a{
        letter-spacing: 0
    }
    .links h3, .links h3 a, .c-info{
        font-size: 15px;letter-spacing: 0
    }
    #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a{
        font-size: 12px;letter-spacing: 0
    }
}
@media (max-width: 991px){
    .wb-menu-vertical .menu-vertical{
        display: block
    }
    .wb-product-list .thumbnail-container .wb-product-desc{
        padding: 10px;
    }
    .wb-product-list .thumbnail-container.homeprd .button-group .add-cart .cartb{
        margin-bottom: 8px;
    }
    .wbSearch{
        padding: 15px;
    }
    #wbsearch_content_result{
        top: auto
    }
    .logos{
        margin-top: 30px;
    }
    .product-tab-item, .imgbanner, .category-back, .spacepro {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .thumbnail-container.homeprd .button-group .absbtn{
        position: absolute;
        right: 10px;
        top: 32px;
    }
    .thumbnail-container .button-group a, .thumbnail-container .button-group button{
        padding: 4px 4px;
        min-width: 28px;
        min-height: 28px;
        background: transparent;
        margin-top: 2px;
        text-transform: capitalize;
        letter-spacing: 0;
    }
    .thumbnail-container.homeprd .button-group button.cartb{
        box-shadow: 0 0 2px rgba(0,0,0,0.2);
        margin-top: 5px;
        padding: 4px 8px;
    }
    .cartdet{
        display: none
    }
    #js-product-list .product-miniature{
        margin-bottom: 0;
    }
    .wb-product-list .item-product,.wb-product-grid .item-product{
        margin-bottom: 20px;
    }
    .header-top{
        padding: 12px 0
    }
    #_mobile_currency_selector,#_mobile_language_selector{
        display: inline-block;
        border: 1px solid #eee;
        padding: 2px 1px;
        margin-top: 10px;
        font-size: 12px;
        border-radius: 4px;
    }
    #_mobile_currency_selector select,#_mobile_language_selector select{
        -webkit-appearance: none;
        font-size: 12px;
        letter-spacing: 0;
    }
    #_mobile_language_selector{
        margin: 0 3px;
    }
    .desktop-search{
        float: right;
        margin-top: 12px;
    }
    #footer{
        margin-top: 30px;
    }
    #search_widget{
        margin-top: 12px;
    }
    #_mobile_cart{
        position: relative;
        margin-top: 8px;
    }
    #_mobile_user_info{
        position: relative;
        cursor: pointer;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 8px;
    }
    #_mobile_logo img {
        max-width: 90px;
    }
    /* sidenav */
    .close-nav span{
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
    }
    body.active {
        overflow: hidden;
    }
    body.active::before {
        background: rgba(0,0,0,0.7) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.7;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
        transition: all .2s ease 0s;
    }
    body.active .sidenav {
        overflow-x: unset;
        overflow-y: scroll;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        background-color: #fff;
        transition: 0.5s;
        padding-top: 60px;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
        clear: both;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sidenav .close-nav {
        background-color: #000;
        padding: 10px 15px;
        width: 100%;
        display: inline-block;
    }
    #mobile_top_menu_wrapper {
        margin: 0 10px;
        line-height: 20px;
        display: block !important;
    }
    .close-nav i{
        font-size: 16px;
        color: #fff;
    }
    .dnone{
        display: none;
    }
    .dblock{
        display: block;
    }
    #wrapper,#footer{
        display: block !important;
    }
    #menu-icon .navbar-toggle{
        border: none;
        background: transparent;
        padding: 0;
        font-size: 17px;
        cursor: pointer;
        margin-right: 15px;
        margin-top: 10px;
        color: #000;
    }
    .heading{
        margin-bottom: 18px;
        font-size: 18px;
        letter-spacing: 0;
    }
    .thumbnail-container .homeprice .wb-list-product-reviews{
        margin-top: 3px;
    }
    .product-tab-item .product-miniature, #owl-rate .product-miniature,#product .owl-wrapper-outer .product-miniature{
        margin-bottom: 0;
    }
    .product-tab-item .thumbnail-container{
        margin-bottom: 20px;
    }
    .thumbnail-container .wb-product-desc {
        padding: 10px 0 0 0;
    }
    .product-title{
        padding: 6px 0;
    }
    .reducep{
        display: none
    }
    .wb-product-grid,.wb-product-list{
        margin: 0 -3px;
    }
    #js-product-list .item-product{
        padding: 0 3px;
    }
    .pagination{
        margin-top: 0;
    }
    .pagination .text-xs-left{
        font-size: 12px;
        letter-spacing: 0
    }
    .product-customization .custom-file button{
        padding: 0 5px;
        font-size: 12px;
    }
    .product-customization{
        font-size: 12px;
    }
    .product-actions .add-to-cart{
        padding: 0 5px;letter-spacing: 0
    }
    .product-customization .btn-primary.float-xs-right{
        padding: 7px 5px;
        font-size: 12px;
    }
    .rless{
        margin: 0 -3px;
    }
    .cless{
        padding: 0 3px;
    }
    .owl-theme .owl-controls .owl-buttons{
        right: 3px;
        top: -46px;
    }
    .owl-carousel.owl-theme .owl-controls .owl-buttons div{
        min-width: 30px;
        min-height: 30px;
        padding: 5px 0
    }
}
@media (max-width: 767px){
    .propage h1{
        margin-top: 15px;
    }
    .wb-product-list .thumbnail-container .button-group{
        display: none
    }
    .slidedes a.btn-primary{
        letter-spacing: 0
    }
    .parallex .owl-pagination {
        margin-top: 15px;
    }
    .block_newsletter{
        padding: 15px 0
    }
    .block_newsletter .btn-primary{
        letter-spacing: 0
    }
    #blog .blog_post_content_bottom{
        padding: 10px 0 0 0;
        position: unset;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }
    .blogdt span{
        font-size: 13px;letter-spacing: 0
    }
    .timg{
        margin-bottom: 6px;
    }
    .parallex .item ul li:nth-child(2){
        padding-left: 0;
    }
    .wbpc-main .time{
        min-width: 45px;
        min-height: 45px;
        padding: 2px 0;
        margin: 0 2px;
    }
    .wbpc-main .count{
        font-size: 14px;
    }
    #owl-spe .thumbnail-container .button-group,.parallex .item ul li:nth-child(1) span{
        display: none
    }
    .parallex{
        padding: 20px 0
    }
    .parallex .owl-wrapper-outer{
        padding-top: 0;
    }
    .parallex #testi .item p{
        margin: 6px 0 0 0
    }
    .parallex .item ul li{
        float: none !important;
        width: auto !important;
        margin-top: 0;
        margin: 0 auto;
        display: block;
        text-align: center
    }
    .categorybr h5{
        font-size: 14px;letter-spacing: 0
    }
    .pro-tab ul li{
        margin-right: 3px;
    }
    .pro-tab ul li a{
        font-size: 14px;padding: 7px 10px;letter-spacing: 0
    }
    .pro-tab ul{
        text-align: left;
    }
    .homeslider-container .owl-pagination,.product-tab-item .owl-theme .owl-controls .owl-buttons{
        display: none
    }
    .price{
        font-size: 13px;
    }
    .regular-price{
        font-size: 11px;
    }
    .sale{
        display: none
    }
    #module-wbblog-single .post_title{
        font-size: 14px;
    }
    .footer-container{
        padding: 20px 0
    }
    .total-avg{
        width: 120px;
    }
    .homeslider-container .owl-theme .owl-controls .owl-buttons{
        display: none
    }
    .reducep{
        display: none
    }
    
    .wb-menu-vertical .menu-vertical{
        display: block
    }
    .wb-menu-vertical{
        left: 0
    }
    .wb-product-list .listds{
        margin-bottom: 3px;margin-top: 0;
    }
    .listds, .listds p,.post_content span{
        font-size: 12px;letter-spacing: 0
    }
    .post_title{
        font-size: 14px;
    }
    .wb-menu-vertical .wb-sub-menu li.menu-item.bh{
        margin-bottom: 0
    }
    .thumbnail-container .product-flags .new,.sale{
        background-color: transparent !important;
        color: #000;
        border: none;
        padding: 0 5px;
        top: 8px;
        transform: none;
    }
    .wb-menu-vertical .wb-sub-menu li.menu-item.bh::after{
        display: none
    }
    .wb-dropdown-cart.defaultcart{
        top: 40px;
    }
    .post_thumbnail{
        margin-top: 0;
    }
    .facet-label a span{
        position: unset;
    }
    #category #search_filter_toggler{
        padding: 6px 0;
    }
    #blockcart-modal .product-name{
        margin-top: 15px;
    }
    .product-tab .nav-tabs .nav-link {
        padding: 15px 5px;
        font-size: 13px;
        letter-spacing: 0
    }
    .form-control-label{
        padding-top: 0
    }
    .forgotten-password .form-fields label.required{
        text-align: left;
        padding: 0
    }
    .quickview .propage h1{
        margin-top: 0;
    }
    .quickview .modal-body{
        padding: 0 15px 15px 15px;
    }
    .arltr a,#description p,.prodes p, .product-variants .product-variants-item,.page-content p,.attachment p{
        font-size: 12px;
        letter-spacing: 0.5px
    }
    .links .title .h3{
        font-size: 14px;
    }
}
@media (max-width: 1199px){
    .quickview .mask,.shmenu{
        display: none
    }
}
@media (min-width: 1200px){
    .quickview .product-cover img {
        max-width: 500px;
    }
}
@media (min-width: 1200px) and (max-width: 1409px){
    .slidedes{
        margin-top: 108px;
    }
    .statmenu li a{
        font-size: 14px;letter-spacing: 0;margin-right: 20px;
    }
    .parallex .item ul li:nth-child(1){
        width: 28%;
    }
    .parallex .item ul li:nth-child(2){
        width: 72%;
    }
    #blog .blog_post_content_bottom{
        margin-left: 15px;
        margin-right: 15px;
    }
    .price{
        font-size: 14px;
    }
    .regular-price{
        font-size: 11px;
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 25%;
    }
    .product-line-grid-right .qty{
        padding: 0
    }
    #search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 20%;
    }
    #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 20%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 80%;
    }
}
@media (min-width: 600px) and (max-width: 767px){
    .lgrid{
        width: 40%;
    }
    .sro{
        width: 60%;
    }
    .wb-product-grid .item-product{
        width: 33.33%;
    }
    .wb-product-list .item-product{
        width: 33.33%;
    }
}
@media (min-width: 500px) and (max-width: 767px){
    .imgbanner [class*="col-"]{
        width: 33.33%;
    }
    .deliveryinfo [class*="col-"]{
        width: 50%;
        padding-left: 3px;
        padding-right: 3px;
    }
    .deliveryinfo .row{
        margin-left: -3px;
        margin-right: -3px;
    }
    .deliveryinfo ul li h4{
        font-size: 14px;
    }
    .deliveryinfo [class*="col-"]:nth-child(1), .deliveryinfo [class*="col-"]:nth-child(2) {
        margin-bottom: 15px;
    }
}
@media (max-width: 499px){
    .deliveryinfo .sbr{
        margin-top: 10px;
    }
    .imgbanner [class*="col-"]:nth-child(2) {
        margin: 10px 0;
    }
}
@media (min-width: 360px) and (max-width: 599px){
    .wb-product-list .item-product{
        width: 50%;
    }
}
@media (max-width: 400px){
    .slidedes h1{
        font-size: 20px;line-height: normal;margin-bottom: 15px;
    }
    .slidedes{
        width: auto;
        margin-top: 0;
        position: absolute;
        top: 32px;
        left: 15px;
        right: 15px;
    }
    .slidecap,.slideimg{
        width: 100%;
    }
}
@media (min-width: 401px) and (max-width: 767px){
    .slidedes h1{
        font-size: 22px;line-height: normal;margin-bottom: 15px;
    }
    .slidedes{
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 20px;
    }
}
@media (max-width: 599px){
    #search_category{
        display: none
    }
    .wb-product-list .wb-image-block img{
        width: 100%;
    }
    .barr {
        padding: 0 10px;
    }
    .quickview .modal-dialog{
        width: auto;
        margin: 30px 15px;
    }
    #owl-image-slider .owl-nav{
        display: none
    }
    .quickview .modal-dialog{
        width: auto;
        margin: 30px 15px;
    }
    .sro{
        margin-top: 10px;
    }
    .pagination .text-xs-left,.pagination .text-xs-right{
        text-align: center;
        width: 100%;
    }
    .rname,.post_metas li{
        font-size: 12px;
    }
    .wb-product-grid .item-product{
        width: 50%;
    }
}
@media (min-width: 1590px){
    #left-column,#search .wb-product-grid .item-product,#manufacturer .wb-product-grid .item-product{
        width: 20%;
    }
    #content-wrapper.left-column{
        width: 80%;
    }
    #search .wb-product-list .item-product,#manufacturer .wb-product-list .item-product{
        width: 50%;
    }
    #search .wb-product-list .wb-image-block,#manufacturer .wb-product-list .wb-image-block{
        width: 30%;
    }
    #search .wb-product-list .wb-product-desc,#manufacturer .wb-product-list .wb-product-desc{
        width: 70%;
    }
    .wb-product-list .wb-image-block{
        width: 22%;
    }
    .wb-product-list .wb-product-desc{
        width: 78%;
    }
}
@media (min-width: 1410px){
    .leftw{
        width: 20%;
    }
}
@media (min-width: 1410px) and (max-width: 1589px){
    #search .wb-product-grid .item-product, #manufacturer .wb-product-grid .item-product{
        width: 20%;
    }
    .parallex .item ul li:nth-child(1){
        width: 24%;
    }
    .parallex .item ul li:nth-child(2){
        width: 76%;
    }
    .wb-product-grid .item-product{
        width: 25%;
    }
}
/* TRASERCOM B2B quote-first staging layer */
.tr-reference-price,
.product-prices .current-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.tr-price-kicker {
  color: #5d6570;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

.tr-reference-price .price,
.product-prices .current-price [itemprop="price"] {
  color: #161b22;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.tr-price-note,
.tr-quote-disclaimer {
  color: #68717d;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 4px;
}

.tr-quote-price,
.tr-product-quote-price strong {
  color: #161b22;
  display: block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.tr-product-quote-price {
  background: #f5f7f9;
  border: 1px solid #d9e0e7;
  border-radius: 6px;
  margin: 10px 0;
  padding: 14px 16px;
}

.tr-product-quote-price p {
  color: #68717d;
  font-size: 13px;
  line-height: 1.4;
  margin: 6px 0 0;
}

.tr-quote-card-button {
  align-items: center;
  background: #0f5f6f !important;
  border: 1px solid #0f5f6f;
  border-radius: 4px;
  color: #fff !important;
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  text-transform: uppercase;
  width: 100%;
}

.tr-quote-card-form {
  margin: 0;
  position: relative;
  z-index: 100;
}

.tr-quote-card-form .tr-quote-card-button {
  border: 0;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 31;
}

.product-miniature .add-cart,
.product-miniature .button-group {
  position: relative;
  z-index: 30;
}

.tr-card-quote-action {
  clear: both;
  display: block;
  margin: 12px auto 0;
  max-width: 220px;
  position: relative;
  z-index: 100;
}

.product-miniature .tr-card-quote-action a,
.product-miniature .tr-card-quote-action button {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 101 !important;
}

.tr-quote-card-button:hover,
.tr-quote-primary:hover {
  background: #0b4e5c !important;
  border-color: #0b4e5c !important;
  color: #fff !important;
}

.tr-quote-panel {
  background: #f7f9fb;
  border: 1px solid #d9e0e7;
  border-radius: 6px;
  margin: 16px 0;
  padding: 16px;
}

.tr-quote-quantity {
  margin: 8px 0 12px;
}

.tr-quote-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.tr-quote-primary,
.tr-quote-secondary {
  border-radius: 4px;
  font-weight: 800;
  min-height: 42px;
  padding: 11px 16px;
  white-space: normal;
}

.tr-quote-primary {
  background: #0f5f6f !important;
  border-color: #0f5f6f !important;
  color: #fff !important;
}

.tr-quote-secondary {
  background: #fff !important;
  border: 1px solid #b8c3cc !important;
  color: #161b22 !important;
}

.tr-cart-quote-lock {
  background: #f7f9fb;
  border: 1px solid #d9e0e7;
  border-radius: 6px;
  padding: 16px;
}

.tr-cart-quote-lock p {
  color: #39414a;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 12px;
}

.tr-cart-quote-price {
  color: #7a1f24 !important;
  display: inline-block;
  font-weight: 900;
  text-transform: uppercase;
}

.tr-cart-quote-note {
  color: #66717d;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 3px;
}

@media (max-width: 767px) {
  .tr-quote-actions,
  .tr-cart-quote-lock {
    align-items: stretch;
    display: flex;
    flex-direction: column;
  }
}

/* TRASERCOM UX upgrade: navigation, filters, search and login */
.tr-header-navline {
  background: #171717;
  border-bottom: 3px solid #f59c00;
  position: relative;
  z-index: 50;
}

.tr-header-navline__inner {
  align-items: stretch;
  display: flex;
  gap: 2px;
  min-height: 50px;
}

.tr-header-navline .tr-nav-link,
.tr-header-navline .tr-nav-button,
.tr-header-navline .tr-nav-quote {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  height: 50px;
  letter-spacing: 0;
  line-height: 1;
  padding: 0 14px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tr-header-navline .tr-nav-button {
  cursor: default;
  font-family: inherit;
}

.tr-header-navline .tr-nav-link:hover,
.tr-header-navline .tr-nav-button:hover,
.tr-nav-item:hover > .tr-nav-button,
.tr-nav-item:focus-within > .tr-nav-button {
  border-bottom-color: #f59c00;
  color: #f59c00;
}

.tr-nav-quote {
  background: #f59c00 !important;
  color: #171717 !important;
  margin-left: auto;
}

.tr-nav-quote:hover {
  background: #fff !important;
  color: #9e1b16 !important;
}

.tr-nav-item {
  position: relative;
}

.tr-mega-menu {
  background: #fff;
  border: 1px solid #d9dee4;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.16);
  display: grid;
  gap: 18px;
  left: 0;
  min-width: 260px;
  opacity: 0;
  padding: 18px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  visibility: hidden;
  z-index: 60;
}

.tr-nav-item:hover .tr-mega-menu,
.tr-nav-item:focus-within .tr-mega-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.tr-mega-menu--catalog {
  grid-template-columns: repeat(3, minmax(190px, 1fr));
  width: min(820px, calc(100vw - 48px));
}

.tr-mega-menu--compact {
  width: 290px;
}

.tr-mega-menu strong {
  color: #171717;
  display: block;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.tr-mega-menu a {
  align-items: center;
  border-bottom: 1px solid #e7ebef !important;
  color: #303943 !important;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  min-height: 34px;
  padding: 8px 0 !important;
  text-transform: none !important;
}

.tr-mega-menu a:hover {
  color: #9e1b16 !important;
}

.tr-mega-callout {
  background: #171717;
  border-left: 4px solid #f59c00;
  color: #fff;
  padding: 16px;
}

.tr-mega-callout span {
  color: #f59c00;
  display: block;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 8px;
}

.tr-mega-callout p {
  color: #e9eef2;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 12px;
}

.tr-mega-callout a {
  border: 1px solid #f59c00 !important;
  color: #fff !important;
  justify-content: center;
  min-height: 38px;
  padding: 9px 12px !important;
}

.tr-catalog-products {
  margin-top: 18px;
}

.tr-catalog-search-panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 1fr) auto;
  margin-bottom: 18px;
  padding: 16px;
}

.tr-catalog-search label {
  color: #59636d;
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin: 0 0 7px;
  text-transform: uppercase;
}

.tr-catalog-search > div {
  display: flex;
  min-height: 48px;
}

.tr-catalog-search input {
  background: #fff;
  border: 1px solid #bfc8d1;
  color: #171717;
  flex: 1 1 auto;
  font-size: 15px;
  min-width: 0;
  padding: 0 14px;
}

.tr-catalog-search button {
  background: #f59c00;
  border: 0;
  color: #171717;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 900;
  padding: 0 18px;
  text-transform: uppercase;
}

.tr-catalog-search button:hover {
  background: #9e1b16;
  color: #fff;
}

.tr-catalog-quicklinks {
  align-content: end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.tr-catalog-quicklinks a {
  background: #f5f7f9;
  border: 1px solid #dfe4ea;
  color: #303943;
  font-size: 12px;
  font-weight: 800;
  padding: 9px 11px;
  white-space: nowrap;
}

.tr-catalog-quicklinks a:hover {
  border-color: #f59c00;
  color: #9e1b16;
}

.tr-catalog-shell {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: 290px minmax(0, 1fr);
}

.tr-catalog-shell--no-filters {
  grid-template-columns: 1fr;
}

.tr-catalog-filters {
  background: #fff;
  border: 1px solid #dfe4ea;
  position: sticky;
  top: 12px;
}

.tr-catalog-filters__head {
  background: #171717;
  border-bottom: 3px solid #f59c00;
  color: #fff;
  padding: 16px;
}

.tr-catalog-filters__head strong {
  display: block;
  font-size: 16px;
  font-weight: 900;
}

.tr-catalog-filters__head span {
  color: #dce4eb;
  display: block;
  font-size: 12px;
  margin-top: 4px;
}

.tr-search-filters {
  padding: 0 16px 16px;
}

.tr-search-filters__title {
  color: #59636d;
  font-size: 11px;
  font-weight: 900;
  margin: 14px 0 0;
}

.tr-filter-facet {
  border-bottom: 1px solid #e4e8ec;
  padding: 16px 0;
}

.tr-filter-facet:last-of-type {
  border-bottom: 0;
}

.tr-filter-facet .facet-title {
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.tr-filter-facet ul {
  margin: 0;
  max-height: 270px;
  overflow: auto;
  padding: 0;
}

.tr-filter-facet li {
  margin: 0;
  padding: 0;
}

.tr-filter-facet .facet-label {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
  min-height: 34px;
}

.tr-filter-facet .facet-label a {
  color: #303943;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.25;
}

.tr-filter-facet .facet-label.active a,
.tr-filter-facet .facet-label a:hover {
  color: #9e1b16;
}

.tr-filter-facet .magnitude {
  background: #f5f7f9;
  border: 1px solid #dfe4ea;
  color: #59636d;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  justify-content: center;
  margin-left: 6px;
  min-width: 24px;
  padding: 2px 6px;
}

.tr-filter-clear button {
  background: #171717;
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  width: 100%;
}

#category #left-column .block-categories,
#category #left-column #search_filters_wrapper {
  background: #fff;
  border: 1px solid #dfe4ea;
  box-shadow: none;
  margin-bottom: 16px;
  padding: 16px;
}

#category #left-column .block-categories .h6,
#category #left-column #search_filters > p.h6 {
  border-bottom: 3px solid #f59c00;
  color: #171717;
  display: block;
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 14px;
  padding-bottom: 12px;
}

#category #left-column #search_filters {
  padding: 0;
}

#category #left-column #search_filters .facet {
  border-bottom: 1px solid #e4e8ec;
  padding: 14px 0;
}

#category #left-column #search_filters .facet:last-child {
  border-bottom: 0;
}

#category #left-column #search_filters .facet-title {
  color: #f59c00;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0 0 10px;
  text-transform: uppercase;
}

#category #left-column #search_filters ul {
  max-height: 270px;
  overflow: auto;
}

#category #left-column #search_filters .facet-label {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0;
  min-height: 32px;
}

#category #left-column #search_filters .facet-label a {
  color: #303943;
  flex: 1 1 auto;
  font-size: 13px;
  line-height: 1.25;
}

#category #left-column #search_filters .facet-label.active a,
#category #left-column #search_filters .facet-label a:hover {
  color: #9e1b16;
}

#category #left-column #search_filters .magnitude {
  background: #f5f7f9;
  border: 1px solid #dfe4ea;
  color: #59636d;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  justify-content: center;
  margin-left: 5px;
  min-width: 24px;
  padding: 2px 6px;
}

.tr-products-toolbar {
  border: 1px solid #dfe4ea;
  margin-bottom: 14px;
}

.tr-products-toolbar__actions {
  gap: 8px;
}

.tr-filter-toggle {
  background: #171717;
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.tr-active-filters {
  margin-bottom: 12px;
}

.tr-active-filters .active_filters {
  background: #fff;
  border: 1px solid #dfe4ea;
  padding: 12px;
}

@media (min-width: 768px) {
  .tr-search-filters .collapse {
    display: block !important;
    height: auto !important;
  }
}

.page-authentication #wrapper {
  background: #f1f3f5;
}

.page-authentication .breadcrumb {
  display: none;
}

.page-authentication #content.page-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.tr-auth-page {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) 430px;
  margin: 24px auto 34px;
  max-width: 1120px;
  min-height: 610px;
}

.tr-auth-page,
.tr-auth-page * {
  box-sizing: border-box;
  min-width: 0;
}

.page-authentication {
  overflow-x: hidden;
}

.tr-auth-hero {
  background: #171717;
  border-left: 5px solid #f59c00;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 46px;
}

.tr-auth-hero p {
  color: #f59c00;
  font-size: 12px;
  font-weight: 900;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.tr-auth-hero h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.08;
  margin: 0 0 14px;
  overflow-wrap: anywhere;
}

.tr-auth-hero span {
  color: #e9eef2;
  display: block;
  font-size: 16px;
  line-height: 1.55;
  max-width: 560px;
  overflow-wrap: anywhere;
}

.tr-auth-hero ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 26px 0 0;
  padding: 0;
}

.tr-auth-hero li {
  border-left: 3px solid #f59c00;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding-left: 12px;
}

.tr-auth-panel {
  background: #fff;
  border: 1px solid #dfe4ea;
  padding: 30px;
}

.tr-auth-panel__head strong {
  color: #171717;
  display: block;
  font-size: 24px;
  font-weight: 900;
}

.tr-auth-panel__head span {
  color: #59636d;
  display: block;
  font-size: 14px;
  margin-top: 5px;
}

.tr-auth-social-ready {
  background: #f7f8fa;
  border: 1px solid #dfe4ea;
  margin-top: 20px;
  padding: 14px;
}

.tr-auth-social-ready > span {
  color: #171717;
  display: block;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.tr-auth-social-buttons {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tr-auth-social-buttons button {
  background: #fff;
  border: 1px solid #cfd6de;
  color: #303943;
  font-size: 12px;
  font-weight: 900;
  min-height: 40px;
  opacity: 0.72;
}

.tr-auth-social-ready small {
  color: #66717c;
  display: block;
  font-size: 11px;
  line-height: 1.35;
  margin-top: 10px;
  overflow-wrap: anywhere;
}

.tr-auth-hook:empty {
  display: none;
}

.tr-auth-divider {
  align-items: center;
  color: #66717c;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  gap: 10px;
  margin: 20px 0;
  text-transform: uppercase;
}

.tr-auth-divider:before,
.tr-auth-divider:after {
  background: #dfe4ea;
  content: "";
  flex: 1 1 auto;
  height: 1px;
}

.tr-login-form .form-group {
  margin-bottom: 14px;
}

.tr-auth-panel .form-group.row {
  display: block;
}

.tr-auth-panel .form-group.row:before,
.tr-auth-panel .form-group.row:after {
  display: none;
}

.tr-auth-panel .form-control-label,
.tr-auth-panel .col-md-6,
.tr-auth-panel .form-control-comment {
  display: block;
  float: none;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.tr-auth-panel .form-control-comment {
  min-height: 0;
}

.tr-login-form .form-control-label {
  color: #303943;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
}

.tr-login-form .form-control,
.tr-login-form input[type="email"],
.tr-login-form input[type="password"] {
  border: 1px solid #bfc8d1;
  color: #171717;
  min-height: 46px;
  width: 100%;
}

.tr-login-form .input-group {
  display: flex;
  width: 100%;
}

.tr-login-form .input-group input {
  flex: 1 1 auto;
}

.tr-login-form .input-group .btn {
  border-radius: 0;
  flex: 0 0 auto;
  min-height: 46px;
}

.tr-auth-form .forgot-password {
  margin: 0 0 16px;
  text-align: right;
}

.tr-auth-form .forgot-password a {
  color: #9e1b16;
  font-size: 12px;
  font-weight: 800;
}

.tr-login-footer {
  text-align: left !important;
}

.tr-login-footer #submit-login {
  background: #f59c00;
  border: 0;
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  min-height: 46px;
  text-transform: uppercase;
  width: 100%;
}

.tr-login-footer #submit-login:hover {
  background: #9e1b16;
  color: #fff;
}

.tr-auth-register {
  border-top: 1px solid #dfe4ea;
  margin-top: 20px;
  padding-top: 18px;
  text-align: center;
}

.tr-auth-register a {
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  text-decoration: underline;
}

.page-cms #wrapper {
  background: #f1f3f5;
}

.page-cms .page-header {
  background: #171717;
  border-bottom: 4px solid #f59c00;
  margin: 0 0 0;
  padding: 34px 28px;
}

.page-cms .page-header h1,
.page-cms .page-header .heading span {
  color: #fff;
  font-size: 34px;
  font-weight: 900;
}

.page-cms .page-content.card {
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 34px;
  padding: 0;
}

.tr-cms-onepage {
  color: #303943;
}

.tr-cms-band {
  padding: 32px;
}

.tr-cms-band--dark {
  background: #171717;
  color: #fff;
}

.tr-cms-band--dark p,
.tr-cms-band--dark li {
  color: #e9eef2;
}

.tr-cms-kicker {
  color: #f59c00;
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 9px;
  text-transform: uppercase;
}

.tr-cms-onepage h2 {
  color: #171717;
  font-size: 27px;
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 12px;
}

.tr-cms-band--dark h2 {
  color: #fff;
}

.tr-cms-onepage p,
.tr-cms-onepage li {
  font-size: 15px;
  line-height: 1.6;
}

.tr-cms-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 20px;
}

.tr-cms-tile {
  background: #f7f8fa;
  border: 1px solid #dfe4ea;
  padding: 18px;
}

.tr-cms-tile strong {
  color: #171717;
  display: block;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 7px;
}

.tr-cms-steps {
  counter-reset: tr-step;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}

.tr-cms-steps li {
  background: #fff;
  border: 1px solid #dfe4ea;
  color: #303943;
  min-height: 132px;
  padding: 18px;
}

.tr-cms-steps li:before {
  color: #9e1b16;
  content: counter(tr-step, decimal-leading-zero);
  counter-increment: tr-step;
  display: block;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 10px;
}

.tr-cms-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.tr-cms-actions a {
  background: #f59c00;
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  padding: 12px 16px;
  text-transform: uppercase;
}

.tr-cms-actions a:nth-child(2) {
  background: #171717;
  color: #fff;
}

@media (max-width: 1199px) {
  .tr-mega-menu--catalog {
    width: min(720px, calc(100vw - 32px));
  }

  .tr-header-navline .tr-nav-link,
  .tr-header-navline .tr-nav-button,
  .tr-header-navline .tr-nav-quote {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .tr-catalog-search-panel,
  .tr-catalog-shell,
  .tr-auth-page {
    grid-template-columns: 1fr;
  }

  .tr-catalog-quicklinks {
    justify-content: flex-start;
  }

  .tr-catalog-filters {
    position: static;
  }

  .tr-auth-page {
    margin-top: 12px;
    min-height: 0;
  }

  .tr-auth-hero {
    padding: 30px;
  }

  .tr-auth-hero h1 {
    font-size: 30px;
  }

  .tr-cms-grid,
  .tr-cms-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .page-authentication #wrapper .container,
  .page-authentication #content-wrapper,
  .page-authentication #main,
  .page-authentication #content {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-authentication #wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }

  .tr-catalog-search-panel,
  .tr-auth-panel,
  .tr-cms-band {
    padding: 16px;
  }

  .tr-auth-page,
  .tr-auth-hero,
  .tr-auth-panel {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }

  .tr-catalog-search > div {
    flex-direction: column;
  }

  .tr-catalog-search input,
  .tr-catalog-search button {
    min-height: 46px;
    width: 100%;
  }

  .tr-products-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .tr-auth-social-buttons,
  .tr-cms-grid,
  .tr-cms-steps {
    grid-template-columns: 1fr;
  }

  .tr-auth-hero {
    padding: 24px 18px;
  }

  .tr-auth-hero h1,
  .page-cms .page-header h1,
  .page-cms .page-header .heading span {
    font-size: 26px;
  }

  .tr-auth-hero h1,
  .tr-auth-hero span,
  .tr-auth-hero li {
    max-width: calc(100vw - 58px);
    width: calc(100vw - 58px);
  }

  .page-cms .page-header {
    padding: 24px 18px;
  }
}

/* Final header override: keep the mega menu bar visible after legacy theme rules. */
body .tr-header-navline {
  background: #171717;
  border-bottom: 3px solid #f59c00;
}

body .tr-header-navline__inner {
  align-items: stretch;
  min-height: 50px;
}

body .tr-header-navline .tr-nav-link,
body .tr-header-navline .tr-nav-button,
body .tr-header-navline .tr-nav-quote {
  color: #fff;
  height: 50px;
}

body .tr-header-navline .tr-nav-link:hover,
body .tr-header-navline .tr-nav-button:hover,
body .tr-nav-item:hover > .tr-nav-button,
body .tr-nav-item:focus-within > .tr-nav-button {
  color: #f59c00;
}

body .tr-header-navline .tr-nav-quote {
  color: #171717;
}

/* Header layout corrections after live render validation */
.tr-header-main > .sidenav {
  display: none;
}

#index .tr-header-actions #search_widget,
.tr-header-actions #search_widget {
  clear: none;
  float: none;
  margin: 0;
  max-width: 430px;
  width: 430px;
}

#index .tr-header-actions #_desktop_user_info,
#index .tr-header-actions #_desktop_cart {
  margin: 0;
}

@media (max-width: 1199px) {
  #index .tr-header-actions #search_widget,
  .tr-header-actions #search_widget {
    max-width: 360px;
    width: 360px;
  }
}

@media (max-width: 991px) {
  .tr-header-main > .sidenav {
    display: block;
  }

  #index .tr-header-actions #search_widget,
  .tr-header-actions #search_widget {
    max-width: none;
    width: 100%;
  }
}

/* Home full-bleed wrapper cleanup */
#index #wrapper > .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
}

/* TRASERCOM category listing polish */
#category #wrapper {
  background: #f1f3f5;
}

#category #wrapper > .container-fluid {
  max-width: 1320px;
  padding-left: 18px;
  padding-right: 18px;
}

#category #wrapper > .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
}

#category .breadcrumb {
  background: transparent;
  border: 0;
  margin: 12px 0;
  padding: 0;
}

#category .breadcrumb a,
#category .breadcrumb span {
  color: #66717d;
  font-size: 12px;
  font-weight: 800;
}

.tr-category-hero {
  background: #171717;
  border-bottom: 4px solid #f59c00;
  color: #fff;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) 270px;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 18px 22px;
}

.tr-category-hero,
.tr-category-hero * {
  box-sizing: border-box;
}

.tr-category-hero__copy,
.tr-category-metrics,
.tr-category-chips,
.tr-category-quote-card {
  max-width: 100%;
  min-width: 0;
}

.tr-category-eyebrow {
  color: #f59c00;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0 0 9px;
  text-transform: uppercase;
}

.tr-category-hero h1 {
  color: #fff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.08;
  margin: 0 0 12px;
}

.tr-category-lead,
.tr-category-description,
.tr-category-description p {
  color: #e8edf2;
  font-size: 14px;
  line-height: 1.55;
}

.tr-category-lead {
  margin: 0;
  max-width: 800px;
}

.tr-category-description {
  margin-top: 12px;
  max-width: 840px;
}

.tr-category-description p {
  margin: 0 0 8px;
}

.tr-category-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
  max-width: 820px;
}

.tr-category-metrics div {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  min-height: 56px;
  padding: 8px 10px;
}

.tr-category-metrics strong,
.tr-category-metrics span {
  display: block;
}

.tr-category-metrics strong {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.1;
}

.tr-category-metrics span {
  color: #dce3ea;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  margin-top: 5px;
}

.tr-category-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 14px;
  overflow-x: auto;
}

.tr-category-chips a {
  background: #fff;
  border: 1px solid #fff;
  color: #171717;
  font-size: 12px;
  font-weight: 900;
  padding: 8px 11px;
  flex: 0 0 auto;
  text-transform: uppercase;
  white-space: nowrap;
}

.tr-category-chips a:hover {
  background: #f59c00;
  border-color: #f59c00;
  color: #171717;
}

.tr-category-quote-card {
  align-self: stretch;
  background: #fff;
  color: #171717;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.tr-category-quote-card img {
  display: none;
}

.tr-category-quote-card div {
  border-top: 0;
  padding: 14px;
}

.tr-category-quote-card strong,
.tr-category-quote-card span {
  display: block;
}

.tr-category-quote-card strong {
  color: #171717;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.tr-category-quote-card span {
  color: #5d6873;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 6px;
}

.tr-category-quote-card a {
  align-items: center;
  background: #9e1b16;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  justify-content: center;
  margin-top: 12px;
  min-height: 38px;
  padding: 0 14px;
  text-transform: uppercase;
  width: 100%;
}

.tr-category-quote-card a:hover {
  background: #f59c00;
  color: #171717;
}

.tr-category-service-strip {
  background: #fff;
  border: 1px solid #dde3e8;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
}

.tr-category-service-strip div {
  border-right: 1px solid #dde3e8;
  min-height: 86px;
  padding: 17px 18px;
}

.tr-category-service-strip div:last-child {
  border-right: 0;
}

.tr-category-service-strip strong,
.tr-category-service-strip span {
  display: block;
}

.tr-category-service-strip strong {
  color: #171717;
  font-size: 15px;
  font-weight: 900;
}

.tr-category-service-strip span {
  color: #66717d;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 5px;
}

#category #left-column {
  padding-left: 0;
}

#category #left-column .block-categories,
#category #left-column #search_filters_wrapper {
  background: #fff;
  border: 1px solid #dde3e8;
  margin-bottom: 16px;
  padding: 16px;
}

#category #left-column #search_filters_wrapper:empty {
  display: none;
}

#category .block-categories .category-top-menu > li > a {
  border-bottom: 3px solid #f59c00;
  color: #171717;
  display: block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  margin-bottom: 12px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

#category .block-categories .category-sub-menu {
  display: block;
  margin: 0;
}

#category .block-categories .category-sub-menu li {
  border-top: 1px solid #edf0f3;
  position: relative;
}

#category .block-categories .category-sub-menu li:first-child {
  border-top: 0;
}

#category .block-categories .category-sub-menu a {
  color: #303943;
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  padding: 10px 26px 10px 0;
}

#category .block-categories .category-sub-menu a:hover {
  color: #9e1b16;
}

#category .block-categories .navbar-toggler,
#category .block-categories .arrows {
  position: absolute;
  right: 0;
  top: 8px;
}

#category #products {
  margin-bottom: 42px;
}

#category .products-selection.tr-products-toolbar {
  align-items: center;
  background: #fff;
  border: 1px solid #dde3e8;
  border-radius: 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 0 0 18px;
  padding: 14px 16px;
}

.tr-products-toolbar__view,
.tr-products-toolbar__actions {
  align-items: center;
  display: flex;
  gap: 10px;
}

.tr-products-toolbar__view > span,
.tr-sort-control > span {
  color: #66717d;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

#category .wb-grid-list {
  align-items: center;
  display: flex;
  gap: 6px;
}

#category .wb-grid-list span {
  align-items: center;
  background: #f4f6f8;
  border: 1px solid #dfe5eb;
  cursor: pointer;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

#category .wb-grid-list span.active,
#category .wb-grid-list span:hover {
  background: #171717;
  border-color: #171717;
}

#category .wb-grid-list span.active svg,
#category .wb-grid-list span:hover svg {
  fill: #fff;
}

.tr-products-toolbar__summary {
  flex: 1 1 auto;
  min-width: 180px;
}

.tr-products-toolbar__summary strong,
.tr-products-toolbar__summary span,
.tr-products-toolbar__summary small {
  display: block;
}

.tr-products-toolbar__summary strong {
  color: #171717;
  display: inline-block;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  margin-right: 6px;
}

.tr-products-toolbar__summary span {
  color: #171717;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
}

.tr-products-toolbar__summary small {
  color: #66717d;
  font-size: 12px;
  font-weight: 800;
  margin-top: 4px;
}

.tr-sort-control {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 250px;
}

.tr-sort-control .select-title {
  background: #fff;
  border: 1px solid #cbd3dc;
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  min-height: 40px;
  padding: 0 12px;
  text-align: left;
  width: 100%;
}

.tr-sort-control .dropdown-menu {
  border: 1px solid #cbd3dc;
  border-radius: 0;
  box-shadow: 0 14px 28px rgba(15, 20, 25, 0.14);
  min-width: 230px;
}

.tr-sort-control .select-list {
  color: #303943;
  display: block;
  font-size: 13px;
  font-weight: 800;
  padding: 9px 12px;
}

.tr-sort-control .select-list:hover,
.tr-sort-control .select-list.current {
  background: #f59c00;
  color: #171717;
}

.tr-toolbar-quote,
.tr-filter-toggle {
  align-items: center;
  background: #9e1b16;
  border: 1px solid #9e1b16;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tr-toolbar-quote:hover,
.tr-filter-toggle:hover {
  background: #f59c00;
  border-color: #f59c00;
  color: #171717;
}

.tr-products-list__head {
  align-items: center;
  background: #fff;
  border: 1px solid #dde3e8;
  border-bottom: 0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 14px 16px;
}

.tr-products-list__head strong,
.tr-products-list__head span {
  display: block;
}

.tr-products-list__head strong {
  color: #171717;
  font-size: 16px;
  font-weight: 900;
}

.tr-products-list__head span {
  color: #66717d;
  font-size: 13px;
  line-height: 1.35;
  text-align: right;
}

#category .tr-products-grid {
  background: #fff;
  border: 1px solid #dde3e8;
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
  padding: 16px 8px 0;
}

#category .tr-products-grid .item-product {
  display: flex;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

#category .product-miniature {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}

#category .product-miniature .thumbnail-container {
  border: 1px solid #dde3e8;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100%;
  overflow: hidden;
  width: 100%;
}

#category .product-miniature .thumbnail-container:hover {
  border-color: #f59c00;
  box-shadow: 0 16px 30px rgba(15, 20, 25, 0.1);
}

#category .product-miniature .wb-image-block {
  background: #f7f9fb;
  border-bottom: 1px solid #e4e9ee;
  padding: 14px;
}

#category .product-miniature .product-thumbnail {
  align-items: center;
  display: flex;
  height: 190px;
  justify-content: center;
}

#category .product-miniature .product-thumbnail img {
  border-radius: 0;
  max-height: 172px;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

#category .product-miniature .second-img {
  display: none;
}

#category .product-miniature .wb-product-desc {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 14px;
  text-align: left;
}

#category .product-miniature .posdes {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

#category .product-title {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0;
  min-height: 52px;
  overflow: hidden;
  padding: 0;
  text-transform: none;
  white-space: normal;
}

#category .product-title a {
  color: #171717;
}

#category .product-title a:hover {
  color: #9e1b16;
}

#category .tr-card-reference {
  color: #66717d;
  display: block;
  font-size: 11px;
  font-weight: 900;
  margin-top: 8px;
  text-transform: uppercase;
}

#category .listds {
  display: none;
}

#category .tr-reference-price {
  align-items: flex-start;
  background: #f7f9fb;
  border: 1px solid #e1e6eb;
  margin-top: 12px;
  min-height: 78px;
  padding: 10px;
}

#category .tr-reference-price .price {
  color: #171717;
  font-size: 18px;
  font-weight: 900;
}

#category .tr-price-note,
#category .tr-quote-price {
  font-size: 12px;
}

#category .tr-card-quote-action {
  margin: auto 0 0;
  max-width: none;
  padding-top: 12px;
  width: 100%;
}

#category .tr-quote-card-button {
  background: #f59c00 !important;
  border-color: #f59c00 !important;
  border-radius: 0;
  color: #171717 !important;
  font-size: 12px;
  min-height: 42px;
}

#category .tr-quote-card-button:hover {
  background: #9e1b16 !important;
  border-color: #9e1b16 !important;
  color: #fff !important;
}

#category .product-miniature .button-group {
  display: none;
}

#category .pagination {
  align-items: center;
  background: #fff;
  border: 1px solid #dde3e8;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
  padding: 14px 16px;
  text-transform: none;
  width: 100%;
}

#category .pagination .text-xs-left {
  color: #66717d;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

#category .pagination .page-list {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  margin: 0;
}

#category .pagination .page-list li a {
  background: #f4f6f8;
  border: 1px solid #dfe5eb;
  border-radius: 0;
  color: #171717;
  font-weight: 900;
  height: 36px;
  line-height: 22px;
  min-width: 36px;
  padding: 7px 8px;
}

#category .pagination .page-list li a:hover,
#category .pagination .page-list li.current a {
  background: #171717;
  border-color: #171717;
  color: #fff;
}

@media (max-width: 1199px) {
  .tr-category-hero {
    grid-template-columns: minmax(0, 1fr) 250px;
    padding: 18px;
  }

  .tr-category-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #category .product-miniature .product-thumbnail {
    height: 170px;
  }
}

@media (max-width: 991px) {
  #category #wrapper > .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tr-category-hero {
    grid-template-columns: 1fr;
  }

  .tr-category-quote-card {
    display: flex;
  }

  #category .products-selection.tr-products-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .tr-products-toolbar__actions {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .tr-sort-control {
    flex: 1 1 260px;
    min-width: 0;
  }

  .tr-toolbar-quote,
  .tr-filter-toggle {
    flex: 1 1 auto;
  }
}

@media (max-width: 767px) {
  #category {
    overflow-x: hidden;
  }

  #category #wrapper,
  #category #wrapper > .container-fluid,
  #category #wrapper > .container-fluid > .row {
    overflow-x: hidden;
  }

  #category #wrapper > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  #category #content-wrapper {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  #category .breadcrumb {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tr-category-hero {
    display: block;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 20px 18px;
    width: 100%;
  }

  .tr-category-hero__copy,
  .tr-category-lead,
  .tr-category-metrics,
  .tr-category-chips,
  .tr-category-quote-card {
    max-width: 100%;
    width: 300px;
  }

  .tr-category-hero h1 {
    font-size: 30px;
  }

  .tr-category-metrics {
    display: block;
    max-width: 100%;
  }

  .tr-category-metrics div {
    margin-bottom: 8px;
    width: 100%;
  }

  .tr-category-metrics div:last-child {
    margin-bottom: 0;
  }

  .tr-category-service-strip {
    grid-template-columns: 1fr;
  }

  .tr-category-lead {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .tr-category-chips {
    flex-wrap: nowrap;
    margin-right: 0;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    width: 300px;
  }

  .tr-category-chips a {
    white-space: nowrap;
  }

  .tr-category-service-strip div,
  .tr-category-service-strip div:last-child {
    border-bottom: 1px solid #dde3e8;
    border-right: 0;
    min-height: 0;
  }

  .tr-category-service-strip div:last-child {
    border-bottom: 0;
  }

  .tr-category-quote-card {
    grid-template-columns: 1fr;
    margin-top: 14px;
    max-width: 100%;
    width: 300px;
  }

  .tr-category-quote-card a {
    max-width: 100%;
    text-align: center;
    white-space: normal;
  }

  #category #products,
  #category .tr-products-list,
  #category .tr-products-grid,
  #category .products-selection.tr-products-toolbar {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .tr-products-list__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .tr-products-list__head span {
    text-align: left;
  }

  #category .tr-products-grid {
    padding-left: 0;
    padding-right: 0;
  }

  #category .tr-products-grid .item-product {
    padding-left: 10px;
    padding-right: 10px;
  }

  #category .pagination {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  #category .pagination .text-xs-left,
  #category .pagination .text-xs-right {
    width: 100%;
  }

  #category .pagination .page-list {
    justify-content: flex-start;
  }
}

.tr-home-command,
.tr-home-categories,
.tr-home-proof {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  width: calc(100% - 30px);
}

.tr-home-command {
  align-items: stretch;
  background: #f6f8fa;
  border: 1px solid #d8e0e7;
  border-radius: 8px;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 330px;
  margin-top: 22px;
  padding: 28px;
}

.tr-home-eyebrow,
.tr-home-aside-label {
  color: #7a1f24;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.tr-home-command h1 {
  color: #121820;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.12;
  margin: 0 0 12px;
  max-width: 800px;
}

.tr-home-lead {
  color: #48515c;
  font-size: 16px;
  line-height: 1.55;
  margin: 0 0 20px;
  max-width: 760px;
}

.tr-home-search {
  align-items: stretch;
  background: #fff;
  border: 1px solid #bcc8d2;
  border-radius: 6px;
  display: flex;
  margin: 0;
  max-width: 780px;
  overflow: hidden;
}

.tr-home-search input {
  border: 0;
  color: #121820;
  flex: 1 1 auto;
  font-size: 16px;
  min-height: 52px;
  min-width: 0;
  padding: 0 16px;
}

.tr-home-search button,
.tr-home-action {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
}

.tr-home-search button,
.tr-home-action--primary {
  background: #0f5f6f;
  border: 1px solid #0f5f6f;
  color: #fff;
}

.tr-home-search button:hover,
.tr-home-action--primary:hover {
  background: #0b4e5c;
  border-color: #0b4e5c;
  color: #fff;
}

.tr-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.tr-home-action {
  background: #fff;
  border: 1px solid #b8c3cc;
  color: #121820;
}

.tr-home-action:hover {
  color: #0f5f6f;
}

.tr-home-command__aside {
  background: #fff;
  border: 1px solid #d8e0e7;
  border-radius: 6px;
  padding: 18px;
}

.tr-home-command__aside ol {
  counter-reset: quoteSteps;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tr-home-command__aside li {
  color: #333c46;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 14px;
  min-height: 30px;
  padding-left: 42px;
  position: relative;
}

.tr-home-command__aside li:before {
  align-items: center;
  background: #eff4f7;
  border: 1px solid #c8d3dc;
  border-radius: 50%;
  color: #0f5f6f;
  content: counter(quoteSteps);
  counter-increment: quoteSteps;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: -2px;
  width: 30px;
}

.tr-home-categories {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 14px;
}

.tr-home-categories a {
  background: #fff;
  border: 1px solid #d8e0e7;
  border-radius: 6px;
  color: #161b22;
  font-weight: 800;
  min-height: 48px;
  padding: 14px 12px;
  text-align: center;
}

.tr-home-categories a:hover {
  border-color: #0f5f6f;
  color: #0f5f6f;
}

.tr-home-proof {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
}

.tr-home-proof div {
  background: #121820;
  border-radius: 6px;
  min-height: 86px;
  padding: 16px;
}

.tr-home-proof strong,
.tr-home-proof span {
  display: block;
}

.tr-home-proof strong {
  color: #fff;
  font-size: 15px;
  margin-bottom: 6px;
}

.tr-home-proof span {
  color: #d5dde5;
  font-size: 13px;
  line-height: 1.4;
}

.page-home .featured-products,
.page-home .productscategory-products,
.page-home .products-section-title,
.page-home .heading {
  margin-top: 26px;
}

#index .product-tab-item {
  border-top: 1px solid #d8e0e7;
  margin-bottom: 42px;
  margin-top: 34px;
  padding-top: 26px;
}

#index .pro-tab.heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.tr-product-section-title {
  color: #121820;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
  text-transform: none;
}

.tr-product-section-title span {
  display: inline-block;
}

#index .pro-tab .nav-tabs {
  border: 0;
  display: flex;
  gap: 8px;
  margin: 0;
}

#index .pro-tab .nav-tabs .nav-link {
  background: #fff;
  border: 1px solid #cfd8e1;
  border-radius: 999px;
  color: #2f3a45;
  font-size: 13px;
  font-weight: 800;
  padding: 9px 14px;
  text-transform: none;
}

#index .pro-tab .nav-tabs .nav-link.active,
#index .pro-tab .nav-tabs .nav-link:hover {
  background: #0f5f6f;
  border-color: #0f5f6f;
  color: #fff !important;
}

@media (max-width: 991px) {
  .tr-home-command {
    grid-template-columns: 1fr;
  }

  .tr-home-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tr-home-command,
  .tr-home-categories,
  .tr-home-proof {
    width: calc(100% - 20px);
  }

  .tr-home-command {
    padding: 18px;
  }

  .tr-home-command h1 {
    font-size: 25px;
  }

  .tr-home-search {
    flex-direction: column;
  }

  .tr-home-search button {
    border-radius: 0;
    min-height: 48px;
  }

  .tr-home-categories,
  .tr-home-proof {
    grid-template-columns: 1fr;
  }

  #index .pro-tab.heading {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  #index .pro-tab .nav-tabs {
    justify-content: flex-start;
  }
}

#index {
  background: #f4f5f7;
}

#index #wrapper {
  background: #f4f5f7;
  padding-top: 0;
}

#index #content-wrapper,
#index .page-home {
  padding: 0;
}

#index #header {
  background: #fff;
  border-bottom: 1px solid #e4e7ea;
}

#index .header-top {
  background: #fff;
  padding: 18px 0 16px;
}

#index #_desktop_logo img.logo {
  max-height: 64px;
  width: auto;
}

#index .tright {
  margin-top: 0;
}

#index #_desktop_user_info,
#index #_desktop_cart {
  margin-top: 0;
}

#index #search_widget {
  clear: none;
  float: right;
  margin-top: 10px;
  max-width: 420px;
  width: 100%;
}

#index #search_widget form {
  align-items: stretch;
  border: 1px solid #cfd5db;
  border-radius: 8px;
  display: flex;
  height: 44px;
  overflow: hidden;
}

#index #search_widget input[type="text"] {
  background: #fff;
  border: 0;
  color: #171717;
  flex: 1 1 auto;
  font-size: 14px;
  height: 44px;
  min-width: 0;
  padding: 0 14px;
}

#index #search_widget button {
  align-items: center;
  background: #171717;
  border: 0;
  color: #fff;
  display: inline-flex;
  flex: 0 0 50px;
  height: 44px;
  justify-content: center;
  min-width: 50px;
}

.tr-home-shell {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  width: calc(100% - 32px);
}

.tr-home-hero {
  background: #17120f;
  border-top: 4px solid #f59c00;
  color: #fff;
  overflow: hidden;
  padding: 30px 0 34px;
  position: relative;
}

.tr-home-hero:before {
  background: rgba(245, 156, 0, 0.12);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 34%;
}

.tr-home-hero__inner {
  align-items: center;
  display: grid;
  gap: 30px;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
  min-height: 360px;
  position: relative;
  z-index: 1;
}

.tr-home-hero__copy {
  max-width: 720px;
}

#index .tr-home-eyebrow {
  color: #f59c00;
  display: block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.tr-home-hero h1 {
  color: #fff;
  font-size: 38px;
  font-weight: 900;
  line-height: 1.08;
  margin: 0 0 14px;
  max-width: 780px;
}

.tr-home-lead {
  color: #f2f4f6;
  font-size: 16px;
  line-height: 1.55;
  margin: 0 0 18px;
  max-width: 720px;
}

.tr-home-search {
  align-items: stretch;
  background: #fff;
  border: 2px solid #f59c00;
  border-radius: 8px;
  display: flex;
  margin: 0;
  max-width: 760px;
  overflow: hidden;
}

.tr-home-search input {
  border: 0;
  color: #171717;
  flex: 1 1 auto;
  font-size: 16px;
  min-height: 52px;
  min-width: 0;
  padding: 0 18px;
}

.tr-home-search button {
  background: #f59c00;
  border: 0;
  color: #171717;
  font-size: 14px;
  font-weight: 900;
  min-width: 118px;
  padding: 0 18px;
  text-transform: uppercase;
}

.tr-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.tr-home-action {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
}

.tr-home-action:hover {
  border-color: #f59c00;
  color: #f59c00;
}

.tr-home-action--primary {
  background: #9e1b16;
  border-color: #9e1b16;
  color: #fff;
}

.tr-home-action--primary:hover {
  background: #7f120f;
  border-color: #7f120f;
  color: #fff;
}

.tr-home-action--whatsapp {
  background: #fff;
  border-color: #fff;
  color: #171717;
}

.tr-home-action--whatsapp:hover {
  background: #f59c00;
  border-color: #f59c00;
  color: #171717;
}

.tr-home-quicklinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.tr-home-quicklinks a {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  padding: 8px 12px;
}

.tr-home-quicklinks a:hover {
  background: #f59c00;
  border-color: #f59c00;
  color: #171717;
}

.tr-home-mobile-strip {
  display: none;
}

.tr-home-hero__visual {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr);
}

.tr-hero-product {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  min-height: 122px;
  overflow: hidden;
  padding: 12px;
}

.tr-hero-product--main {
  grid-row: span 3;
  min-height: 326px;
}

.tr-hero-product img {
  display: block;
  height: 82px;
  object-fit: contain;
  width: 100%;
}

.tr-hero-product--main img {
  flex: 1 1 auto;
  height: 248px;
}

.tr-hero-product figcaption {
  border-top: 1px solid #edf0f2;
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  margin-top: 10px;
  padding-top: 10px;
  text-transform: uppercase;
}

.tr-home-trust {
  background: #fff;
  border: 1px solid #e1e4e8;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
}

.tr-home-trust div {
  border-right: 1px solid #e1e4e8;
  min-height: 96px;
  padding: 18px 18px 16px;
}

.tr-home-trust div:last-child {
  border-right: 0;
}

.tr-home-trust strong,
.tr-home-trust span {
  display: block;
}

.tr-home-trust strong {
  color: #171717;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 6px;
}

.tr-home-trust span {
  color: #5d6670;
  font-size: 13px;
  line-height: 1.4;
}

.tr-home-catalog {
  padding: 42px 0 8px;
}

.tr-home-section-head {
  align-items: end;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 18px;
}

.tr-home-section-head h2,
.tr-home-process h2 {
  color: #171717;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.18;
  margin: 0;
}

.tr-home-section-head a {
  border-bottom: 2px solid #f59c00;
  color: #171717;
  font-weight: 900;
  padding-bottom: 3px;
}

.tr-category-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tr-category-card {
  background: #fff;
  border: 1px solid #e0e4e8;
  border-radius: 8px;
  color: #171717;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 224px;
  overflow: hidden;
  padding: 16px;
  position: relative;
}

.tr-category-card--large {
  grid-row: span 2;
  min-height: 462px;
}

.tr-category-card:before {
  background: #f59c00;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.tr-category-card img {
  display: block;
  height: 62%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 72%;
}

.tr-category-card--large img {
  height: 72%;
  width: 88%;
}

.tr-category-card span,
.tr-category-card small {
  display: block;
  position: relative;
  z-index: 1;
}

.tr-category-card span {
  color: #171717;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 7px;
}

.tr-category-card small {
  color: #59636d;
  font-size: 13px;
  line-height: 1.35;
}

.tr-category-card:hover {
  border-color: #f59c00;
  color: #171717;
  transform: translateY(-2px);
}

.tr-home-process {
  align-items: center;
  background: #221917;
  border-top: 4px solid #9e1b16;
  color: #fff;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  margin-top: 34px;
  padding: 30px;
}

.tr-home-process h2 {
  color: #fff;
}

.tr-home-process p {
  color: #e7e2df;
  font-size: 15px;
  line-height: 1.5;
  margin: 12px 0 0;
}

.tr-home-steps {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.tr-home-steps li {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  min-height: 160px;
  padding: 16px;
}

.tr-home-steps span {
  color: #f59c00;
  display: block;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 18px;
}

.tr-home-steps strong {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 900;
}

.tr-home-steps p {
  color: #d9d4d1;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 8px;
}

#index .product-tab-item {
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 0;
  margin-bottom: 42px;
  margin-top: 34px;
  max-width: 1180px;
  padding: 24px 18px 8px;
  width: calc(100% - 32px);
}

#index .pro-tab.heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

#index .tr-product-section-title {
  color: #171717;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
  text-transform: none;
}

#index .pro-tab .nav-tabs {
  border: 0;
  display: flex;
  gap: 8px;
  margin: 0;
}

#index .pro-tab .nav-tabs .nav-link {
  background: #fff;
  border: 1px solid #cfd5db;
  border-radius: 999px;
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  padding: 9px 14px;
  text-transform: none;
}

#index .pro-tab .nav-tabs .nav-link.active,
#index .pro-tab .nav-tabs .nav-link:hover {
  background: #9e1b16;
  border-color: #9e1b16;
  color: #fff !important;
}

#index .tr-quote-card-button,
#index .tr-quote-primary,
#index .product-actions .add-to-cart.tr-quote-primary {
  background: #f59c00 !important;
  border-color: #f59c00 !important;
  color: #171717 !important;
}

#index .tr-quote-card-button:hover,
#index .tr-quote-primary:hover {
  background: #9e1b16 !important;
  border-color: #9e1b16 !important;
  color: #fff !important;
}

#index .product-tab-item .product-title,
#index .product-tab-item .product-title a {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: normal;
}

@media (max-width: 1199px) {
  .tr-home-hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 0.78fr);
  }

  .tr-home-hero h1 {
    font-size: 36px;
  }
}

@media (max-width: 991px) {
  #index #search_widget {
    float: none;
    max-width: none;
  }

  .tr-home-hero__inner,
  .tr-home-process {
    grid-template-columns: 1fr;
  }

  .tr-home-hero__visual {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tr-hero-product--main {
    grid-row: auto;
    min-height: 210px;
  }

  .tr-hero-product--main img,
  .tr-hero-product img {
    height: 138px;
  }

  .tr-home-trust,
  .tr-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tr-category-card--large {
    grid-row: auto;
    min-height: 224px;
  }

  .tr-home-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .tr-home-shell,
  #index .product-tab-item {
    width: calc(100% - 20px);
  }

  .tr-home-hero {
    padding: 22px 0 26px;
  }

  .tr-home-hero__inner {
    min-height: 0;
  }

  .tr-home-hero h1 {
    font-size: 28px;
  }

  .tr-home-lead {
    font-size: 15px;
  }

  .tr-home-search {
    flex-direction: column;
  }

  .tr-home-search input {
    min-height: 50px;
  }

  .tr-home-search button {
    min-height: 48px;
    width: 100%;
  }

  .tr-home-mobile-strip {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
  }

  .tr-home-mobile-strip img {
    background: #fff;
    border-radius: 8px;
    display: block;
    height: 72px;
    object-fit: contain;
    padding: 7px;
    width: 100%;
  }

  .tr-home-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
  }

  .tr-home-action {
    min-height: 42px;
    width: 100%;
  }

  .tr-home-quicklinks,
  .tr-home-hero__visual {
    display: none;
  }

  .tr-home-hero__visual,
  .tr-home-trust,
  .tr-category-grid,
  .tr-home-section-head {
    grid-template-columns: 1fr;
  }

  .tr-home-trust div {
    border-bottom: 1px solid #e1e4e8;
    border-right: 0;
    min-height: 0;
  }

  .tr-home-trust div:last-child {
    border-bottom: 0;
  }

  .tr-home-catalog {
    padding-top: 30px;
  }

  .tr-home-section-head h2,
  .tr-home-process h2 {
    font-size: 23px;
  }

  .tr-category-card,
  .tr-category-card--large {
    min-height: 210px;
  }

  .tr-home-process {
    margin-top: 26px;
    padding: 22px 16px;
  }

  #index .pro-tab.heading {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
}

#index .product-tab-item,
#index .imgbanner,
#index .category-back,
#index .spacepro,
#index .home_blog_post,
#index .logos {
  display: none !important;
}

.tr-home-nav {
  align-items: center;
  background: #fff;
  border: 1px solid #e1e4e8;
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-bottom: 14px;
  margin-top: 14px;
  padding: 8px;
}

.tr-home-nav a {
  border-radius: 999px;
  color: #171717;
  font-size: 13px;
  font-weight: 900;
  padding: 9px 12px;
  text-transform: uppercase;
}

.tr-home-nav a:hover {
  background: #f59c00;
  color: #171717;
}

.tr-home-company {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  margin-top: 34px;
}

.tr-company-panel,
.tr-company-metrics,
.tr-category-index,
.tr-random-products,
.tr-home-contact {
  background: #fff;
  border: 1px solid #e1e4e8;
}

.tr-company-panel {
  padding: 28px;
}

.tr-company-panel h2,
.tr-home-contact h2 {
  color: #171717;
  font-size: 29px;
  font-weight: 900;
  line-height: 1.18;
  margin: 0 0 12px;
}

.tr-company-panel p,
.tr-home-contact p {
  color: #4f5963;
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
}

.tr-company-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.tr-company-actions a,
.tr-home-contact__actions a {
  align-items: center;
  border: 1px solid #cfd5db;
  color: #171717;
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
}

.tr-company-actions a:first-child,
.tr-home-contact__actions a:first-child {
  background: #9e1b16;
  border-color: #9e1b16;
  color: #fff;
}

.tr-company-actions a:hover,
.tr-home-contact__actions a:hover {
  border-color: #f59c00;
  color: #171717;
}

.tr-company-metrics {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tr-company-metrics div {
  border-bottom: 1px solid #e1e4e8;
  border-right: 1px solid #e1e4e8;
  min-height: 148px;
  padding: 20px;
}

.tr-company-metrics div:nth-child(2n) {
  border-right: 0;
}

.tr-company-metrics div:nth-last-child(-n+2) {
  border-bottom: 0;
}

.tr-company-metrics strong,
.tr-company-metrics span {
  display: block;
}

.tr-company-metrics strong {
  color: #171717;
  font-size: 17px;
  font-weight: 900;
  margin-bottom: 8px;
}

.tr-company-metrics span {
  color: #5c6570;
  font-size: 13px;
  line-height: 1.45;
}

.tr-category-index,
.tr-random-products {
  margin-top: 34px;
  padding: 26px;
}

.tr-category-index__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tr-category-index__grid section {
  background: #f8f9fa;
  border: 1px solid #e1e4e8;
  min-height: 278px;
  padding: 16px;
}

.tr-category-index h3 {
  color: #171717;
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 12px;
}

.tr-category-index__grid a {
  align-items: center;
  border-top: 1px solid #e5e8ec;
  color: #303943;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: space-between;
  min-height: 34px;
  padding: 8px 0;
}

.tr-category-index__grid a:first-of-type {
  border-top: 0;
}

.tr-category-index__grid a:hover {
  color: #9e1b16;
}

.tr-category-index__grid span {
  background: #fff;
  border: 1px solid #dde2e7;
  border-radius: 999px;
  color: #66717d;
  font-size: 11px;
  min-width: 34px;
  padding: 2px 7px;
  text-align: center;
}

.tr-random-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tr-random-card {
  background: #fff;
  border: 1px solid #e1e4e8;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

.tr-random-card__image {
  align-items: center;
  background: #f8f9fa;
  display: flex;
  height: 180px;
  justify-content: center;
  padding: 14px;
}

.tr-random-card__image img {
  display: block;
  max-height: 150px;
  max-width: 100%;
  object-fit: contain;
}

.tr-random-card > div {
  flex: 1 1 auto;
  padding: 14px 14px 0;
}

.tr-random-card span {
  color: #9e1b16;
  display: block;
  font-size: 11px;
  font-weight: 900;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.tr-random-card h3 {
  font-size: 15px;
  font-weight: 900;
  line-height: 1.25;
  margin: 0;
  min-height: 58px;
}

.tr-random-card h3 a {
  color: #171717;
  display: block;
  overflow-wrap: anywhere;
}

.tr-random-card p {
  color: #66717d;
  font-size: 12px;
  font-weight: 800;
  margin: 10px 0 0;
  text-transform: uppercase;
}

.tr-random-card form {
  margin: 14px;
}

.tr-random-card button {
  background: #f59c00;
  border: 1px solid #f59c00;
  color: #171717;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  min-height: 40px;
  padding: 0 12px;
  width: 100%;
}

.tr-random-card button:hover {
  background: #9e1b16;
  border-color: #9e1b16;
  color: #fff;
}

.tr-home-contact {
  align-items: center;
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 44px;
  margin-top: 34px;
  padding: 26px;
}

.tr-home-contact__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .tr-home-nav {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .tr-home-company,
  .tr-home-contact {
    grid-template-columns: 1fr;
  }

  .tr-category-index__grid,
  .tr-random-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tr-home-contact__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .tr-home-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: visible;
    width: calc(100% - 20px);
  }

  .tr-home-nav a {
    font-size: 12px;
    text-align: center;
  }

  .tr-company-panel,
  .tr-category-index,
  .tr-random-products,
  .tr-home-contact {
    padding: 18px;
  }

  .tr-company-panel h2,
  .tr-home-contact h2 {
    font-size: 23px;
  }

  .tr-company-metrics,
  .tr-category-index__grid,
  .tr-random-grid {
    grid-template-columns: 1fr;
  }

  .tr-company-metrics div,
  .tr-company-metrics div:nth-child(2n),
  .tr-company-metrics div:nth-last-child(-n+2) {
    border-bottom: 1px solid #e1e4e8;
    border-right: 0;
    min-height: 0;
  }

  .tr-company-metrics div:last-child {
    border-bottom: 0;
  }

  .tr-category-index__grid section {
    min-height: 0;
  }

  .tr-random-card__image {
    height: 150px;
  }

  .tr-home-contact__actions,
  .tr-company-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* TRASERCOM professional header and home polish */
#header {
  background: #fff;
  position: relative;
  z-index: 20;
}

.tr-header-topbar {
  background: #171717;
  border-bottom: 3px solid #f59c00;
  color: #fff;
  padding: 0;
}

.tr-header-topbar__inner {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  min-height: 38px;
}

.tr-header-topbar__brand {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  min-width: max-content;
}

.tr-header-topbar__brand span {
  color: #f59c00;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.tr-header-topbar__brand strong {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.tr-header-topbar__links {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 14px;
  justify-content: flex-end;
}

.tr-header-topbar__links a {
  color: #eef1f4;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.tr-header-topbar__links a:hover {
  color: #f59c00;
}

.tr-header-topbar__hooks {
  align-items: center;
  display: flex;
  gap: 10px;
}

.tr-site-header {
  background: #fff;
  border-bottom: 1px solid #dde2e7;
  box-shadow: none;
  padding: 14px 0;
}

.tr-header-main {
  align-items: center;
  display: grid;
  gap: 22px;
  grid-template-columns: 220px minmax(240px, 1fr) minmax(430px, auto);
}

.tr-header-logo a,
#index #_desktop_logo a,
#_desktop_logo a {
  align-items: center;
  background: #fff;
  border: 1px solid #dfe4e8;
  border-left: 5px solid #9e1b16;
  box-shadow: 0 10px 24px rgba(15, 20, 25, 0.08);
  display: flex;
  justify-content: center;
  margin-left: 0;
  min-height: 76px;
  padding: 10px 14px;
}

.tr-header-logo img.logo,
#index #_desktop_logo img.logo {
  display: block;
  max-height: 54px;
  max-width: 184px;
  object-fit: contain;
  width: auto;
}

.tr-header-center {
  min-width: 0;
}

.tr-header-message {
  border-left: 3px solid #f59c00;
  margin-bottom: 8px;
  padding-left: 12px;
}

.tr-header-message strong,
.tr-header-message span {
  display: block;
}

.tr-header-message strong {
  color: #171717;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
}

.tr-header-message span {
  color: #66717d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  margin-top: 2px;
}

.tr-header-column-hook {
  min-height: 0;
  padding: 0;
}

.tr-header-actions {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-end;
  min-width: 0;
}

.tr-header-actions #search_widget {
  clear: none;
  float: none;
  margin: 0;
  max-width: 430px;
  order: 1;
  width: 430px;
}

.tr-header-actions #_desktop_user_info {
  order: 2;
}

.tr-header-actions #_desktop_cart {
  order: 3;
}

.tr-header-actions #_desktop_user_info,
.tr-header-actions #_desktop_cart {
  align-items: center;
  background: #fff;
  border: 1px solid #dfe4e8;
  display: inline-flex !important;
  min-height: 48px;
  padding: 0 10px;
}

.tr-header-actions .cartdropd,
.tr-header-actions .user-info {
  align-items: center;
  display: flex;
  min-height: 46px;
}

.tr-header-actions .svgbg {
  align-items: center;
  background: #f4f6f8;
  border: 1px solid #e1e6eb;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.tr-header-actions .cartdet {
  display: inline-block;
  margin-left: 8px;
  text-align: left;
}

.tr-header-actions .cartdet h3 {
  color: #171717;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 2px;
  text-transform: uppercase;
}

.tr-header-actions .cartdet h4 {
  color: #66717d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
  text-transform: none;
  white-space: nowrap;
}

.tr-header-actions .cart-c {
  background: #9e1b16;
  font-weight: 900;
  line-height: 15px;
  right: -5px;
  top: -5px;
}

.tr-header-actions #search_widget form,
#index #search_widget form {
  align-items: stretch;
  border: 1px solid #bfc8d1;
  border-radius: 0;
  display: flex;
  height: 48px;
  overflow: hidden;
}

.tr-header-actions #search_widget input[type="text"],
#index #search_widget input[type="text"] {
  background: #fff;
  border: 0;
  color: #171717;
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 700;
  height: 48px;
  min-width: 0;
  padding: 0 14px;
}

.tr-header-actions #search_widget button,
#index #search_widget button {
  align-items: center;
  background: #f59c00;
  border: 0;
  color: #171717;
  display: inline-flex;
  flex: 0 0 54px;
  height: 48px;
  justify-content: center;
  min-width: 54px;
  padding: 0;
}

.tr-header-actions #search_widget button:hover,
#index #search_widget button:hover {
  background: #9e1b16;
  color: #fff;
}

.tr-header-navline {
  background: #fff;
  border-bottom: 1px solid #dde2e7;
}

.tr-header-navline__inner {
  align-items: center;
  display: flex;
  gap: 4px;
  min-height: 44px;
  overflow-x: auto;
}

.tr-header-navline a {
  border-bottom: 3px solid transparent;
  color: #26313c;
  font-size: 13px;
  font-weight: 900;
  padding: 14px 12px 11px;
  text-transform: uppercase;
  white-space: nowrap;
}

.tr-header-navline a:hover {
  border-bottom-color: #f59c00;
  color: #9e1b16;
}

.tr-header-menu-hook .nfull,
.tr-header-menu-hook .leftw {
  min-height: 0;
}

#index #wrapper {
  background: #f1f3f5;
}

#index #wrapper > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

#index .breadcrumb {
  display: none;
}

#index .tr-home-nav.tr-home-shell {
  background: #171717;
  border: 0;
  border-bottom: 3px solid #f59c00;
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  margin: 0;
  max-width: none;
  overflow-x: auto;
  padding: 9px max(16px, calc((100% - 1180px) / 2));
  width: 100%;
}

#index .tr-home-nav a {
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
  padding: 10px 12px;
  white-space: nowrap;
}

#index .tr-home-nav a:hover {
  background: #f59c00;
  color: #171717;
}

.tr-home-hero {
  background: #171717;
  border-top: 0;
  padding: 42px 0 44px;
}

.tr-home-hero:before {
  display: none;
}

.tr-home-hero__inner {
  min-height: 410px;
}

.tr-home-hero h1 {
  font-size: 42px;
  letter-spacing: 0;
  line-height: 1.06;
}

.tr-home-lead {
  color: #e9eef2;
}

.tr-home-search {
  border: 1px solid #f59c00;
  border-radius: 0;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
}

.tr-home-search button {
  color: #171717;
}

.tr-home-action,
.tr-company-actions a,
.tr-home-contact__actions a,
.tr-random-card button {
  border-radius: 0;
}

.tr-hero-product {
  border-radius: 0;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

.tr-home-trust {
  border-top: 4px solid #f59c00;
  margin-top: 0;
}

@media (max-width: 1199px) {
  .tr-header-main {
    grid-template-columns: 190px minmax(180px, 1fr) minmax(360px, auto);
    gap: 16px;
  }

  .tr-header-actions #search_widget {
    max-width: 360px;
    width: 360px;
  }

  .tr-header-actions .cartdet h4 {
    display: none;
  }
}

@media (max-width: 991px) {
  .tr-site-header {
    padding: 10px 0 12px;
  }

  .tr-header-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .tr-mobile-shell {
    align-items: center;
    display: grid !important;
    gap: 10px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    width: 100%;
  }

  .tr-mobile-menu-trigger button {
    align-items: center;
    background: #171717;
    border: 0;
    color: #fff;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    padding: 0;
    width: 42px;
  }

  .tr-mobile-shell .top-logo {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 48px;
  }

  #_mobile_logo img {
    max-height: 48px;
    max-width: 138px;
    object-fit: contain;
    width: auto;
  }

  .tr-mobile-actions {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
  }

  .tr-mobile-actions #_mobile_user_info,
  .tr-mobile-actions #_mobile_cart {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 42px;
    min-width: 42px;
  }

  .tr-mobile-actions .cartdet {
    display: none !important;
  }

  .tr-header-actions {
    justify-content: stretch;
    width: 100%;
  }

  .tr-header-actions #search_widget {
    max-width: none;
    order: 1;
    width: 100%;
  }

  .tr-header-actions #_desktop_user_info,
  .tr-header-actions #_desktop_cart {
    display: none !important;
  }

  #index .tr-home-nav.tr-home-shell {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tr-home-hero {
    padding: 30px 0 34px;
  }

  .tr-home-hero h1 {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  #index .tr-home-nav.tr-home-shell {
    display: flex;
    margin: 0;
    overflow-x: auto;
    width: 100%;
  }

  #index .tr-home-nav a {
    font-size: 11px;
    padding: 9px 10px;
    text-align: center;
  }

  .tr-home-hero {
    padding: 26px 0 30px;
  }

  .tr-home-hero h1 {
    font-size: 29px;
  }

  .tr-home-hero__inner {
    min-height: 0;
  }

  .tr-header-actions #search_widget form,
  #index #search_widget form {
    height: 44px;
  }

  .tr-header-actions #search_widget input[type="text"],
  #index #search_widget input[type="text"] {
    font-size: 13px;
    height: 44px;
  }

  .tr-header-actions #search_widget button,
  #index #search_widget button {
    flex-basis: 48px;
    height: 44px;
    min-width: 48px;
  }
}

/* TRASERCOM primary menu refinement: separate it visually from the module menu below. */
body .tr-header-navline {
  background: linear-gradient(180deg, #f7f9fb 0%, #edf2f6 100%);
  border-bottom: 1px solid #cbd5df;
  border-top: 1px solid #fff;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.75), 0 8px 18px rgba(17, 31, 44, 0.08);
  overflow: visible;
}

body .tr-header-navline__inner {
  align-items: center;
  display: flex;
  gap: 3px;
  min-height: 54px;
  overflow: visible;
}

body .tr-header-navline .tr-nav-link,
body .tr-header-navline .tr-nav-button,
body .tr-header-navline .tr-nav-quote {
  align-items: center;
  border: 0;
  border-bottom: 3px solid transparent;
  color: #1f2d38;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 54px;
  letter-spacing: 0;
  line-height: 1;
  padding: 0 10px;
  text-transform: uppercase;
  white-space: nowrap;
}

body .tr-header-navline .tr-nav-link:hover,
body .tr-header-navline .tr-nav-button:hover,
body .tr-nav-item:hover > .tr-nav-link,
body .tr-nav-item:hover > .tr-nav-button,
body .tr-nav-item:focus-within > .tr-nav-link,
body .tr-nav-item:focus-within > .tr-nav-button {
  background: rgba(245, 156, 0, 0.1);
  border-bottom-color: #f59c00;
  color: #9e1b16;
}

body .tr-header-navline .tr-nav-link--parent::after,
body .tr-header-navline .tr-nav-button::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  content: "";
  margin-left: 7px;
}

body .tr-header-navline .tr-nav-quote {
  background: #f59c00 !important;
  border-bottom-color: #d98200;
  color: #171717 !important;
  margin-left: auto;
  min-width: 136px;
  justify-content: center;
}

body .tr-header-navline .tr-nav-quote:hover {
  background: #9e1b16 !important;
  border-bottom-color: #67110e;
  color: #fff !important;
}

body .tr-header-navline .tr-mega-menu {
  border: 1px solid #d7e0e8;
  border-top: 3px solid #f59c00;
  box-shadow: 0 18px 34px rgba(17, 31, 44, 0.18);
  top: 100%;
}

body .tr-header-navline .tr-mega-menu a {
  color: #303943 !important;
  height: auto;
}

body .tr-header-menu-hook {
  background: #171717;
  border-bottom: 3px solid #f59c00;
}

@media (max-width: 1199px) {
  body .tr-header-navline .tr-nav-link,
  body .tr-header-navline .tr-nav-button,
  body .tr-header-navline .tr-nav-quote {
    font-size: 11px;
    padding-left: 8px;
    padding-right: 8px;
  }

  body .tr-header-navline .tr-nav-quote {
    min-width: 124px;
  }
}