@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
html {overflow-x: hidden;width:100%}
body {font-family:'Roboto',sans-serif;font-weight:400;color:#424242;font-size:14px;line-height:20px;overflow-x: hidden;width:100%;background-color:#f2f2f233}
h1,h2,h3,h4,h5,h6 {color:#444;margin-top: 0px}
h1 {font-size:33px}
h2 {font-size:27px}
h3 {font-size:21px}
h4 {font-size:15px}
h5 {font-size:12px}
h6 {font-size:10.2px}
.main_h17 h1 {
    margin: 0 0 15px;
    font-size: 22px;
    min-height: 34px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600
}
a {color:#424242}
a:hover {text-decoration:none}
legend {font-size:18px;padding:7px 0}
label {font-size:14px;font-weight:400}
header {min-height: 80px;max-height: 80px;box-shadow: 0px 6px 10px #d4d4d436;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;background-color: white;}
#logo {
    min-width: 96px;
    max-width: 75%;
    margin-right: 30px;
}
.hs_go {width: 100%}
.hs_go.active {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 106;
    background-color: rgb(255 255 255 / 99%);
    padding: 8px 0 8px;
    box-shadow: 0px 5px 15px #0000003b;
    border-bottom: 1px solid #00000021;
}
.hs_go.active #logo {
    max-width: 55%;
}
.hs_go.active .gmc_data {top: 55px}
.none,
footer h5 .icon {display: none}
.ani,
.gmc_box a,
.ulmc li::marker,
footer a,
.top_box a,
.btn-opa,
.pagination a,
#simplecheckout_shipping_address select,
#simplecheckout_button_confirm,
.pso_set select,
.opt_data label,
.add_swin a,
.pp_box a {transition: all 0.5s ease}
.ani1 {transition: all 1s ease}
.ani3 {transition: all 3s ease}
.flex {display: flex}
.flex_c {display: flex;align-items: center}
.jc_right {justify-content: right}
.jc_center {justify-content: center}
.flex_w {flex-wrap: wrap}
.float_r {float: right}
.pointer {cursor: pointer}
.cdef {cursor: default}
.br4,
.tib_box img,
.gsli_box img {border-radius: 4px}
.br10 {border-radius: 10px}
.br50 {border-radius: 50%}
.border0 {border:none}
.relative {position: relative}
.usn {user-select: none}
.block {display: block}
.upt {text-transform: uppercase}
.t300 {font-weight: 300}
.t400 {font-weight: 400}
.t500 {font-weight: 500}
.t600 {font-weight: 600}
.t700 {font-weight: 700}
.t800 {font-weight: 800}
.tcenter {text-align: center}
.w100 {width: 100%}
.btn-opa {border: 1px solid #424242;padding: 10px 20px;background-color: white;}
.btn-opa:hover {padding: 10px 30px}
.nodecor {text-decoration: none}
.nowrap {white-space: nowrap}
.over_hid,
.gl_use,
html.overlay {overflow: hidden}
.cgray {color:#c4c4c4}
.tib_box img,
.gl_pimg {border: 1px solid #f2f2f2}
.gl_pimg,
.bro_cat a,
.mk10,
.ocf_box,
.alg_box,
.cprod,
.cp_totals {background-color: white}

.m_top a {color: #888888}
.gmc_data {
    position: fixed;
    background-color: white;
    z-index: -1;
    top: 135px;
    left: -100%;
    width: 0%;
    opacity: 0;
    box-shadow: 0px 50px 50px #f5f5f5;
    padding: 35px 0 50px;
}
.gmc_data.active::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 6px 10px #d4d4d436;
}
.gmc_links {position: relative;z-index: 2}
.gmc_data.active {
    left: 0px;
    right: 0px;
    opacity: 1;
    z-index: 108;
    width: 100%;
}
.gmc_h1 {
    font-size: 16px;
    font-weight: 600;
    margin-right: 25px;
    z-index: 101;
}
.gmc_h1.active,
.gmc_box .gmc_lv2_a:hover,
.gmc_box .gmc_lv3_a:hover,
.ulmc li:hover::marker,
footer a:hover,
.top_box a:hover,
.gmc_h1:hover,
.pmenu_items span:hover u,
.pmenu_items .active u {color: #fe9330}
.gmc_lv2 {
    width: 25%;
    padding-right: 15px;
}
.gmc_lv2 a {display: block;}
.gmc_lv2_a {
    font-weight: 600;
    margin-bottom: 15px;
    min-height: 40px;
    line-height: 16px;
}
.gmc_lv3 {
    padding-left: 15px;
    margin-bottom: 0px;
}
.gmc_lv3 li {margin-bottom: 5px}
.gmc_all {margin: 30px 0 0;}
.ulmc {list-style: circle}

.gmc_title {
    writing-mode: sideways-lr;
    font-size: clamp(32px, 6vw, 92px);
    font-weight: 900;
    line-height: 90%;
    color: rgba(0,0,0,0.05);
    max-height: 400px;
    width: 75%;
}
.gcm_cname {text-align: center}
.gli_sub > span {
    position: absolute;
    right: -5px;
    top: 0px;
    background-color: #f7505a;
    color: white;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
#cart-total {right: -4px}
.gli_step {
    margin: 0 10px 0 5px;
}
#search {
    width: 60%;
    margin-right: 30px;
    max-width: 100%
}
#search input {
    padding: 0px 40px 0px 15px;
    height: 38px;
    width: 100%;
}
#search input:active,
#search input:focus {outline: none;}
#search button {
    position: absolute;
    right: 10px;
    top: 0px;
    bottom: 0px;
}

.sinput {box-shadow: 2px 2px 5px #eee;border: 1px solid #ccc;}
.sta_h1 h1 {font-size: 22px;
    margin-bottom: 30px;
    text-transform: uppercase;}
.cat_pbox {margin-top: 15px}
.bro_cat {margin: 15px 0 20px}
.bro_cat a {
    border: 1px solid #ccc;
    padding: 4px 10px 5px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.bro_cat a:last-child {margin-right: 0px}
.bro_cat a:hover {border-color: black;transform: scale(1.05);}

#top {border-bottom: 1px solid #f2f2f2;}
#top .m_top {padding-left: 0;list-style: none;margin-bottom: 0px;}
#top .m_top > li {display: inline-block;margin-right: 15px;}
#top .m_top > li:last-child,
.gmc_h1:nth-last-of-type(2),
footer .soc_icon a:last-child .icon {margin-right: 0px}
.top_box > div {min-height: 55px}
.tl_box {margin-right: 15px}
.tl_box:last-child {margin-right: 0px}
.wsoc i {width: 28px;height: 28px}
.wsoc i:hover,
footer .soc_icon .icon:hover,
.conp .soc_icon .icon:hover {
    filter: saturate(2);
    transform: scale(1.2) skewX(10deg) skewY(-10deg);
}
.wtime i,
.wphone i {width:28px;height:28px;margin-right:10px;opacity:0.8}
#search .search {width: 24px;height: 24px;}
.gli_sub i {min-width: 38px;height: 38px}
.wsoc .instagram {margin-right: 5px}
.wtime, .wphone {
    line-height: 16px;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 1px 2px #f7f7f7;
    border-radius: 4px;
    padding: 5px 10px;
    white-space: nowrap;
    background-color: white;
}
.wphone a {display: block;}

.icon {display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align: middle;}
.icon.telegram {background-image: url('/image/catalog/system/icons/color/telegram.svg')}
.icon.viber {background-image: url('/image/catalog/system/icons/color/viber.svg')}
.icon.phone {background-image: url('/image/catalog/system/icons/def/phone.svg')}
.icon.time {background-image: url('/image/catalog/system/icons/def/time.svg')}
.icon.search {background-image: url('/image/catalog/system/icons/def/search.svg')}
.icon.user {background-image: url('/image/catalog/system/icons/def/user.svg')}
.icon.heart {background-image: url('/image/catalog/system/icons/def/heart.svg')}
.icon.cart {background-image: url('/image/catalog/system/icons/def/cart.svg')}
.icon.email {background-image: url('/image/catalog/system/icons/def/email.svg')}
.icon.facebook {background-image: url('/image/catalog/system/icons/color/facebook.svg')}
.icon.instagram {background-image: url('/image/catalog/system/icons/color/instagram.svg')}
.icon.img {background-image: url('/image/catalog/system/icons/def/img.svg')}
.icon.list {background-image: url('/image/catalog/system/icons/def/list.svg')}
.icon.char1 {background-image: url('/image/catalog/system/icons/def/char1.svg')}
.icon.comment1 {background-image: url('/image/catalog/system/icons/def/comment1.svg')}
.icon.star00 {background-image: url('/image/catalog/system/icons/stars/star00.svg')}
.icon.star05 {background-image: url('/image/catalog/system/icons/stars/star05.svg')}
.icon.star10 {background-image: url('/image/catalog/system/icons/stars/star10.svg')}
.icon.compare {background-image: url('/image/catalog/system/icons/def/compare.svg')}
.icon.trash {background-image: url('/image/catalog/system/icons/def/trash.svg')}
.icon.swipe {background-image: url('/image/catalog/system/icons/ani/swipe.svg')}
.icon.close {background-image: url('/image/catalog/system/icons/def/close.svg')}
.icon.location {background-image: url('/image/catalog/system/icons/def/location.svg')}
.add_swin .icon.close,
.icon.wclose,
#mob_menu .icon.close {background-image: url('/image/catalog/system/icons/white/close.svg')}
.icon.menu {background-image: url('/image/catalog/system/icons/def/menu.svg')}
.icon.arrow4 {background-image: url('/image/catalog/system/icons/def/arrow4.svg')}
.icon.options {background-image: url('/image/catalog/system/icons/def/options.svg')}
.icon.arrow6 {background-image: url('/image/catalog/system/icons/def/arrow6.svg')}
.icon.minus {background-image: url('/image/catalog/system/icons/def/minus.svg')}
.icon.power {background-image: url('/image/catalog/system/icons/def/power.svg')}
.icon.visa {background-image: url('/image/catalog/system/icons/pay/visa.svg')}
.icon.mastercard {background-image: url('/image/catalog/system/icons/pay/mastercard.svg')}
.icon.przelewy24 {background-image: url('/image/catalog/system/icons/pay/przelewy24.svg')}
.icon.gls {background-image: url('/image/catalog/system/icons/delivery/gls.svg')}
.icon.dpd {background-image: url('/image/catalog/system/icons/delivery/dpd.svg')}
.icon.payu {background-image: url('/image/catalog/system/icons/pay/payu.svg')}
.icon.blik {background-image: url('/image/catalog/system/icons/pay/blik.svg')}

.sr1 {background-image: url('/image/catalog/system/icons/stars/sr1o.svg')}
.sr1.active {background-image: url('/image/catalog/system/icons/stars/sr1.svg')}
.sr2 {background-image: url('/image/catalog/system/icons/stars/sr2o.svg')}
.sr2.active {background-image: url('/image/catalog/system/icons/stars/sr2.svg')}
.sr3 {background-image: url('/image/catalog/system/icons/stars/sr3o.svg')}
.sr3.active {background-image: url('/image/catalog/system/icons/stars/sr3.svg')}
.sr4 {background-image: url('/image/catalog/system/icons/stars/sr4o.svg')}
.sr4.active {background-image: url('/image/catalog/system/icons/stars/sr4.svg')}
.sr5 {background-image: url('/image/catalog/system/icons/stars/sr5o.svg')}
.sr5.active {background-image: url('/image/catalog/system/icons/stars/sr5.svg')}

.gl_icons .user:hover {background-image: url('/image/catalog/system/icons/hover/user.svg')}
.gl_icons .heart:hover {background-image: url('/image/catalog/system/icons/hover/heart.svg')}
.gl_icons .cart:hover {background-image: url('/image/catalog/system/icons/hover/cart.svg')}
.pmenu_items span:hover .img,
.pmenu_items .active .img {background-image: url('/image/catalog/system/icons/hover/img.svg')}
.pmenu_items span:hover .list,
.pmenu_items .active .list {background-image: url('/image/catalog/system/icons/hover/list.svg')}
.pmenu_items span:hover .char1,
.pmenu_items .active .char1 {background-image: url('/image/catalog/system/icons/hover/char1.svg')}
.pmenu_items span:hover .comment1,
.pmenu_items .active .comment1 {background-image: url('/image/catalog/system/icons/hover/comment1.svg')}

.product-layout.product-grid:nth-child(4n+1) {clear: left}
.input-group input,.input-group select,.input-group .dropdown-menu,.input-group .popover {font-size:12px}
.input-group .input-group-addon {font-size:12px;height:30px}
span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg {display:inline}
.nav-tabs {margin-bottom:15px}
div.required .control-label:before {content:'* ';color:red;font-weight:700}
.dropdown-menu li > a:hover {text-decoration:none;color:#fff;background-color:#229ac8;background-image:linear-gradient(to bottom,#23a1d1,#1f90bb);background-repeat:repeat-x}

#content {min-height:600px}
.lc_box {
    padding: 25px;
    border: 1px solid #f2f2f2;
    display: inline-block;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    background-color: white;
}
.lc_box h1 {font-size: 22px;margin-bottom: 25px}
.gp_box {margin-bottom: 75px}
#bsid10 {gap: 20px}
.prs {margin-top: 30px}
.prs .col-sm-4:nth-child(-n+3) {
    margin-bottom: 30px;
}
.prs .htitle span {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.prs .htitle {margin-bottom: 10px}
.prs img {margin-right: 5px}
.vro .htitle,
.vmo_box .htitle {font-size: 16px;
    font-weight: 500;}
.vro .hdes {margin-bottom: 30px; width: 94%}
.vro_link {
    border: 1px solid #e5e5e5;
    box-shadow: 1px 1px 2px #f7f7f7;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0px 0 10px;
}
.vro .sec_hdes {margin-top: 15px}
.vro_img img {border-radius: 10px}
.vro h2 {margin-bottom: 30px}
.vro .htitle img {margin-right: 5px}
.prs .hdes {width: 94%}
.rvp_box,
.zrc_box {max-width: 75%}
.vmo_box img {
    width: 60px;
    margin-right: 25px;
}
.vmo_item {
    margin-bottom: 30px;
}
.vmo_box .x1 {
    padding-left: 8%;
}
.vmo_box .x2 {
    padding-left: 16%;
}
.vmo_box h2 {margin-bottom: 35px}
.lib_box {padding:70px 0px; color: white}
.lib_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: #1a252a;
  z-index: -1;
}
.lib_box .htitle {
    font-size: 32px;
    margin-bottom: 30px;
}
.lib_box .shtitle {
    margin: 15px 0;
    font-size: 18px;
}
.kpm_box h2,
.vr_box h2 {margin-bottom: 30px}
.kpm_box img:first-child {}
.kpm_box img:last-child {}
.kpm_box span {padding: 0 15px 0 10px}

.vr_box img {border-radius: 10px}
.vr_box span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: white;
    font-size: 18px;
    text-shadow: 1px 2px 5px black;
    opacity: 0;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.vr_box a {display: block;}
.vr_box a {display: block;}
.vr_box a:hover img {filter: brightness(60%);transform: scale(1.1)}
.vr_box a:hover span {opacity: 1}
.zrc_box .btn-opa {margin-top: 15px}

.qfaq {font-size: 16px}
.qfaq .item {border-bottom: 1px dotted #696969}
.qfaq .title {
    font-weight: 500;
    padding: 15px 0;
}
.qfaq .title img {width: 24px;height: 24px;margin-right: 10px}
.qfaq .answer {padding: 5px 0 15px 35px;max-width: 80%}
.qfaq .pm {width: 24px;height: 24px;background-image: url(/image/catalog/system/icons/def/plus.svg);float: right}
.qfaq .active .pm {background-image: url(/image/catalog/system/icons/def/minus.svg);}
.qfaq .title span {flex: 1}
.qfaq .pm:hover {transform: scale(1.5);}
.qfaq .item:hover .title img {transform: rotate(45deg)}
#content .gp_box:last-child {margin-bottom: 35px}
.pmenu {
    padding: 0 0 5px;
    margin: 10px 0 15px;
    border-bottom: 1px solid #f2f2f2;
        min-height: 36px;
}
.pmenu_items {}
.pmenu_items span {
    padding: 0 15px 0px 0px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: inline-block;
}
.pmenu_items span:last-child {padding: 0px}

.pmenu_items span:first-child {padding-left: 0px}
.pmenu_items i {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0 5px 0 0px;
}
.pmenu_items u {
    vertical-align: middle;
}
.pmenu_items s {
    vertical-align: text-bottom;
    margin: 0 0 0 5px;
}
.pmenu_items s i {
    width: 18px;
    height: 18px;
    margin: 0 0 0 -2px;
}

.pp_box {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0 0 0 / 80%);
    padding: 15px 0px 15px;
    font-size: 16px;
    line-height: 24px;
    z-index: 110;
    color: white;
    font-weight: 300;
}
.pp_box a {
    color: white;
    font-weight: 500;
    border-bottom: 1px dashed white;
}
.pp_box a:hover {
    color: #ff914d;
    border-bottom-color: #ff914d;
}
.pp_box p {margin-bottom: 0px}
.pp_text {padding-right: 15px}

.pmscroll {}
.all_pimg {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.gl_pimg {grid-column: 1 / -1}
.dop_pimg {box-sizing: border-box}
.dop_pimg a {
    width: 100%;
    height: 120px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    aspect-ratio: 1 / 1.5;
    box-shadow: 2px 4px 10px #d4d4d4;
}
.dop_pimg img {
    transform: scale(1.3);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dop_pimg img:hover {transform: scale(1.5)}
.inter_img img {transform: scale(2.2);}
.inter_img img:hover {transform: scale(2.5)}
.gl_use,
.pi_block,
.cat_des {padding: 25px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
	background-color: white;}
.cat_des {margin-top: 30px}
.mm44a {
    width: 85%;
        font-size: 27px;
}
.mm44b {
    width: 15%;
    text-align: right;
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: -5px;
}
.mm44 .mm44b button {
    background-color: white;
    border: 0px;
    box-shadow: 1px 1px 2px #ddd;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 10px;
}
.mm44 .mm44b button:hover,
.mlc_buts button:hover {
    background-color: #f7505a;
    color: white;
}
.mm44 i,
.mlc_buts i {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
.new10 {
    margin: 10px 0 35px;
}
.new11 {
    color: #33b01f;
}
.new12 {
    color: #a94442;
}
.new50 {
    align-items: center;
    padding-top: 20px;
}
.new55 {
    width: 20%;
    min-width: 100px;
    max-height: 34px;
}
.new56 button,
.cp_qbut button {
    border: 2px solid #333333;
    background-color: white;
    border-radius: 5px;
    width: 34px;
    min-width: 34px;
    height: 34px;
    font-size: 22px;
    padding: 0px;
    z-index: 3;
}
.new56 button:hover,
.cp_qbut button:hover {
    border: 2px solid #ff914d;
    color: #ff914d;
}
#product .new56 input,
.cp_qbut input {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    box-shadow: none;
    font-size: 16px;
    margin: 0 -4px;
}
.new50 .price {
    font-size: 22px;
    width: 40%;
}
.new51 button {
    padding: 10px 0px;
    font-size: 16px;
}
.new51 {width: 40%}
.new51 i,
.bcc i {
    filter: brightness(0) invert(1);
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.new60 {
    background-color: rgba(249, 166, 41, 0.1);
    border-radius: 6px;
    text-align: center;
    padding: 30px 0;
    margin: 10px 0 0;
}
.new60 div {
    margin: 0 auto 10px auto;
    width: 100%;
    align-items: center;
}
.new60 div:last-child {margin-bottom: 5px}
.new60 img {width: 22px;height: 22px}
.new60 span:first-child {
    text-align: right;
    width: 30%;
}
.new60 span:last-child {
    text-align: left;
    width: 70%;
    padding-left: 10px;
    padding-top: 2px;
    color: #888888;
}
.new70 nav img {width: 26px;height: 26px}
.new70 div img {width: 32px;height: 32px}
.new70 {
    border: 1px solid rgba(196, 196, 196, 0.5);
    border-radius: 6px;
    margin-top: 10px;
    padding: 15px 0 10px;
    background-color: white;
}
.new70 nav {
    margin: 0 0 15px;
    font-size: 18px;
}
.new70 div span:first-child, .new70 nav span:first-child {
    width: 6%;
    display: inline-block;
    text-align: center;
}
.new70 div span:nth-child(2) {
    color: #888888;
}
.new70 div span:nth-child(2), .new70 div span:nth-child(3) {
    width: 47%;
    margin-bottom: 10px;
}
#new70pay {margin-bottom: 0px}
#new70pay i {
    width: 36px;
    height: 22px;
    margin-right: 5px;
}
#new70pay i:last-child {
    margin: 0px;
}
.gp_box_top {
    margin-top: 50px;
}
.pi_block h2 {
    margin-bottom: 15px;
}
.pi_block h2 i {width: 32px;height: 32px;margin-right: 10px}
.ntable {}
.ntable thead tr {}
.ntable thead td {}
.ntable tbody tr {}
.ntable tbody td {}
.ntable tbody tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}
#content .ntable td {
    border-top: 1px solid #fff0;
}
.pattr_data .ntable:last-child,
.pdes_data > p:last-child,
.gmc_lv3 li:last-child {margin-bottom: 0px}
#review {
    column-count: 2;
    column-gap: 20px;
}
.comment {
    margin-bottom: 25px;
    border-radius: 4px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 15px;
    position: relative;
    break-inside: avoid;
    width: 100%;
}
.comment .author {margin-bottom: 15px}
.comment .rating {
    position: absolute;
    right: 15px;
    top: 15px;
}
#review .rating i {
    width: 18px;
    height: 18px;
    margin: 0px 0 0 -5px;
}
.rplusi {
    border: 2px solid #0a966f38 !important;
    background-color: rgb(10 150 111 / 2%);
    padding: 15px 15px;
    margin-top: 25px;
    border-radius: 10px;
}
.rplusi > p {
    color: #0a966f;
    font-size: 12px;
}
.rminusi {
    border: 2px solid #fa6c0036 !important;
    background-color: rgb(250 108 0 / 2%);
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.rminusi > p {
    color: #fa6c00;
    font-size: 12px;
}
#form-review input, #form-review textarea {
    border: 1px solid #e3e3e3;
    box-shadow: 0px 0px 10px 0px hsl(0deg 0% 0% / 10%);
    padding: 15px 15px;
    min-height: 48px;
}
#input-plusi {
    border: 2px solid #0a966f !important;
    background-color: rgb(10 150 111 / 5%);
}
#input-minusi {
    border: 2px solid #fa6c00 !important;
    background-color: rgb(250 108 0 / 5%);
}
.nps.active, .npsf.active {
    display: block;
}
#npstatus {
    display: flex;
    align-items: center;
    padding-top: 15px;
}
.nps {
    font-weight: 600;
    padding: 3px 10px 1px;
    text-transform: uppercase;
    font-size: 12px;
    color: white;
    border-radius: 10px;
    margin-left: 15px;
}
.nps1 {
    background-color: #fa6c00;
}
.nps2 {
    background-color: #ffb20f;
}
.nps3 {
    background-color: #53b919;
}
.nps4 {
    background-color: #36a816;
}
.nps5 {
    background-color: #0a966f;
}
#np_com {
    margin: 15px 0px 0;
    font-size: 14px;
    font-style: italic;
}
#npstatus .icon {width: 32px;height: 32px}
#add_review {margin-top: 30px}
.add_rbut {margin-top: 15px}
.add_rform button {margin: 30px 0px 0px}
.pagination .pag_pg {background: rgb(66 66 66);color: #ffffff;font-size: 16px}
.prew_data {margin-top: 20px}
.pi_block h2 s {margin-left: 5px}
.pi_block h2 s i {
    width: 24px;
    height: 24px;
    margin-right: -2px;
}
.mk10 {
    border: 1px solid #f2f2f2;
    padding: 0 0px 0px 10px;
    border-radius: 4px;
}
.mk10 label {
    margin: 0px;
    font-weight: 500;
    padding-right: 10px;
    color: #888888;
}
.mk10 select,
#simplecheckout_shipping_address select,
.pso_set select,
.psea_n1 select {
    box-shadow: none;
    background-color: rgba(0, 0, 0, .05);
    cursor: pointer;
}
.mk10 select:hover,
#simplecheckout_shipping_address select:hover,
.pso_set select:hover,
.opt_data label:hover,
.psea_n1 select:hover {background-color: rgba(0, 0, 0, .1)}

.mprod_url > a {
    color: #888888;
    max-width: 100%;
}
.mprod_url h4 a {
    color: #424242;
    font-size: 16px;
}
.mprod_url h4 {
    max-height: 38px;
    min-height: 38px;
    margin: 5px 0px;
    overflow: hidden;
}  
.price-act {}
.mprod_info .rating {}
.mprod_info .rating a {margin-left: 5px}
.mlc_buts {
    position: absolute;
    top: 4px;
    left: -50px;
}
.mprod_item:hover .mlc_buts {
    left: 20px;
}
.mprod_item .mprod_data:hover {border-radius: 20px 4px 4px 4px;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);}
.mprod_info .comment1 {margin-right: 2px}
.mlc_buts button {
    margin-bottom: 10px;
    width: 36px;
    height: 36px;
    background: rgb(249 249 249 / 95%);
    box-shadow: 0px 3px 4px rgb(0 0 0 / 15%);
}
.mprod_data {
    padding: 5px 15px 15px;
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
    background-color: white;
}
.mprod_info .price {font-size: 16px}

.cat_dtext {
    max-height: 480px;
    overflow: hidden;
    position: relative;
}

.cat_dtext::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(transparent, white);
}

