@import url("/font/bootstrap-icons.css");

.asp408_235{
 aspect-ratio: 408 / 235; object-fit: cover;
}
body {
 /* background-image: url(/img/bg-tr.webp); */
 background-size: 100%;
 background-position: top center;
}

@media (max-width: 576px) {
 .bg-body,body {
 background-size:124%auto
 }
}


.bg-head-cover {
 /* background-image: url(/img/tree.webp);*/
 background-position: top center;
 background-size: 82%;
 background-repeat: no-repeat;
}

jdiv>jdiv[class^=globalClass_]>jdiv{-moz-transform:scale(.9);transform:scale(.9);bottom:3rem;z-index:1029}
jdiv>jdiv[class^=globalClass_]{position: relative;z-index:1029}

button.slick-arrow {position: absolute; top: 7rem; bottom: 7rem;}

 a {
 text-decoration: none;
 cursor: pointer;
 }

 img,
 video {
 border-style: none;
 border: 0;
 outline-style: none;
 vertical-align: top;
 max-width: 100%;
 max-height: 100%;
 height: auto;
 }

 .fs-5-in>* {
 font-size: 1.25rem !important;
 }

 .strong-in>* {
 font-weight: bolder;
 }

 .d-none-in #shop-hmenu>*,
 #hmenu-item-1293>a,
 #hmenu-item-666>a,
 #hmenu-item-1296>a,
 d-none-in {
 display: none;
 }

 .menu-home #shop-hmenu>#hmenu-item-1293,
 .menu-biz #shop-hmenu>#hmenu-item-666,
 .menu-metall #shop-hmenu>#hmenu-item-1296,
 d-block-in>* {
 display: block;
 }

 .list-fix,
 .ul-fix,
 .list-fix-in ul,
 .list-fix-in ol {
 list-style: none;
 padding: 0;
 margin: 0;
 }

 .hmenu-cont-block {
 -webkit-column-count: 1;
 -moz-column-count: 1;
 column-count: 1;
 }

 @media (min-width: 576px) {
 .hmenu-cont-block {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
 }
 }

 @media (min-width: 1200px) {
 .hmenu-cont-block {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
 }
 }


 .hmenu-subc-ol>div {
font-size: 1.2rem;
 font-weight: 600;
 margin: 1rem 0 1rem;
 background: #eaeaea;
 display: flex;
 flex-wrap: wrap;
 align-content: center;
 justify-content: center;
 align-items: center;
 padding: 5px 0;
 border-radius: 2rem;
 text-align: center;
 }

 .list-fix-in ol li:first-child div {
 margin-top: 0;
 }

 .dark-in,
 .dark-in a {
--bs-text-opacity: 1;
 color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
 display: block;
 width: 100%;
 }

.dark-in a::first-letter {
 text-transform: uppercase;
}

