﻿html { scroll-behavior: smooth; }
.touch-clean { -webkit-tap-highlight-color: transparent; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-clk:active { -webkit-tap-highlight-color: transparent; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position:relative;top:1px; box-shadow:none; }
.link:hover { color:#45BC45; text-decoration:none; box-shadow: inset 0 -1px #45BC45;  }
.header-global.sticky { position: fixed; top: 0; width:100%; min-width:280px; max-width: 1110px; margin: 0 auto 0; z-index:100; }
#header-global-ph { height:74px;  display:none; }
.burger .line { background:#111111; height: 3px; border-radius: 2px; display: block; transition: all 0.3s ease; transform-origin: right center; }
.burger:hover .line{ background:#3A49A0 }
.burger .top { width: 21px; margin:29px 0 3px 0; }
.burger .middle { width: 28px; margin:0 0 3px 0; }
.burger .bottom { width: 15px; }
.burger.active .top { transform: translateY(6px) rotate(45deg); width: 28px; position:relative; top:10px; right:-1px; }
.burger.active .middle { opacity: 0; }
.burger.active .bottom { transform: translateY(-6px) rotate(-45deg); width: 28px; position:relative; top:-10px; right:-1px;  }
.logo span { display:inline-block; width:32px; height:32px; background: var(--icons-url) no-repeat; background-size: 88px 264px; background-position: 0 0;  }
.logo:active { position:relative;top:1px; }
.menu-group a:not(:hover) { transition: color 0.3s ease; }
.menu-group a:hover { color: #45BC45; }
.menu-group a.active { position: relative; }
.menu-group a.active::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #45BC45; border-radius: 2px 2px 0 0; }
.header-search span { width:16px; height:16px; background: var(--icons-url) no-repeat; background-size: var(--icons-size); background-position: 0 -40px; margin:29px 0 0 0; }
.header-search:hover span { background: var(--icons-url) no-repeat; background-size: var(--icons-size); background-position: 0 0;  background-position: -20px -40px;  }
.hat-h1 { display:flex; }
.hat-h1 picture { flex:none; width:32px; height:32px;  }
.hat-h1 picture img { display:block;width: 32px; height:32px;   }
.hat h1 { display:block; font: 800 24px/1 'NT', sans-serif; letter-spacing: -1.3px; margin:4px 0 0 0; padding:0 15px 0 20px; position:relative; left:-1px;    }
.hat h1  span {  font: 500 24px/1 'NT', sans-serif; margin-left:5px;  }
.hat h1  span:nth-child(2)  {  color:#52707F; }
.pro-gift a { display:block; border-radius:50%;  width:90px; height:90px; }
.pro-gift.frame-4 { border-radius:50%;  background-color:#CC0035; }
.gift-frame { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; transform:translateY(-20px); transition:opacity .5s ease, transform .5s ease; text-align:center; }
.pro-gift.frame-1 .gift-icon { opacity:1; transform:translateY(0); }
.pro-gift.frame-2 .gift-text { opacity:1; transform:translateY(0); }
.pro-gift.frame-2 .gift-text .line1 { transition-delay:.5s; opacity:1; transform:translateY(0); }
.pro-gift.frame-2 .gift-text .line2 { transition-delay:1s; opacity:1; transform:translateY(0); }
.pro-gift.frame-3 .gift-button { opacity:1; transform:translateY(0); }
.pro-gift.frame-4 .gift-partner { opacity:1; transform:translateY(0); }
.pro-gift.frame-4 .partner-logo { opacity:1; transform:translateY(0); }
.gift-icon .box { width:40px; height:40px; background:#333; border-radius:12px; }
.gift-button .box { width:40px; height:20px; background:#000; border-radius:8px; }
.gift-text .line1, .gift-text .line2 { color:#111; font:700 14px sans-serif; margin:2px 0; }
body.animate .layer-back { right: 0; }
body.animate .layer-front { right: 0; }
.partner-logo { opacity:0; transform:translateY(10px); transition:opacity .5s ease .5s, transform .5s ease .5s; }
.box-mb40 { margin-bottom:40px; }
.box-mb50 { margin-bottom:50px; }
.layer { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; pointer-events: none; }
.layer-back { background: #3A49A0; z-index: 1000; transition: right 0.2s ease-in; }
.layer-front { background: #45BC45; z-index: 1001; transition: right 0.5s ease-in 0.15s; }

.item-art-tips .item-art-info u { background-color:#3A49A0; color:#fff;  }
.item-art-tips:hover .item-art-info u { background-color:#2F3C82; }
.item-art-talk .item-art-info u { background-color:#C4B34F; color:#fff;  }
.item-art-talk:hover .item-art-info u { background-color:#AD9C3A; }
.item-art-live .item-art-info u { text-transform: none; }

.item-art-img-inner-tips, .item-art-img-inner-live, .item-art-img-inner-talk, .item-art-img-inner-talk-big { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; display:flex; justify-content:space-between; align-items:flex-start; pointer-events:none; }
.item-art-img-inner-tips > b { display:flex; margin:15px 0 0 15px; width:70px; height:70px; border-radius:50%; background: rgba(58, 73, 160, 0.4); } 
.item-art-img-inner-tips > b > b { display:inline-block; text-align:center; width:44px; height:44px; border-radius:50%; background-color:#3A49A0;  font: 900 14px/44px 'NT', sans-serif;  letter-spacing: -.3px;  margin:13px 0 0 13px; color:#fff; } 
.item-art-img-inner-live > b { display:flex; margin:15px 0 0 15px; width:70px; height:70px; border-radius:50%; background: url(/i/v17/i/item-art-img-inner-live.svg?5) no-repeat center/70px 70px; } 
.item-art-img-inner-live > b > b { display:inline-block; text-align:center; width:44px; height:44px; border-radius:50%; background-color:#45BC45;  margin:13px 0 0 13px; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: 11px -75px;  background-size: var(--icons-size);  } 
.item-art-img-inner-talk > b { display:flex; margin:15px 0 0 15px; width:70px; height:70px; border-radius:50%; background: rgba(210, 198, 126, 0.4); } 
.item-art-img-inner-talk > b > b { display:inline-block; text-align:center; width:44px; height:44px; border-radius:50%; background-color:#D3C77E;  margin:13px 0 0 13px; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: -25px -75px;  background-size: var(--icons-size);  } 
.item-art-img-inner-talk-big > b { display:flex; margin:30px 0 0 30px; width:140px; height:140px; border-radius:50%; background: rgba(210, 198, 126, 0.4); } 
.item-art-img-inner-talk-big > b > b { display:inline-block; text-align:center; width:88px; height:88px; border-radius:50%; background-color:#D3C77E;  margin:26px 0 0 26px; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: 20px -110px;  background-size: var(--icons-size);  } 
.item-art-tit { display:block; font: 500 23px/26px 'NT', sans-serif; letter-spacing: -.8px; color:#111111; margin:6px 3% 11px 0; }
.item-art-tit > b { font: 800 23px/26px 'NT', sans-serif; color:#111111; }
a:hover .item-art-tit, a:hover .item-art-tit b { text-decoration: underline; }
.item-art-ann { display:block; font: 500 16px/21px 'NT', sans-serif; letter-spacing: -.5px; color:#2E3F47;  }
.item-art-nobot-last > a:last-child { padding-bottom:0; border-bottom:0;  }
.item-art-mt-sec > a:nth-of-type(n+2) { margin-top:21px;  }
.item-art-borbot-m > a { border:0; padding-bottom:0; margin-bottom:0; }
.item-art-img:hover img { filter:saturate(1.3) contrast(1.3); }
.item-box.item-before-btn > a:last-child { border:0; padding-bottom:20px; }
.item:hover > span:nth-child(2) > span:nth-child(1) { text-decoration: underline;  }
.item:hover > span:nth-child(1) {  background-color:#DCE1E4; } 
.item-light > span:nth-child(1) { background-color:#E9E751; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: -40px -4px;  background-size: var(--icons-size);  }
.item-light:hover > span:nth-child(1) { background-color:#E4E02C; }
.item-tips > span:nth-child(1) { background-color:#3A49A0; font: 800 13px 'NT', sans-serif; letter-spacing: -.5px;  color:#FFF; }
.item-tips:hover > span:nth-child(1) { background-color:#293472; }
.item-tips > span:nth-child(2) > span:nth-child(1), .item-live > span:nth-child(2) > span:nth-child(1)  { margin-bottom:3px; }
.item-live > span:nth-child(1) { background-color:#45BC45; font: 800 12px 'NT', sans-serif; letter-spacing: -.5px;  color:#FFF; }
.item-live:hover > span:nth-child(1) { background-color:#338E33; }
.item-live > span:nth-child(2) u { text-transform: none; }
.item-now {  background-color:#4FBF4F !important; color:#fff  !important;  }
a:hover .item-art-info u { background-color:#DCE1E4; }
.pro3x2 { background-color:#E7ECEF; display: flex; justify-content: center; align-items: center; }
.pro3x2 * { display:block; }
.box-name { display:flex; justify-content:space-between; white-space: nowrap; }
.box-name h3 { margin:0; padding:0; font: 800 19px/17px 'NT', sans-serif;  color:#111111; letter-spacing: -.5px; }
.box-name a { text-decoration:none;  white-space: nowrap; background-color:#E7ECEF; border-radius:10px; font: 500 13px/13px 'NT', sans-serif; color:#54707F; padding:3px 7px 4px 7px; letter-spacing: -.3px; transition:all 0.3s ease; }
.box-name a:hover { background-color:#45BC45; color:#fff;  }
.box-name a:active { position:relative; top:1px;  }
.box-name a b { display:inline-block; padding:0 0 0 3px; font: 400 13px/13px 'NT', sans-serif; position:relative; top:1px; }
.aside-bonus { display:block; padding:0; margin:11px 0 1px 0; }
.aside-bonus li { display:flex; align-items:center; padding:15px 0 16px 0; border-top:1px solid #DEE6EB; }
.aside-bonus li > a:nth-of-type(1)  { width:84px; height:29px; }
.aside-bonus li > a:nth-of-type(1) img  { width: 100%; height:100%; object-fit: contain; }
.aside-bonus li > u:nth-of-type(1)  { width:25px; height:32px; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: -75px -130px;  background-size: var(--icons-size); position:absolute; z-index:1;  margin-left:90px; }
.aside-bonus li > b:nth-of-type(1)  { flex:1; text-align: right; color:#33444C; margin:0 12px; font: 700 14px/16px 'NT', sans-serif;  letter-spacing: -.5px; position:relative; z-index:2; }
.aside-bonus li > a:nth-of-type(2)  { text-decoration:none; width:100px; height:30px; background-color:#3A49A0; border-radius:5px; text-align: center; border:1px solid #34428F; box-shadow: 0 2px 2px rgba(142, 156, 164, 0.3);  transition:all 0.2s ease; }
.aside-bonus li > a:nth-of-type(2) > b { font: 700 15px/31px 'NT', sans-serif;  letter-spacing: -.4px; text-shadow: 0 0 2px rgba(17, 17, 17, 0.1); color:#fff; position:relative; top:-1px; }
.aside-bonus li > a:nth-of-type(2):hover { background-color:#293472; box-shadow: 1px 2px 3px rgba(142, 156, 164, 0.3), -1px 2px 3px rgba(142, 156, 164, 0.3);  }
.aside-bonus li > a:nth-of-type(2):active { position:relative; top:1px;  box-shadow:none; }
.aside-bonus li > a:nth-of-type(2) > b > u { text-decoration:none; display:inline-block; padding:0 0 0 5px; font: 700 14px/33px 'NT', sans-serif; }
.btn-splashes { position: relative; transition: all 0.2s ease; }
.btn-splashes:before, .btn-splashes:after { position: absolute; content: ""; width: 200%; left: 50%; height: 100%; transform: translateX(-50%); z-index: -1000; background-repeat: no-repeat; }
.btn-splashes:hover:before { top: -70%; background-image: radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, transparent 20%, #3A49A0 20%, transparent 30%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, transparent 10%, #3A49A0 15%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; background-position: 50% 120%; animation: greentopBubbles 0.6s ease; }
@keyframes greentopBubbles { 0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; } 50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; } 100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } }
.btn-splashes:hover::after { bottom: -70%; background-image: radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, transparent 10%, #3A49A0 15%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%), radial-gradient(circle, #3A49A0 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%; background-position: 50% 0%; animation: greenbottomBubbles 0.6s ease; }
@keyframes greenbottomBubbles { 0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; } 50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; } 100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } }
.aside-betting { display:block; padding:0; margin:11px 0 1px 0; }
.aside-betting li { display:block; padding:18px 0 20px 0; border-top:1px solid #DEE6EB; }
.aside-betting li > span:nth-of-type(1), .aside-betting li > span:nth-of-type(2) { display:flex; gap:20px; justify-content:space-between; }
.aside-betting li > span:nth-of-type(1) { margin:0 0 10px 0; }
.aside-betting li > span:nth-of-type(1) a:nth-of-type(1)  { width:94px; height:33px; }
.aside-betting li > span:nth-of-type(1) a:nth-of-type(1) img { width: 100%; height:100%; object-fit: contain; }
.aside-betting li > span:nth-of-type(1) b:nth-of-type(1) { flex:1; display:flex; justify-content:flex-end; align-items:flex-end; padding:0 0 7px 0; } 
.aside-betting li > span:nth-of-type(1) b:nth-of-type(1) u { text-decoration:none;  font: 700 14px/16px 'NT', sans-serif; letter-spacing: -.2px; color:#52707F; text-align:right; padding:0 10px 0 0; }
.aside-betting li > span:nth-of-type(1) i:nth-of-type(1) { font: 800 20px/20px 'NT', sans-serif; letter-spacing: -.3px; color:#111;  text-align:right; }
.aside-betting li > span:nth-of-type(2)  a:nth-of-type(1)  { width:47%; text-align:center; color:#445966; letter-spacing: -.2px; font: 500 13px/32px 'NT', sans-serif; border:1px solid #E0E7EB; background-color:#E7ECEF; border-radius:6px; }
.aside-betting li > span:nth-of-type(2)  a:nth-of-type(1):hover  { color:#33434D; border:1px solid #C6D3DB; background-color:#CDD8DE; }
.aside-betting li > span:nth-of-type(2)  a:nth-of-type(2)  { width:53%; text-align:center; background-color:#3A49A0; border-radius:6px; text-align: center; border:1px solid #34428F; box-shadow: 0 2px 2px rgba(142, 156, 164, 0.3);  transition:all 0.2s ease; font: 700 14px/30px 'NT', sans-serif;  letter-spacing: -.4px; text-shadow: 0 0 2px rgba(17, 17, 17, 0.1); color:#fff; }
.aside-betting li > span:nth-of-type(2)  a:nth-of-type(2)  i {  display:inline-block; padding:0 0 0 5px; font: 700 14px/30px 'NT', sans-serif; padding:0 0 0 5px; position:relative; top:1px; }
.aside-betting li > span:nth-of-type(2)  a:nth-of-type(2):hover { background-color:#293472; box-shadow: 1px 2px 3px rgba(142, 156, 164, 0.3), -1px 2px 3px rgba(142, 156, 164, 0.3);  }
.aside-betting li > span:nth-of-type(2)  a:nth-of-type(2):active, .aside-betting li > span:nth-of-type(2)  a:nth-of-type(1):active { position:relative; top:1px;  box-shadow:none; }
.btn-wave:hover { background-position: right center; background-size: 200% auto; -webkit-animation: pulse 2s infinite; animation: wave 1.5s infinite; }
@keyframes wave { 0% { box-shadow: 0 0 0 0 #2E397E33; } 70% { box-shadow: 0 0 0 20px rgba(46,57,126,0); } 100% { box-shadow: 0 0 0 0 rgba(46,57,126,0); } }
.btn-sec { display:flex; text-align: center; text-decoration:none; justify-content:center; width:100%; height:32px; position:relative; background-color:#E7ECEF; color:#222E33;  border:1px solid #D3DDE2; border-radius:6px; transition:all 0.2s ease; }
.btn-sec:hover { background-color:#45BC45; border:1px solid #3FAD3F; color:#fff; box-shadow: 0 2px 4px rgba(142, 156, 164, 0.2); }
.btn-sec:hover:active { position:relative; top:1px;  box-shadow:none; }
.btn-sec span:nth-of-type(1) { display:inline-block; padding:6px 0 0 0; font:700 15px/16px 'NT',sans-serif; letter-spacing:-.2px;  text-shadow: 0 0 1px rgba(17, 17, 17, 0.1); }
.btn-sec span:nth-of-type(1) b { display:inline-block; font:500 17px/16px 'NT',sans-serif;  padding:0 0 0 5px; position:relative; top:2px; text-decoration:none; }
.pro-wall { position:fixed; top:0; bottom:0; left:0; right:0; background:#000 url(/i/v15/i/wow_starda_bonus600_wall_XX_1.gif?1) top center no-repeat; z-index:0; }
.pro-wall::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1110px; height: 100%; pointer-events: none; background: transparent; }
.m-tabs { margin: 0 auto; }
.m-tab-switcher { display: flex; gap: 1px; border-top: 1px solid #DEE6EB; border-bottom: 1px solid #DEE6EB; margin: 11px 0 0 0; }
.m-tab { background: none; border: none; font:700 14px/17px 'NT',sans-serif; letter-spacing: -.3px; color: #6A7A90; cursor: pointer; padding: 16px 15px 12px 16px; position: relative; transition: color 0.3s; }
.m-tab.m-tab--active { color: #111; }
.m-tab.m-tab--active::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #3A49A0; border-radius: 2px 2px 0 0; }
.m-tab-content { position: relative;  transition: height 0.3s cubic-bezier(.4,0,.2,1); }
.m-tab-panel { opacity: 0; pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; transition: opacity 0.3s; }
.m-tab-panel.m-tab-panel--fade-in { opacity: 1; pointer-events: auto; position: relative; z-index: 2; }
.m-tab-panel.m-tab-panel--fade-out { opacity: 0; }
.section-tiz { display:flex; flex-wrap:wrap; gap:0; border-top:1px solid #DEE6EB; }
.section-tiz  a { width: calc(50% - 15px); display: flex;  padding:25px 0; }
.section-tiz a:nth-child(-n+2) { border-bottom: 1px solid #DEE6EB; }
.section-tiz a:nth-child(odd) { margin-right: 15px; }
.section-tiz a:nth-child(even) { margin-left: 15px;  }
.section-tiz a:nth-last-child(-n+2) { padding-bottom:0; }
.section-tiz  a > span:nth-child(1) { position: relative; width:90px; height:80px;  margin:0 20px 0 0; background-color:#E7ECEF; }
.section-tiz  a > span:nth-child(1) img { border-radius:5px; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:filter .3s ease; }
.section-tiz  a:hover > span:nth-child(1) img { filter:brightness(1.2); }
.section-tiz  a > span:nth-child(2) { flex:1;  font:700 16px/22px 'NT',sans-serif; letter-spacing:-.2px;  color:#111; position: relative; top:-2px; }
.section-tiz  a:hover > span:nth-child(2) { color:#3A49A0; }
.tags-filter { display:flex; justify-content:space-between; background-color:#fff; padding:12px 0 0 0; margin:0 0 0 40px; }
.tags-filter div:nth-child(2) { display:flex; padding-top:8px; white-space: nowrap; }
.tags-filter .head-tags { margin-top: 0; }
.section-filter::before { content:''; width:10px; height:30px; background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); position:relative; left:-10px; }
.section-dd { position: relative; display: inline-block;  }
.section-dd > button { display: flex; align-items: center; border: none;  cursor: pointer; transition: box-shadow 0.15s; outline: none; position: relative; z-index:21;  border-radius: 31px; background-color:#45BC45; color:#fff; font:700 14px/18px 'NT',sans-serif; letter-spacing:-.2px;  padding:4px 14px 6px 14px; box-shadow: 0 2px 3px rgba(142, 156, 164, 0.1); }
.section-dd > button:focus, .section-dd:hover > button { background-color:#3A49A0; color:#fff; transition-delay: 0.2s; }
.section-dd > button > u { display: inline-block; width:10px; height:10px; margin:0 0 0 4px; position:relative; top:3px; background-image:var(--icons-url); background-repeat: no-repeat;  background-position: -35px -60px;  background-size: var(--icons-size); }
.section-dd:hover > button > u { background-position: -50px -60px; }
.section-dd > ul { list-style: none; margin: -40px 0 0 0; border-top: 10px solid transparent; padding:0;  min-width: 150px; position: absolute; left: 0; top: 120%; border-radius: 6px; background: #fff; opacity: 0; pointer-events: none; transform: translateY(40px) scale(0.8); transition: opacity 0.18s, transform 0.18s; z-index: 10;  }
.section-dd:hover > ul, .section-dd:focus-within > ul { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); background-color:#fff;  z-index:20; padding:7px 0 9px 0; box-shadow: 0 20px 30px rgba(142, 156, 164, 0.3); }
.section-dd > ul > li { background: none; cursor: pointer; border: none; position: relative; transition: background 0.18s, color 0.18s; margin: 0; padding:0; }
.section-dd > ul > li a { display:block; padding:10px 0 10px 20px; color:#33444D; font:700 13px/16px 'NT',sans-serif;  }
.section-dd > ul > li a:hover { background-color:#E7ECEF; color:#111;  }
.head-tags { position:relative; width:100%; max-width:100vw; overflow-x:hidden; margin-top:14px;  position:relative; top:8px; margin:0 0 21px 0;  }
.head-tags-inner { display:flex; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; height:36px;  min-width:0; }
.head-tags-inner::-webkit-scrollbar { display:none; }
.head-tags-inner > * { flex:0 0 auto; min-width:120px; }
.tags a { position:relative; display:inline-flex;  padding:1px; background:linear-gradient(to bottom, #51666F 0%, #3F4F56 50%, #2D383E 100%);  border-radius:15px;  transition:all 0.2s; margin:0 15px 0 0; box-shadow: 0 2px 3px rgba(142, 156, 164, 0.1);  }
.tags a span {  background:#3F4F56; display:inline-flex; align-items:center; padding:1px 10px 1px 1px; gap:4px; border-radius:15px; position:relative; height:24px;  }
.tags a span i:nth-of-type(1) { display:flex; align-items:center; justify-content:center; width:24px; height:24px; background:#E8ECEE; border-radius:50%;  }
.tags a span i:nth-of-type(1) img { display:block; width:16px; height:16px; }
.tags a span b:nth-of-type(1) { font:700 12px/1 'NT',sans-serif; letter-spacing:-.2px;  color:#FFF; }
.tags a:hover { background:#45BC45;  border-radius:15px; box-shadow: none; }
.tags a:hover span {  background:#45BC45;  }
.tags a:hover span b:nth-of-type(1) { color:#fff; }
.tags a:active { -webkit-tap-highlight-color: transparent; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position:relative;top:1px; box-shadow:none; }
.tags-filter-after { border-top:1px solid #DEE6EB; margin:0 0 30px 40px; }

@media (max-width: 900px) { 
.item-art-bortop-m > a { border-top:1px solid #DEE6EB; padding-top:21px; }
.item-art-topno-m > a:first-child { margin-top:0; }
.item-art-borbot-nom-m { border-bottom:1px solid #DEE6EB ; padding-bottom:29px; }
.item-art-borbot-m > a { border-bottom:1px solid #DEE6EB ; padding-bottom:29px; margin-bottom:21px ; }
.item-art-mt-sec > a { margin-top:21px;  }
.item-box.item-mobtop > a:first-child { padding-top:19px; }
.item-box.item-nobot > a:last-child { padding-bottom:19px; border-bottom:1px solid #DEE6EB; }
.btn-sec-double { margin:0 0 21px 0; }
.section-tiz { gap:0; }
.section-tiz a { width: 100%; border-bottom: 1px solid #DEE6EB; }
.section-tiz  a > span:nth-child(2) { top:-1px; }
.section-tiz a:nth-child(odd), .section-tiz a:nth-child(even) { margin:0;  padding:25px 0; }
.section-tiz a:last-child { border-bottom: none; padding-bottom:0; }
}

@media (max-width: 767px) { 
.box-mb40 { margin-bottom:30px; }
.box-mb50 { margin-bottom:35px; }
.tags-filter { margin:0; }
.tags-filter .tags a:nth-of-type(1) { margin-left:29px; }
.tags-filter-after { margin:0 0 30px 30px; }
}

@media (max-width: 640px) { 
.item > span:nth-child(2) > span:nth-child(1) { font: 700 17px/23px 'NT', sans-serif; top:-2px;  }
.tags-filter div:nth-child(2) { padding-right:0; }
.pro-gift { width:82px; height:82px; top:-7px; }
.pro-gift a { width:82px; height:82px; }
.section-dd > ul > li a { font:700 14px/16px 'NT',sans-serif; padding:14px 0 14px 20px; }
.section-dd > ul { min-width: 0;  left: -100%; width: 198%; }
.pro3x2 { padding:20px 0; }
.tags-filter { margin:0 20px 0 0; }
.tags-filter .tags a:nth-of-type(1) { margin-left:19px; }
.tags-filter-after { margin:0 20px 21px 20px; }
}

@media (max-width: 500px) { 
.header-search { margin:0;  }
}