.cat_dtext.open {
  max-height: 10000px;
}

.cat_dtext.open::after,
.cat_dtext.no-fade::after {
  display: none
}
.cat_dbut {margin-top: 15px}

.pso_box,
.opt_box {}
.pso_box:hover, .opt_box:hover {
    background-color: #f5f5f5;
    box-shadow: -25px 0 0 #f5f5f5, 25px 0 0 #f5f5f5;
}
.pso_box > label, .opt_box > label, .oap_iname {
    margin: 0 15px 0 0px;
    width: 35%;
    min-width: 35%;
    font-weight: 500
}
.pso_box .pso_hw,
.opt_data {}
.opt_data .radio {
    margin: 0 5px 0 0px;
}
.opt_data label {
    padding: 5px 15px;
    background: #f2f2f2;
    color: #333;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.opt_data .radio.active label, #product .pso_set.active select {
    background-color: #ff9251;
    color: #ffffff;
    border: 1px solid #e89e70;
    box-shadow: none;
    text-shadow: 1px 1px 2px #0000004a;
}
.pso_box.has-error select,
.pso_hw.has-error select {background-color: #a94442;color: white}
#product .required .control-label:before,
.opt_data input[type="radio"],
#product .text-danger {display: none;}
.pso_set {width: 120px}
.pso_set option {background-color: #f2f2f2 !important;color: #333 !important;-webkit-appearance: none}
.pso_sheight {}
.pso_hw .pso_set:last-of-type {margin-left: 5px}
#product h4 {margin-bottom: 15px}
#product h4 .icon {width: 24px; height: 24px; margin-top: -1px}
.price-new {color: #f7505a}
.price-old {color: #888888;
    text-decoration: line-through;
    margin-left: 5px;}
.mprod_info .price {margin-top: 5px}
.strip h3 .swipe {width: 32px;height: 32px}
.strip .mprod_data {margin-bottom: 0px}
.strip h3 {margin-bottom: 15px}
.strip .mprod_data:hover {box-shadow: none;}
.strip .mprod_item:hover .mlc_buts {left: 5px}
.add_swin {
    position: fixed;
    right: 5%;
    bottom: -5%;
    opacity: 0;
    z-index: -1;
    background-color: #424242;
    color: white;
    padding: 15px 30px 20px 25px;
    box-shadow: -5px 5px 10px 0px rgb(0 0 0 / 52%);
    animation: pulse-scale 8s ease-in-out infinite;
}
.add_swin.active {bottom: 5%;opacity: 0.97;z-index: 100}
.add_swin a {
    color: white;
    border-bottom: 1px dashed white;
}
.add_swin a:hover {
    color: #f7505a;
    border-bottom: 1px dashed #f7505a;
}
.as_info {
    max-width: 280px;
    line-height: 22px;
}
.add_swin .close {
    position: absolute;
    right: -8px;
    top: -8px;
    opacity: 1;
    width: 26px;
    height: 26px;
    background-color: #f7505a;
    border-radius: 50%;
    border: 2px solid white;
}
.add_swin .close:hover {transform: scale(1.3);}
.add_swin.error {
    background-color: #f7505a;
    text-shadow: 1px 1px 5px #0000006b;
    box-shadow: -5px 5px 10px 0px rgb(247 80 90 / 30%);
}
@keyframes pulse-scale {
    0% {
        transform: scale(1);
    }
    60% {
        transform: scale(1.07);
    }
    100% {
        transform: scale(1);
    }
}
.conp {
    font-size: 16px;
    line-height: 22px;
}
.conp strong {
    margin: 5px 0 10px;
    display: inline-block;
}
.conp .icon {
    margin: -2px 4px 0px 0;
    width: 20px;
    height: 20px;
}
.psea_n1 label {
    margin-bottom: 0px;
}
.psea_n1 label input {
    margin-top: 0px;
}
.psea_nav {margin-bottom: 30px}
.psea_n1a {padding-top: 15px;
    display: inline-block}
.psea_n1a1 {
    line-height: 18px;
}
#search.active {
    z-index: 107;
    position: fixed;
    left: 15%;
    right: 15%;
    width: 70%;
    max-width: 1024px;
    top: 25%;
    margin: 0 auto;
}
#search.active input {
    height: 50px;
    font-size: 20px;
    box-shadow: 0px 5px 20px #eeeeee66;
}
#overlay.default {z-index: -1;}
#overlay.active {
    background-color: rgb(0 0 0 / 85%);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 105;
}
.autocalc-product-special {color:#f7505a}
#button-cart,
.wpa_buts a,
#simplecheckout_button_confirm {background-color: #ff9251;border-color: #e89e70}
#button-cart:hover,
.wpa_buts a:hover,
#simplecheckout_button_confirm:hover {background-color: #ff9251d1;transform: scale(1.02)}
.wpa_box {
    position: fixed;
    z-index: -1;
    background-color: #ffffff;
    width: 640px;
    top: 55%;
    left: -100%;
    transform: translate(-50%, -50%);
    padding: 30px;
    max-width: 100%;
    opacity: 0;
    box-shadow: 0px 5px 20px #eeeeee66;
}
.wpa_box.active {display: block;left: 50%;z-index: 110;opacity: 1}
.wpa_title span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}
.wpa_title .close {
    width: 34px;
    height: 34px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
}
.wpa_title .close:hover {transform: rotate(90deg)}
.wpa_data {margin: 30px 0}
.wpa_image {width: 40%;padding-right: 30px}
.wpa_image img {}
.wpa_info {width: 60%}
.wpa_buts span {
    border: 1px solid #dfe0e0;
    color: #222;
    font-weight: 500;
    padding: 15px 30px;
    margin-right: 30px;
}
.wpa_buts span:hover {border-color: #222}
.wpa_buts a {
    color: #fff;
    padding: 15px 30px;
    text-shadow: 1px 1px 2px #0000004a;
}
.wpa_name {font-size: 18px}
.wpa_chars {margin: 15px 0px 10px}
.wpa_chars i {font-style: normal; font-weight: 500}
.wpa_num {margin-top: 15px}
.wpa_razmer u {
    text-decoration: none;
    font-weight: 400;
    margin: 0 2px;
    color: rgba(0,0,0,.5);
}
body .pay_icons i {width: 48px; height: 32px;margin-right: 10px}



































footer {
    background-color: #f7f7f7;
    padding-top: 50px;
    border-top: 1px solid #f1f1f1;
    margin-top: 50px;
    padding-bottom: 20px;
}
footer a {}
footer a:hover {}
footer h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
}
footer .icon {
    margin-right: 5px;
    vertical-align: sub;
}
.soc_icon {margin-top: 5px}
footer .soc_icon .icon,
.conp .soc_icon .icon {
    width: 24px;
    height: 24px;
    margin-right: 2px;
}
.fm_cat > ul {columns: 2;column-gap: 10px}
.fm_cat > ul > li {break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px}
.fm_ul2 {
    padding-left: 16px;
    list-style: revert-layer;
    margin-bottom: 15px;
}
.fm_cat_link1 {
    font-weight: 500;
    margin-bottom: 5px;
}
.fm_cat_link2 {
    margin-bottom: 5px
}
.gline1 {display: grid;grid-auto-flow: row;gap: 5px 10px;}
.gline2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 5px 10px}