.dark-in a:hover {
 color: var(--bs-link-hover-color)!important;
}

 .row-fix,
 .row-fix,
 div.goods-list {
 --bs-gutter-x: 1.5rem;
 --bs-gutter-y: 0;
 display: flex;
 flex-wrap: wrap;
 margin-top: calc(-1 * var(--bs-gutter-y));
 margin-right: calc(-.5 * var(--bs-gutter-x));
 margin-left: calc(-.5 * var(--bs-gutter-x));
 }

 .row-fix>*,
 div.goods-list>* {
 flex-shrink: 0;
 width: 100%;
 max-width: 100%;
 padding-right: calc(var(--bs-gutter-x) / 2);
 padding-left: calc(var(--bs-gutter-x) / 2);
 margin-top: var(--bs-gutter-y);
 }

 div.goods-list>* {
 flex: 0 0 auto;
 width: 50%;
 }

 @media (min-width: 576px) {
 div.goods-list>* {
 flex: 0 0 auto;
 width: 33.3333333333%;
 }
 }

 @media (min-width: 768px) {
 div.goods-list>* {
 flex: 0 0 auto;
 width: 25%;
 }
 }

 @media (min-width: 992px) {
 div.goods-list>* {
 flex: 0 0 auto;
 width: 20%;
 }
 }

 .str-2 {
 overflow: hidden;
 height: 2.4rem;
 display: flex;
 align-items: center;
 justify-content: center;
 }

 .str-2 span {
 overflow: hidden;
 height: 2.4rem;
 display: flex;
 }

 .sl-up::first-letter {
 text-transform: uppercase;
 }

 .card-shadow {
 box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
 transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
 border-radius: 1rem !important;
 }

 .card-shadow:hover {
 box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
 }

 .skidon {
position: absolute;
 left: -1px;
 top: 4rem;
 color: #fff;
 background-color: #d7412e;
 line-height: 1;
 font-size: .8rem;
 text-transform: uppercase;
 padding: 0.25rem 0.5rem 0.25rem 0.35rem;
 border-radius: 0 0.5rem 0.5rem 0;
 cursor: help;
 z-index: 1;
 }

 .old-price {
 position: absolute;
 top: -100%;
 }

 .footer-grid {
 justify-content: space-evenly;
 align-content: center;
 align-items: center;
 font-size: 1.7rem;
 line-height: 1;
 z-index: 1;
 position: relative;
 margin: 0.5rem 0 0;
 }

 .basket,
 .add,
 .done,
 .now,
 .wait,
 .wish {
 transition: background 0.3s;
 -webkit-transition: background 0.3s;
 -moz-transition: background 0.3s;
 cursor: pointer;
 }




 /*
 Animation example, for spinners
*/
 .spin,
 .wait::before {
 -moz-animation: spin 2s infinite linear;
 -o-animation: spin 2s infinite linear;
 -webkit-animation: spin 2s infinite linear;
 animation: spin 2s infinite linear;
 }

 .animate-spin {
 -moz-animation: spin 2s infinite linear;
 -o-animation: spin 2s infinite linear;
 -webkit-animation: spin 2s infinite linear;
 animation: spin 2s infinite linear;
 display: inline-block;
 }

 @-moz-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
 }
 }

 @-webkit-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
 }
 }

 @-o-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
 }
 }

 @-ms-keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
 }
 }

 @keyframes spin {
 0% {
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 }

 100% {
 -moz-transform: rotate(359deg);
 -o-transform: rotate(359deg);
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
 }
 }

 .add::before,
 .done::before,
 .wadd::before,
 .wdel::before,
 .now::before,
 .wait::before,
