html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; box-sizing: border-box; }
article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section, input { display: block; box-sizing: border-box; }
img{
    max-width: 100%;
}
html,
body { width: 100%; min-height: 100%; background: #010D0B;font-family: 'Arial', serif;}
a { color: #FFFFFF; outline:0 none; text-decoration: none; }
header{
    justify-content: space-between;
    border-top: 1px solid #0D2A14;
    border-bottom: 1px solid #0D2A14;
}
.hide{
    display: none;
}
.hide.open{
    display: block;
}
header > div{
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.green_bg{
    background-size: 100% 100%;
    background-position: 0px;
    background-image: radial-gradient(400px 300px at 85% 1%, rgb(31, 40, 21) 0%, #0000 100%), radial-gradient(400px 300px at 0% 15%, rgb(13 18 10) 0%, #0000 60%), radial-gradient(350px 450px at 80% 17%, rgb(23, 31, 18) 0%, #0000 100%), radial-gradient(400px 300px at 90% 60%, rgb(31, 46, 20) 0%, #0000 100%), radial-gradient(400px 300px at 10% 60%, rgb(26, 35, 19) 0%, #0000 100%), radial-gradient(400px 300px at 95% 95%, rgb(31, 44, 20) 0%, #0000 100%), radial-gradient(400px 300px at 0% 95%, #27351c 0%, #0000 100%);
    background-color: #070906;
}
.box{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
i.i{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    font-style: normal;
}
header .buttons{
    width: 230px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    transition: 0.3s;
}
header .buttons{
    display: flex;
    align-content: center;
    justify-content: space-between;
}
header .buttons > div{
    align-items: center;
    display: flex;
    width: 40px;
}
/*
header .buttons > div.phone_button a{
    display: block;
    width: 100%;
    height: 100%;
}
*/
header .buttons > div.phone_button img{
    color: #2c5800;
}
header .buttons .phone_button .button.open img{
    display: none;
}
header .buttons > div.phone_button a:hover img{
    color: inherit;
}
header .search{
    width: 334px;
}

header .ssearch-wrapper .ssearch-box,
header .ssearch-wrapper .ssearch-box,
header .ssearch-wrapper .ssearch-box .ssearch-key-box input{
    background: none;
}

header .ssearch-wrapper .ssearch-box{
    border: none;
    border-bottom: 1px solid #dedede69;
}
header .ssearch-wrapper .ssearch-box .ssearch-key-box input{ color: #2C5800 }
.ssearch-wrapper .ssearch-key-box input::-webkit-input-placeholder { color: #2C5800 }
.ssearch-wrapper .ssearch-key-box input:-moz-placeholder,
.ssearch-wrapper .ssearch-key-box input::-moz-placeholder { color: #2C5800 }
.ssearch-wrapper .ssearch-key-box input:-ms-input-placeholder { color: #2C5800 }
header .ssearch-wrapper .ssearch-box .ssearch-submit{
    background: url("img/search.svg") no-repeat center;
    width: 44px;
    height: 44px;
    border: none;
    font-size: 0;
    text-indent: -9999px;
    padding: 0;
}
footer{
    background: #fff;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}
footer .top{
    padding: 120px 0;
    display: grid;
    grid-template-columns: 400px 1fr 1fr 1fr;
    grid-gap: 110px;
    position: relative;
    z-index: 2;
}
footer .top > div{
    display: grid;
    align-content: space-between;
}
footer .footer_bg{
    background: radial-gradient(55.28% 55.28% at 50% 50%, #00FF85 0%, #BFFF09 52.08%, #00574B 100%);
    filter: blur(368px);
    transform: matrix(0.9, -0.44, 0.44, 0.9, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
footer .top a{
    color: #2C5800;
    display: block;
    line-height: 40px;
    white-space: nowrap;
}
footer .bottom{
    background: #010D0B;
    position: relative;
    z-index: 1;
}
footer .bottom .box{
    display: grid;
    background: rgba(255, 255, 255, 0.06);
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
footer .bottom a{
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.8);
    line-height: 50px;
    text-align: center;
    display: block;
}
.category_menu {
    position: absolute;
    z-index: 9999;
    background: #000000;
    box-shadow: 0px 13px 38px rgba(0, 0, 0, 0.12);
    width: 100%;
    left: 0;
    top: 135px;
    max-width: 100%;
}
.category_menu .level1{
    width: 340px;
}
.category_menu a{
    color: #fff;
    font-weight: 300;
    font-size: 18px;
}
.menu_button > img{
    cursor: pointer;
}
.menu_button .button.open,
.info .button.open,
.phone_button .button.open,
.kabinet .button.open{
    background-image: url("img/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.menu_button .button.open img,
.info .button.open img,
.kabinet .button.open img{
    display: none;
}
.menu_button .button{
    cursor: pointer;
}
.category_menu .title{
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
}
.category_menu .title{
    text-transform: uppercase;
}
.category_menu .cat > a ,
.category_menu .title{
    padding: 26px 30px;
}
.category_menu .cat > a{
    border-top: 1px solid #0D2A14;
    /*
    display: block;
    width: 100%;
    */
    display: grid;
    grid-template-columns: 1fr 5fr;
}
.category_menu .cat.ch > a{
    background: url("img/srt_r.svg") no-repeat 95% center;
    display: grid;
    grid-template-columns: 1fr 5fr;
}
.category_menu .cat a > img{
    margin-right: 10px;
}
.category_menu .cat:hover .hide.level2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 340px);
    height: 100%;
    text-align: center;
}
.category_menu .level2 {
    padding: 15px 77px;
}
.category_menu .level2 a{
    font-weight: 300;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    padding: 15px 0;
}
.category_menu .level2 a span{
    display: block;
}
.category_menu .level2 a:hover{
    background: rgba(26, 73, 49, 0.7);
}
header .buttons .info,
header .buttons .phone_button{
    position: relative;
}
.page_menu,
.kabinet_menu{
    position: absolute;
    right: 0;
    z-index: 10;
    background: #000000;
    box-shadow: 0px 13px 38px rgba(0, 0, 0, 0.12);
    top: 90px;
    padding: 30px 32px;
}
.kabinet{
    position: relative;
}
/*.kabinet_menu {
    width: 250px;
    left: -100px;
}
*/
.kabinet_menu ul, .phone_menu ul{
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}
.kabinet_menu li, .phone_menu li{
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.kabinet_menu li img, .phone_menu li img, .phone_menu li svg{
    margin-right: 15px;
    width: 21px;
}
.page_menu nav{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    white-space: nowrap;
}
.page_menu .title{
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 33px;
}
.page_menu nav a{
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    font-size: 18px;
}
.cart-popup{
    position: relative;
}
.cart-count{
    position: absolute;
    color: #fff;
    background: red;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    right: 0;
    box-sizing: border-box;
    font-size: 12px;
}
.cart-count.empty{
    display: none;
}
.phone_menu{
    position: absolute;
    right: 0;
    z-index: 10;
    background: #000000;
    box-shadow: 0px 13px 38px rgba(0, 0, 0, 0.12);
    top: 90px;
    padding: 30px 32px;
    min-width: 250px;
}
.phone_menu a{
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    font-size: 18px;
    display: block;
}
.phone_menu .mesanger{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.phone_menu .mesanger{
    margin: 3px 0;
}
#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 100px solid red;
    border-left: 100px solid transparent;
}
.product-list .image img{
    clip-path: polygon(0 20%, 20% 0, 100% 0, 100% 100%, 0 100%);
    width: 100%;
    margin-bottom: -4px;
}
.product-list .prods:nth-child(even) .image img{
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%);
}
.product-list .brbl{
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(27.9101px);
    backdrop-filter: blur(27.9101px);
    padding: 14px 12px;
}
.product-list a {
    font-weight: 700;
    font-size: 18px;
}
.product-list .brbl button[type="submit"],
.product .brbl button[type="submit"]{
    border: 1px solid #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: inherit;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-list .brbl button[type="submit"] img,
.product .brbl button[type="submit"] img{
    margin-right: 8px;
}
.product-list .brbl button[type="submit"]:hover,
.product .brbl button[type="submit"]:hover{
    background: linear-gradient(90deg, #FFE000 0%, #7DFF16 100%);
    color: #000;
}
.product .brbl button[type="submit"]{
    width: 250px;
    max-width: 100%;
}
.product-list .name{
    margin-bottom: 8px;
    height: 43px;
    overflow: hidden;
    display: block;
}
.product-list .pricing{
    margin-bottom: 8px;
    white-space: nowrap;
    line-height: 30px;
    height: 30px;
}
.product-list .pricing span{
    float: right;
}
.product-list .pricing span.price{
    margin-left: 7px;
}
.product-list .pricing .instock{
    float: left;
}
.price {
    background: linear-gradient(90deg, #E8481D 0%, #E88801 52%, #EF7924 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgb(232, 84, 24);
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    font-size: 24px;
}
.compare-at-price{
    font-weight: 700;
    font-size: 18px;
    text-decoration-line: line-through;
    color: rgba(255, 255, 255, 0.2);
}
.product-list .pricing .instock{
    background: linear-gradient(90deg, #68B53D 0%, #4C9F7B 52%, #077036 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    font-size: 16px;
    padding-left: 25px;
    display: flex;
}
.product-list .pricing .instock img{
    margin-left: -25px;
    margin-right: 5px;
}
.product-list .features{
    display: none;
}
.product-list li{
    position: relative;
}
.product-list li:hover{
    z-index: 2;
}
.product-list li:hover > div{
    position: absolute;
    width: 100%;
}
.product-list li:hover .features{
    display: block;
    padding-top: 20px;
}
.product-list li .image{
    height: 200px;
}
.product-list .features > div{
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}
.corner.top.right{
    position: absolute;
    left: 0;
}
.icon16.loading{
    margin: auto;
    text-align: center;
    color: #fff;
}
label {
    position: relative;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
}

.c_style label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.c_style label span {
    padding-left: 30px;
    position: relative;
}

.c_style label span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.c_style label span:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s;
}
.c_style label input[type="checkbox"]:checked + span:after {
    opacity: 1;
}
.icon16.star{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("img/star.svg") no-repeat;
}
.breadcrumbs {
    padding: 30px 0;
    color: #A9B6B3;
}
.breadcrumbs a{
    background: #2C5800;
    color: #A9B6B3;
    font-weight: 300;
    font-size: 0.7em;
    padding: 5px 5px;
}
.fixed-overlay.show{
    max-height: 100vh;
    padding: 24px;
     position: fixed;
     z-index: 1000;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     overflow: hidden;
     box-sizing: border-box;
    background: rgba(26, 73, 49, 0.7);
    backdrop-filter: blur(2px);
 }
.fixed-overlay .modal{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 98%;
    max-width: 510px;
    height: auto;
    max-height: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 28px 65px;
    /*overflow-y: auto;*/
}
.modal_container{
    overflow-y: auto;
    padding-bottom: 80px;
}
.fixed-overlay .modal.cart{
    max-width: 986px;
    padding: 28px 0;
}
.fixed-overlay .modal.cart .modal_container{
    padding: 0 65px;
    padding-bottom: 20px;
}
.fixed-overlay input[type="text"],
.fixed-overlay input[type="password"]{
    border: 1px solid #0E5A45;
    height: 60px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    margin-bottom: 20px;
    text-indent: 10px;
}
.fixed-overlay .title{
    /*color: #fff;*/
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 23px;
}

.fixed-overlay input[type="submit"]{
    background: linear-gradient(90deg, #FFE000 0%, #7DFF16 100%);
    width: 310px;
    height: 59px;
    color: #131313;
    font-weight: 700;
    font-size: 18px;
    box-sizing: border-box;
    margin: auto;
    margin-bottom: 10px;
    border: none;
}
.wa-signup-url, .wa-login-url, .wa-signup-url a, .wa-login-url a{
    color: #131313;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
}
.wa-signup-url a,
.wa-login-url a{
    font-weight: bold;
}
.fixed-overlay .wa-name{
    display: none;
}
.login_page{
    text-align: center;
}
.popup-close{
    width: 30px;
    height: 30px;
    position: absolute;
    right: -41px;
    top: -41px;
    background: url("img/popup_close.svg") no-repeat;
    cursor: pointer;
}
.cart-summary-page .row:not(.no-border){
    display: grid;
    grid-template-columns: 130px 1fr 120px 20px;
    grid-gap: 30px;
    border-bottom: 1px solid rgba(14, 90, 69, 0.2);
    padding-bottom: 10px;
    margin-bottom: 30px;
    align-items: center;
}
.cart .col a{
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}
.cart .item-total,
.cart_totals{
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    background: linear-gradient(90deg, #E84B1C 0%, #ED7F18 50.42%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.cart .item-total{
    margin-top: 15px;
}
.cart .item-qty{
    position: relative;
}
.cart input[type="text"].qty{
    text-align: center;
    width: 130px;
    height: 60px;
    font-weight: 700;
    font-size: 18px;
    color: #848282;
    text-indent: 0;
    margin-bottom: 0;
}
.cart .remove{
    width: 12px;
    height: 12px;
    display: block;
    background: url("img/del.svg") no-repeat;
    cursor: pointer;
}
.cart .plus, .cart .minus{
    width: 16px;
    height: 16px;
    display: block;
    background: url("img/minus.svg") no-repeat center;
    cursor: pointer;
    top: 22px;
    left: 10px;
    position: absolute;
}
.cart .plus{
    background: url("img/plus.svg") no-repeat center;
    right: 10px;
    left: auto;
}
.cart .w1 img {
    clip-path: polygon(0 30%, 30% 0, 100% 0, 100% 100%, 0 100%);
}
.cart .cart-checkout input{
    float: right;
    text-indent: 0;
    margin-bottom: 0;
    cursor: pointer;
}
.cart .close_cart{
    border: 1px solid #0E5A45;
    width: 310px;
    max-width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
    display: block;
    cursor: pointer;
}
.cart_totals{
    display: flex;
    padding-bottom: 30px;
    justify-content: flex-end;
    font-size: 30px;
}
.cart_totals .cart-total-title{
    padding-right: 20px;
}
.icon16.loading{
    text-indent: -9999px !important;
    font-size: 0px !important;
    background: url("img/loading.gif") no-repeat center;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -37px;
    left: calc(50% - 15px);
    background-size: contain;
}
.cart .row.no-border.bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    left: 0;
    padding: 28px 65px;
    border-top: 1px solid rgba(14, 90, 69, 0.2);
}
strong.line{
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    position: relative;
    padding-bottom: 17px;
    display: block;
}
strong.line:before{
    content: " ";
    width: 38px;
    height: 2px;
    background: url("img/green_line.svg") no-repeat center;
    position: absolute;
    left: -57px;
    top: 13px;
}
p.chech{
    background: url("img/check.svg") no-repeat left top;
    padding-left: 41px;
}
.owl-dots{
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 30px 0;
}
.owl-dot{
    width: 24px;
    height: 6px;
    background: rgba(14, 62, 52, 0.3);
    display: inline-block;
    margin-right: 16px;
 }
.owl-dot.active{
    background: linear-gradient(90deg, #FFE000 0%, #7DFF16 100%);
}
.box.page h1{
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 50px;
}
.box.page{
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 130%;
}
.box.page p{
    padding-bottom: 30px;
}
.ssearch-wrapper.open{
    position: fixed;
    top: 0;
    left: 0;
    padding: 47px;
    width: 100%;
    z-index: 10000;
    background: #333;
    border-bottom: 1px solid #666;
}

.ssearch-wrapper.open .ssearch-result-box{
    margin: 0 50px;
}
#review-form{
    float: none !important;
}
#review-add-form .review-submit input{
    height: 44px;
    width: 168px;
    background: linear-gradient(90deg, #FFE000 0%, #7DFF16 100%);
    font-weight: 700;
    font-size: 14px;
    color: #1F2B25;
    border: 0;
    margin-bottom: 40px;
    display: inline-grid;
    grid-template-columns: 24px 90px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.wa-login-forgotpassword-url {
    color: #7C7C7C;
    display: block;
    margin: 10px;
}
.icon10.star, .icon16.star-empty, .icon16.star-hover, .icon16.star{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    margin-right: 4px;
    /*background: url("img/star_full.svg") no-repeat;*/
    speak: none;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.icon16.star-empty{

}
/*
.icon10.star.full{
    background: url("img/star_full.svg") no-repeat;
}
*/

.icon10.star, .icon16.star-hover, .icon16.star {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FECD51' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E")
}

.icon10.star.ful {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 536 512'%3E%3Cpath fill='%23FECD51' d='M508.55 171.51L362.18 150.2 296.77 17.81C290.89 5.98 279.42 0 267.95 0c-11.4 0-22.79 5.9-28.69 17.81l-65.43 132.38-146.38 21.29c-26.25 3.8-36.77 36.09-17.74 54.59l105.89 103-25.06 145.48C86.98 495.33 103.57 512 122.15 512c4.93 0 10-1.17 14.87-3.75l130.95-68.68 130.94 68.7c4.86 2.55 9.92 3.71 14.83 3.71 18.6 0 35.22-16.61 31.66-37.4l-25.03-145.49 105.91-102.98c19.04-18.5 8.52-50.8-17.73-54.6zm-121.74 123.2l-18.12 17.62 4.28 24.88 19.52 113.45-102.13-53.59-22.38-11.74.03-317.19 51.03 103.29 11.18 22.63 25.01 3.64 114.23 16.63-82.65 80.38z'%3E%3C/path%3E%3C/svg%3E")
}

.icon10.star.star-empty, .icon16.star-empty {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FECD51' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'%3E%3C/path%3E%3C/svg%3E")
}

.icon10.star.star-empty.gray {
    opacity: 0.2;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='rgba(0,0,0,0.8)' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'%3E%3C/path%3E%3C/svg%3E")
}