.alert {padding:8px 14px}
.breadcrumb {
    background-color: transparent;
    padding: 0 0;
}
.breadcrumb i {}
.breadcrumb a {font-weight: 500}
.breadcrumb > li {}
.breadcrumb > li + li:before {}
.breadcrumb > li:after {}
.breadcrumb > li:last-child {opacity: 0.5}
.buttons {margin:1em 0}
.btn-xs {font-size:9px}
.btn-sm {font-size:10.2px}
.btn-lg {padding:10px 16px;font-size:15px}
.btn-group > .btn,.btn-group > .dropdown-menu,.btn-group > .popover {font-size:12px}
.btn-group > .btn-xs {font-size:9px}
.btn-group > .btn-sm {font-size:10.2px}
.btn-group > .btn-lg {font-size:15px}
.btn-default {color:#777;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#e7e7e7;background-image:linear-gradient(to bottom,#eee,#ddd);background-repeat:repeat-x;border-color:#ddd #ddd #b3b3b3 #b7b7b7}
.btn-primary {
    color: #fff;
    text-shadow: 1px 1px 2px #0000004a;
    background-color: #ff914d;
    border-color: #f48947;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #f7505a;
    border-color: #e5444e;
}
.btn-warning {
    color: #fff;
    text-shadow: 1px 1px 2px #0000004a;
    background-color: #f7505a;
    border-color: #e5444e;
}
.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {background-color: #ff914d;border-color: #f48947;}
.btn-danger {color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);background-repeat:repeat-x;border-color:#bd362f #bd362f #802420}
.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {box-shadow:inset 0 1000px 0 rgba(0,0,0,0.1)}
.btn-success {color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {box-shadow:inset 0 1000px 0 rgba(0,0,0,0.1)}
.btn-info {color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#df5c39;background-image:linear-gradient(to bottom,#e06342,#dc512c);background-repeat:repeat-x;border-color:#dc512c #dc512c #a2371a}
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {background-image:none;background-color:#df5c39}
.btn-link {border-color:rgba(0,0,0,0);cursor:pointer;color:#23A1D1;border-radius:0}
.btn-link,.btn-link:active,.btn-link[disabled] {background-color:rgba(0,0,0,0);background-image:none;box-shadow:none}
.btn-inverse {
    color: #fff;
    text-shadow: 1px 1px 2px #0000004a;
    background-color: #424242;
    border-color: #222 #222 #000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #ff9251;
    border-color: #e89e70;
    color: #ffffff;
    text-shadow: 1px 1px 2px #0000004a;
}
.list-group a {border:1px solid #DDD;color:#888;padding:8px 12px}
.list-group a.active,.list-group a.active:hover,.list-group a:hover {color:#444;background:#eee;border:1px solid #DDD;text-shadow:0 1px 0 #FFF}
#column-left .product-layout,#column-right .product-layout {width:100%}
.input-group .form-control[name^=quantity] {min-width:50px}
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {background-image:none;background-color:#df5c39}
.alert-dismissable .close,.alert-dismissible .close {right:-1px}
img {max-width: 100%}




@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {clear:left}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {clear:left}
}

@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {clear:left}
}

@media (max-width: 1024px) {
    .all_pimg {grid-template-columns: repeat(3, 1fr)}
}

@media (max-width: 960px) {
    .breadcrumb {
        height: 32px;
        white-space: nowrap;
        overflow-y: auto;
        margin-bottom: 10px;
        position: relative;
    }
    .breadcrumb::after {
        content: '';
        position: fixed;
        top: auto;
        right: 0;
        width: 64px;
        height: 32px;
        background: linear-gradient(to left, white 25%, transparent 100%);
        pointer-events: none;
    }
    .top_box {display: flex;align-items: center;}
    .top_box > div {width: 100%;}
    .ocf-content .ocf-footer {margin-top: 0px}
    .ocf-footer .ocf-between {display: block !important}
    .ocf-footer .ocf-btn-link {margin-bottom: 15px}
    #content .mprod_item {width: 33%}
    #logo {
        max-width: 90%;
        margin-right: 15px;
    }
    .all_pimg {grid-template-columns: repeat(2, 1fr)}
    .gmc_h1 {
        font-size: 14px;
        margin-right: 10px;
        line-height: 16px;
    }
    #content {
        max-width: 100%;
        overflow-x: hidden;
    }
    .lib_box .shtitle {
        font-size: 14px;
        font-weight: 400;
    }
    .lib_lv2 > div {align-items: flex-start;}
    .lib_box .htitle {font-size: 24px}
    .kpm_box img:first-child {
        width: 60px;
        height: 60px;
    }
    .kpm_box img:last-child {
        width: 24px;
        height: 24px;
    }
    .kpm_box .html_mb > .row {
        display: flex;
        align-items: center;
    }
    .kpm_box span {
        padding: 0 10px 0 5px;
    }
    .gmc_data .gcm_cname {width: 10%}
    .gmc_data .gmc_links {width: 90%}
    .gmc_title {font-size: clamp(32px, 4vw, 92px);}
    #content .product-layout.product-grid:nth-child(3n+1) {
        clear: left;
    }
    #content .product-layout.product-grid:nth-child(4n+1) {
        clear: none;
    }
    .pagi_cat {margin-bottom: 15px}
    .new50 .price {
        font-size: 16px;
    }
    .new51 button {
        padding: 6px 0px;
        font-size: 14px;
    }
    .mm44a {font-size: 22px; min-height: 50px}
    .new70 nav {padding: 0 20px}
    .mprod_url {overflow: hidden;}
    .mprod_url > a {font-size: 12px}
    .mprod_url h4 {
    max-height: 34px;
    min-height: 34px}
    .mprod_url h4 a {font-size: 14px}
    .mprod_info .price {margin-top: 3px}
    .psea_n1,
    .psea_n2 {width: 100%}
    .psea_n2 {margin-top: 5px}
    .conact_p1,
    .conact_p2 {width: 100%;padding-bottom: 30px}
    .gp_box {margin-bottom: 55px}
    
}

@media (min-width: 768px) {
	#column-left .product-layout .col-md-3 {width:100%}
	#column-left + #content .product-layout .col-md-3 {width:50%}
	#column-left + #content + #column-right .product-layout .col-md-3 {width:100%}
	#content + #column-right .product-layout .col-md-3 {width:100%}
	#mob_menu {display: none}
}

@media (max-width: 768px) {
    #logo {
    margin-right: 0px;
    }
    .mg_menu > div {flex: 1}
    .mg_menu .mtm2 {flex: 0 0 auto;text-align: center}
    .mg_menu .icon {
        width: 38px;
        height: 38px;
    }
    #search button {display: none;}
    #search.active button {display: block;}
    .gli_step {
        margin: 0 12px 0 0px;
    }
    header {
    min-height: 64px;
    max-height: 64px;
    }
    .mg_menu .search {
    width: 36px;
    height: 36px;
    margin: -2px 0px 0 10px;
    }
    #search.active {
    left: 10%;
    right: 10%;
    width: 80%;
    }
    .rvp_box, .zrc_box {
    max-width: 100%;
    }
    .prs,
    .vro .col-sm-7 > .row,
    .kpm_box .html_mb > .row,
    .vr_box .html_mb > .row {
    column-count: 2;
    column-gap: 20px;
    display: block;
    margin-bottom: -30px;
	}
	    #content .prs > div,
	    .vro .col-sm-7 > .row > div,
	    .kpm_box .col-sm-3,
	    .vr_box .col-sm-3 {
	    margin-bottom: 30px;
	    position: relative;
	    break-inside: avoid;
	    width: 100%;
	}
	.vro,
	.lib_box .html_mb > .row {display: block;}
	.vro_link {margin-top: 5px}
	.vro_img {margin-top: 30px}
	.lib_box {padding: 30px 0px}
	.lib_lv1 {text-align: center;margin-bottom: 30px}
	.kpm_box .col-sm-3:nth-child(3) img:last-child {display: none;}
	.vr_box a img {transform: scale(1) !important;filter: brightness(60%);}
	.vr_box a span {opacity: 1}
	#content .gp_box:last-child {
	    margin-bottom: 0px;
	}
	footer h5 {margin-bottom: 15px}
	.fb_box {}
	.fm_info {margin-bottom: 30px}
	footer .fb_box:last-child {}
	footer {
	    padding-top: 25px;
	    padding-bottom: 15px;
	}
	footer hr {
	    margin-top: 10px;
	    margin-bottom: 15px;
	}
	footer h5 .icon {
	    width: 20px;
	    height: 20px;
	    display: inline-block;
	}
	footer h5 .icon.active {transform: rotate(90deg)}
	.pagi_cat > div {width: 50%}
	.pagi_cat .pagination {margin: 10px 0 10px}
	.all_pimg {
	    grid-template-columns: repeat(5, 1fr);
	}
	#add_review {
	    padding: 25px;
	}
	#np_com {margin-bottom: 25px;}
	.lc_box {
	    margin-bottom: 20px;
	}
	.conact_p1, .conact_p2 {
	    padding-bottom: 15px;
	}
	.psea_n1a {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.psea_n1a1 {margin-top: 10px}
	#button-search {margin-top: -5px}
	.psea_n1 label:last-child {margin-left: 10px}
	.vro .hdes,
	.prs .hdes {
	    width: 100%;
	}
	.vro .col-sm-7 > .row {margin-bottom: 0px}
	#mob_menu {
	    position: fixed;
	    width: 90%;
	    max-width: 375px;
	    left: -100%;
	    top: 0;
	    bottom: 0;
	    z-index: 120;
	    opacity: 0;
	    background-color: white;
	    pointer-events: none;
	    overflow: auto;
	    display: flex;
        flex-direction: column;
	}