.slick-arrow::before{
 display: inline-block;
 font-family: bootstrap-icons !important;
 font-style: normal;
 font-weight: normal !important;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 vertical-align: -0.125em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 }

 .add::before,
 .now::before {
 content: '\F242';
 }

 .done::before {
 content: '\F23A';
 }

 .wait:before {
 content: '\F116';
 }

 .wadd:before {
 content: '\F417';
 }

 .wdel:before {
 content: '\F415';
 }

 .btn-text {
 outline: 0;
 border: 0;
 background: inherit;
 color: inherit;
 -webkit-transition: color 0.25s ease-in-out;
 -moz-transition: color 0.25s ease-in-out;
 -o-transition: color 0.25s ease-in-out;
 transition: color 0.25s ease-in-out;
 }

 .btn-text:hover {
 color: var(--bs-link-hover-color);
 }

 .to-green.btn-text:hover {
 color: #f6fff6;
 }

 @media (min-width: 1200px) {
 .logo-lg {
 max-width: 234px;
 }
 }

 .offcanvas-body {
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 justify-content: space-between;
 }

 .offcanvas-body .modal-footer {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.5em;
 background: #fff;
 }

 .offcanvas-body .modal-footer>* {
 margin: 0.25rem 0.35rem;
 }

 .fixed-bottom .footer-grid {
 box-shadow: 0 6px 10px rgb(0 0 0 / 6%), 0 0 6px rgb(0 0 0 / 3%);
 border-radius: 1rem 1rem 0 0;
 padding: 0.75rem 0;
 background: #51b14c;
 color: #fff;
 }

 @media (min-width: 768px) {
 .footer-grid-dom {
 left: 50%;
 transform: translateX(-50%);
 width: 100%;
 max-width: 640px;
 bottom: 1rem;
 }

 .fixed-bottom .footer-grid {
 border-radius: 1.5rem;
 }
 }

 .header-grid-dom {
 left: 50%;
 transform: translateX(-50%);
 width: 100%;
 max-width: 640px;
 }

 .header-grid {
 box-shadow: 0 6px 10px rgb(0 0 0 / 6%), 0 0 6px rgb(0 0 0 / 3%);
 border-radius: 2rem;
 padding: 0.45rem 0;
 background: #52b14c;
 justify-content: space-evenly;
 align-content: center;
 align-items: center;
 font-size: 1.2rem;
 line-height: 1;
 z-index: 1;
 position: relative;
 margin: 0.5rem 0 0;
 }

 .header-grid>button{color: #fff;}
 
 .search-wrapper {
 clear: both;
 position: relative;
 width: 100%;
 }

 .search-input {
 position: relative;
 padding: 0 2px 12px;
 border: 0 !important;
 border-bottom: 1px solid #94ABB8;
 color: inherit;
 background: #c3c3c321;
 margin-bottom: 28px;
 margin: 0;
 height: 3.5rem;
 min-height: 40px;
 float: left;
 width: 80%;
 font-size: 18px;
 line-height: 24px;
 padding: 0px 10px 0 15px;
 outline: none;
 border-radius: 2rem 0 0 2rem;
 }

 .search-icon {
 margin: 0;
 height: 3.5rem;
 min-height: 40px;
 padding: 0;
 float: left;
 width: 20%;
 background-color: #c3c3c321;
 border: 0;
 color: #c52d28;
 font-size: 2em;
 line-height: 1;
 border-radius: 0 2rem 2rem 0;
 }

 .ui-widget-content {
 box-shadow: 0 6px 10px rgb(0 0 0 / 8%), 0 0 6px rgb(0 0 0 / 5%);
 border-radius: 1rem;
 }

 .last-search {
 display: none;
 }

 .ui-menu li:last-child .last-search {
position: absolute;
 bottom: -3rem;
 left: 0;
 background: #c52d28;
 font-size: 1rem;
 color: #fff;
 padding: 0.25rem 1.5rem;
 border-radius: 1.75rem;
 display: block;
 }

 .ui-menu li:last-child .last-search b {
 color: #fff;
 float: none;
 clear: both;
 margin: 0;
 padding: 0;
 }
 .slist{

 }

@media (min-width: 992px) and (max-width: 1200px){
.sticky-lg-none {
 position: relative;
}}

 /* input */
input[type="text"], input[type="numder"], input[type="password"], textarea {
 display: inline-block;
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0.375rem;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
input[type="text"]:focus, input[type="numder"]:focus, input[type="password"]:focus, textarea:focus {
color: #212529;
 background-color: #fff;
 border-color: #51b14c;
 outline: 0;
 box-shadow: 0 0 0 0.25rem rgb(3 113 13 / 25%);
}
button, input[type="button"], input[type="submit"], input[type="reset"], button.ubtn-default, div.xw-plain .light-btn {
 --bs-btn-padding-x: 0.75rem;
 --bs-btn-padding-y: 0.375rem;
 --bs-btn-font-family: ;
 --bs-btn-font-size: 1rem;
 --bs-btn-font-weight: 400;
 --bs-btn-line-height: 1.5;
 --bs-btn-color: #212529;
 --bs-btn-bg: transparent;
 --bs-btn-border-width: 1px;
 --bs-btn-border-color: #ced4da;
 --bs-btn-border-radius: 0.375rem;
 --bs-btn-hover-border-color: transparent;
 --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
 --bs-btn-disabled-opacity: 0.65;
 --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
 display: inline-block;
 padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
 font-family: var(--bs-btn-font-family);
 font-size: var(--bs-btn-font-size);
 font-weight: var(--bs-btn-font-weight);
 line-height: var(--bs-btn-line-height);
 color: var(--bs-btn-color);
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
 border-radius: var(--bs-btn-border-radius);
 background-color: var(--bs-btn-bg);
 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select {
 padding: 0.375rem 2.25rem 0.375rem 0.75rem;
 -moz-padding-start: calc(0.75rem - 3px);
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 background-color: #fff;
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 background-repeat: no-repeat;
 background-position: right 0.75rem center;
 background-size: 16px 12px;
 border: 1px solid #ced4da;
 border-radius: 0.375rem;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

input.btn-primary[type="button"] {
 --bs-btn-color: #fff;
 --bs-btn-bg: #c52d28;
 --bs-btn-border-color: #c52d28;
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: #ae221e;
 --bs-btn-hover-border-color: #ae221e;
 --bs-btn-focus-shadow-rgb: 49,132,253;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #ae221e;
 --bs-btn-active-border-color: #ae221e;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #fff;
 --bs-btn-disabled-bg: #c52d28;
 --bs-btn-disabled-border-color: #c52d28;
}
 /* input */

#flist-item-price {
display: flex;
 align-items: center;
 flex-wrap: wrap;
}
#flist-item-price> * {
 margin: 0 0.35rem;
 max-width: 128px;
}

.ui-widget {
 z-index: 1020!important;
}

.ui-menu li:last-child .last-search a {
 padding: 0;
 margin: 0;
 color: #fff;
}

b.down.h-b::before, b.up.h-b::before, #myGrid::before, .container ul.u-mpanel-l li a::before,
.moder-p .u-mpanel-toggle::before, .myWinGrid::before{
 content: "\f279";
 display: inline-block;
 font-family: bootstrap-icons !important;
 font-style: normal;
 font-weight: normal !important;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 vertical-align: -0.125em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
background: transparent;
}

#myGrid, #myGrid *, .myWinGrid{
 transition: all 0.3s;
 background: transparent!important;
}

#myGrid::before, .myWinGrid::before{
left: calc(50% - 1.5rem);
 top: calc(50% - 1.5rem);
 position: absolute;
 content: '';
 display: inline-block;
 width: 3rem;
 height: 3rem;
 vertical-align: text-bottom;
 background-color: #555;
 border-radius: 50%;
 opacity: 0;
 -webkit-animation: spinner-grow .75s linear infinite;
 animation: spinner-grow .75s linear infinite;
}