#mob_menu.active {
    left: 0px;
    opacity: 1;
    pointer-events: auto;
    box-shadow: 10px 0px 20px rgba(0,0,0,.75);
}
	#mob_menu .close {
	    width: 34px;
	    height: 34px;
	    opacity: 1;
	    position: fixed;
	    top: 0px;
	    right: 0px;
	}
	#mob_menu.active .close {transform: rotate(90deg)}
	.mhead {}
	.mhead img {
	    margin: 15px;
	}

	.m_mob {border-bottom: 1px solid #F2F2F2;}
	.m_mob_title {
	    border-top: 1px solid #F2F2F2;
	}
	.m_mob_title a {
    display: block;
    width: calc(100% - 48px);
    padding: 12px 15px;
}
	.m_mob_title span {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 48px;
    height: 100%;
    border-left: 1px solid #f2f2f2;
}	
	.m_mob_title a i {margin-right: 5px}
	.mm_title3 a {
	    width: 100%;
	    padding: 8px 0 8px 35px;
	}
	.m_mob_title span i {
	    width: 22px;
	    height: 22px;
	}
	.m_mob_data {}
	.mm_title1 {}
	.mm_data1 {}
	.mm_title2 {}
	.mm_data2 {}
	.mm_title3 {}
	.m_mob_title.active {background-color: #f9f9f9}
	.m_mob_title.active span i {transform: rotate(90deg);}
	.mm_title2.active a {font-weight: 500}
	#mob_menu .m_top {
	    list-style: none;
	    padding: 10px 0 3px;
	    column-count: 2;
	}
		#mob_menu .m_top li {}
		#mob_menu .m_top a {
	    color: #424242;
	    padding: 5px 15px 5px;
	    display: block;
	}
	.mfooter {
		margin-top: auto;
	    border-top: 1px solid #F2F2F2;
	    padding: 15px 15px 15px;
	    background-color: #f5f5f5;
	}
    .mfooter .mfc {
	    padding-bottom: 5px;
	}
    .mfooter .mfc a {
	    font-weight: 500;
	}
    .mfooter .mfc i {
	    margin-right: 5px;
	}
    .mfooter .soc_icon i {
	    width: 24px;
	    height: 24px;
	    margin-right: 2px;
	}
	.mh_left {flex: 2}
	.mh_right {flex: 3}
	.mup3 a {
    border: 1px solid #f2f2f2;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;}
    .mup3 i,
    .mup2 i {
	    width: 20px;
	    height: 20px;
	    margin-right: 3px;
	}
	.mup {margin-right: 15px}
	.mup1 a {color: #ff914d}
	.mup2 a:last-child {margin-left: 5px}
	#account-login .well {
	    box-shadow: 0px 0px 15px 0px hsl(0deg 0% 0% / 5%);
	    padding: 15px;
	}
	.log10,
	.log20 {margin-bottom: 30px}
	.pso_box:hover, .opt_box:hover {background-color: unset;box-shadow: unset;}
}

@media (max-width: 640px) {
    .cat_pbox::before,
    .cat_pbox::after {
        display: none !important;
    }
    #content .cat_pbox .mprod_item {
    width: 100%;
    padding: 10px;
    }
    .cat_pbox {
    margin: 5px -10px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    }
    .vr_box .html_mb > .row,
    .prs,
    .vro .col-sm-7 > .row,
    .kpm_box .html_mb > .row {column-gap: 0px}
    .gp_box h2,
    .cat_dtext h2 {font-size: 22px}
    .qfaq .answer {
    padding: 5px 0 15px 0px;
    max-width: 100%;
    }
    .mprod_data {
    margin-bottom: 0px;
    }
    .pagi_cat {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .gl_use, .pi_block, .cat_des {
    padding: 15px;
    margin-top: 30px;
    }
    .bro_cat {
        margin: 10px 0 5px;
    }
    .pagi_cat .pagination {
        margin: 0px;
    }
    .psea_nav {
        margin-bottom: 10px;
    }
    .pmenu {
        text-align: center;
    }
    .pmenu_items span {
    padding: 0 10px 0px 0px;
    }
    .all_pimg {
        grid-template-columns: repeat(3, 1fr);
    }
    .new60 span:first-child,
    .new70 div span:first-child,
    .new70 nav span:first-child {
        width: 26px;
    }
    .new60 span:last-child {
        width: unset;
    }
    .new60 {
        padding: 20px 0px;
    }
    .new60 div {
        padding: 0 20px;
    }
    .pi_block h2 {
        font-size: 22px;
        align-items: center;
    }
    #review {
    column-count: 1
    }
    #review .pagination {margin: 15px 0px 0px}
    #review > .text-right,
    .add_rform {text-align: center;}
    .btn {padding: 9px 15px}
    .add_rform button {
        margin-top: 20px;
    }
    .btn_clear {padding: 0px}
    .vr_box .html_mb > .row {padding: 0 5px}
    .vr_box .col-sm-3 {padding: 0px 10px;
        margin-bottom: 20px;}
    .tib_box .b_box {display: block;}
    .tib_box .banner:first-child {margin-bottom: 15px}
    .wpa_box {border-radius: 0px}
    .pay_icons {float: none;padding-top: 10px;display: block}
}