#myGrid img, .myWinGrid img{
display: none;
}

.text-muted-in * {
 --bs-text-opacity: 1;
 color: #6c757d!important;
}

.slick-slider .slick-track script, script{display:none!important;}
.slick-slide>div{
 padding-right: 0.75rem;
 padding-left: 0.75rem;
}
.slick-list {
 padding: 0.75rem 0;
 margin-right: calc(-.5 * var(--bs-gutter-x));
 margin-left: calc(-.5 * var(--bs-gutter-x));
}
.slick-dots li.slick-active button:before, .slick-dots li button:before {
 color: #51b14c;
}


.slick-arrow {
 position: absolute;
 top: 0;
 bottom: 0;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 14%;
 max-width: 6rem;
 padding: 0;
 color: #51b14c;
 text-align: center;
 background: 0 0;
 border: 0;
 opacity: .9;
 transition: opacity .15s ease;
 font-size: 0;
 left: 0;
}

.slick-arrow::before {
 content: '\F27A';font-size: 3rem;
}

.slick-next {
 left: auto;
 right: 0;
}

.slick-next::before {
 content: '\F27B';
}

.dash {
top: 0.5rem;
 right: 1%;
 transform: translateX(-1%);
 background: #51b14c;
 color: #fff;
 border-radius: 2rem;
 font-size: 1.2rem;
 padding: 0.65rem 1.25rem;
 z-index: 1020;
}

.dash .rigth-sale, .fixed-bottom .rigth-sale {
 zoom: .8;
 -moz-transform: scale(0.8);
 right: -0.8rem;
 top: -0.5rem;
}

.wid-in span[class^=d-none-stat-vis-]{position:relative;}

.wid-in .d-none-stat, .wid-in .d-none-u-all {
 position: absolute;
 background: #3f8e55;
 font-size: 1.2rem;
 padding: 0.4rem 0.65rem;
 border-radius: 2rem;
 margin: -5px 0 0 10px;
 color: #fff;
 top: 0;
 left: 100%;
}

.wid-in span[class^=d-none-stat-vis-] .rigth-sale {
 right: -3.8rem;
 top: -2.1rem;
 background: #db4b43;
}