@media (max-width: 480px) {
    .vmo_box .x1,
    .vmo_box .x2 {padding-left: 0px}
    .kpm_box .col-sm-3:nth-child(1),
    .kpm_box .col-sm-3:nth-child(2) {padding-right: 0px}
    .kpm_box img:first-child {
        width: 48px;
        height: 48px;
    }
    .pso_box,
    .opt_box,
    .oap_idata {
        display: block;
    }
    .pso_box > label, .opt_box > label, .oap_iname {
        margin: 0 0 10px;
        width: 100%;
        font-weight: 500;
    }
    #product h4 {
        margin-bottom: 10px;
    }
    .new50 > div {flex: 1}
    #logo {max-width: 80%}
    .lc_box {padding: 20px}
    .new50 {flex-wrap:wrap}
    .new50 .new51 {flex-basis: 100%;margin: 15px 0 0}
    .new51 button {width: auto;
    padding: 10px 30px;}
    .wpa_box {padding: 30px 15px}
    .wpa_title span,
    .wpa_name {font-size: 16px}
    .wpa_image {padding: 0px}
    .wpa_info {padding-left: 15px}
    .wpa_chars,
    .wpa_num {margin: 10px 0px 0px}
    .wpa_buts span {margin-right: 15px}
    .wpa_title .close {right: 10px;top: 10px}
}

@media (max-width: 420px) {
    .gp_box {
        margin-bottom: 45px;
    }
    .gsli_box {margin-bottom: 30px}
    .gp_box h2,
    .gp_box h3 {font-size: 18px}
    .kpm_box h2, .vr_box h2 {
        margin-bottom: 25px;
    }
    .prs,
    .vro .col-sm-7 > .row {
        margin-top: 25px;
        column-count: 1;
    }
    #content .prs > div,
    .vro .col-sm-7 > .row > div {margin-bottom: 15px}
    .vro .hdes {
        margin-bottom: 15px;
    }
    .prs .htitle {
        margin-bottom: 0px;
    }
    .vro h2,
    .vmo_item,
    .rvp_box h2,
    .zrc_box h2 {
        margin-bottom: 25px;
    }
    .vmo_box h2 {
        margin-bottom: 30px;
    }
    .lib_lv1 {text-align: left;}
    .lib_lv2 > div {
        display: block;
    }
    .lib_lv2 > div > div {
	    align-items: center;
	    width: 100%;
	    display: grid;
	    grid-template-columns: auto 1fr;
	    grid-template-rows: auto auto;
	    gap: 0 15px;
	    margin-bottom: 20px;
	    text-align: left;
	}
	.lib_lv2 img {grid-column: 1;grid-row: 1 / 3}
	.lib_lv2 .shtitle {grid-column: 2;
    grid-row: 1;
    margin: 0px;}
	.lib_lv2 .shdes {grid-column: 2;
    grid-row: 2;}
    .lib_box {
	    padding: 30px 0px 10px;
	}
	.prs,
	.vro .col-sm-7 > .row,
	.kpm_box .html_mb > .row,
	.vr_box .html_mb > .row {margin-bottom: -15px}
	.kpm_box .html_mb > .row {
	    column-count: 1;
	    display: block;
	    width: 100%;
	}
    #content .kpm_box .col-sm-3 {padding-right: 15px}
    .kpm_box img:last-child,
    .pagi_cat .cgray {display: none}
    #content .kpm_box .col-sm-3 {margin-bottom: 15px}
    #content .kpm_box .col-sm-3:last-child {margin-bottom: 10px}
    .vro_link {
	    margin: 15px 0 0;
	}
	.pagi_cat > div {
	    width: 100%;
	    text-align: center;
	}
	#add_review {
	    padding: 15px;
	}
	.mm44a {
	    font-size: 18px;
        min-height: 40px;
	}
	footer {margin-top: 35px}

}

@media (max-width: 375px) {
    header {
        min-height: 55px;
        max-height: 55px;
    }
    #logo {max-width: 70%}
    .mg_menu .icon {
        width: 32px;
        height: 32px;
    }
    .mg_menu .search {
    width: 30px;
    height: 30px;
    }

    .all_pimg {
        grid-template-columns: repeat(2, 1fr);
    }
    


}

@media (max-width: 360px) {

}