.rigth-sale {
 position: absolute;
 right: -0.5rem;
 top: -1rem;
 font-size: .9rem;
 line-height: 1;
 background: #db4b43;
 color: #fff!important;
 border-radius: 0.65rem;
 padding: 0.3rem 0.6rem;
 min-width: 2rem;
}

#modalMenuDash .btn-easy {
 padding: 1rem;
 margin: 1rem 0;
 border-radius: 0.75rem;
 transition: all 0.3s!important;
 min-width: 5.5rem;
 position: relative;
 border: 1px solid #f9f9f9;
 background: #fcfcfc;
}

.d-none-stat{display:none;}
.d-none-stat-vis-sh .shop-yes{display:inline;}
.d-none-stat-vis-te .test-yes{display:inline;}
.d-none-stat-vis-gb .gb-yes{display:inline;}
.d-none-stat-vis-publ .publ-yes{display:inline;}
.d-none-stat-vis-news .news-yes{display:inline;}
.d-none-stat-vis-u-all .u-all-yes{display:inline;}
.d-none-stat-vis-stuff .stuff-yes{display:inline;}
.d-none-stat-vis-shord .shord-yes{display:inline;}

.shop_feed_item, .basket-item-name .name, .t-noover {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.shop_feed_item a {
 color: #000;
 text-decoration: underline;
}

.ani-opa {
 opacity: 0;
 animation: ani-opa 1.5s forwards;
}

@keyframes ani-opa {
 0% {opacity: 0;}
 100% {opacity: 1;}
}

.container-mx-md {
 max-width: 960px;margin: 0 auto;
}

.moder-p {
 right: 0.75rem;
 top: 3.5rem;
 z-index: 1029;
}

ul.u-mpanel-l li.u-mpanel-del a::before {content: "\f78b";}
ul.u-mpanel-l li.u-mpanel-edit a::before {content: "\f4cb";}
ul.u-mpanel-l li.u-mpanel-rating a::before {content: "\f588";}
ul.u-mpanel-l li.u-mpanel-tags a::before {content: "\f40a";}
ul.u-mpanel-l li.u-mpanel-hide a::before {content: "\F341";}
ul.u-mpanel-l li.u-mpanel-hidden a::before {content: "\F340";}
ul.u-mpanel-l li.u-mpanel-publ a::before {content: "\F333";color: #db4b43;}
.moder-p .u-mpanel-toggle::before{content: "\f3e5";}
.fancybox-item.fancybox-close::before{content: "\f659";}
.fancybox-nav span::before{content: "\f27b";}
.fancybox-prev span::before{content: "\f27a";}

.container .u-mpanel {
height: auto;
width: 2rem;
color: inherit;
margin-top: -0.8rem;
margin-right: 0.3rem;
background: #fff;
}

.container .u-mpanel .u-mpanel-l {
line-height: inherit;
 font-size: inherit;
 border: 1px solid #fff;
 background-color: #f0f0f0!important;
 padding: 0 0.6rem 0;
 height: 37px;
}

.container ul.u-mpanel-l li {
width: 1.8rem;
height: 1rem;
margin: 0;
}

.container .u-mpanel .u-mpanel-toggle {
 border: 1px solid #f0f0f0;
 background: #fff!important;
 height: 37px;
 width: auto;
 padding-right: 0.65rem;
 padding-left: 0.4rem;
 border-radius: 1rem 0.25rem 0.25rem 1rem;
 padding-top: 0.27rem;
}

.container ul.u-mpanel-l li a {
color: inherit; margin-top: 0.25rem;
}

#txtPart555message>div:first-child, #txtPart555brief>div:first-child,
input[name^="iws"], input[name^="ihs"], .u-combolist div[style="padding:1px"] input,
.com-order-block, #uf-register div.row>div:last-child, .u-mpanel-ip, .u-mpanel-nspam, .u-mpanel-spam, .moder-p i.u-mpanel-ico,
.only-img div>.iCode_block
{
display: none!important;
}

.no-act>*>*:not(.u-mpanel) {
 filter: grayscale(1); opacity: .75;
}