@charset "UTF-8";
* {
  font-family:tarafont,"vazir","iransans","iransansX","yekan bakh",'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent
}
a,
abbr,
address,
applet,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 /*! font-size:100%; */
}
.hide {
 display:none
}
.show {
 display:block
}
.modal {
 position:fixed;
 top:0;
 right:0;
 height:100%;
 width:100%;
 z-index:1000;
 direction:ltr;
 opacity:0;
 overflow:hidden;
 pointer-events:none;
 -webkit-transition:opacity .3s ease-in-out;
 -o-transition:opacity .3s ease-in-out;
 transition:opacity .3s ease-in-out
}
.modal:after {
 content:"";
 position:fixed;
 width:100%;
 height:100%;
 right:0;
 top:0;
 background-color:#333;
 opacity:.85;
 z-index:1
}
.modal--boxed .modal__close {
 left:-70px;
 top:0
}
@media only screen and (max-width:740px) {
 .modal--boxed .modal__close {
  left:4px;
  top:4px
 }
}
.modal--boxed .modal__content {
 overflow:visible;
 margin:auto;
 max-width:550px;
 width:100%;
 text-align:right;
 padding:0
}
.modal--boxed .modal__body {
 padding-top:45px;
 padding-bottom:45px;
 background-color:#fff;
 border-radius:6px;
 -webkit-box-shadow:0 3px 26px 0 rgba(0,0,0,.36);
 box-shadow:0 3px 26px 0 rgba(0,0,0,.36);
 width:100%
}
.modal__close {
 position:fixed;
 color:#b3b3b3;
 font-size:48px;
 font-size:3rem;
 line-height:4rem;
 width:60px;
 height:60px;
 text-align:center;
 top:50px;
 left:50px;
 background-color:rgba(0,0,0,.7);
 border-radius:3px;
 z-index:5;
 cursor:pointer;
 -webkit-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out
}
.modal__close>i {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg)
}
.modal__close>i:after {
 content:"";
 width:4px;
 background-color:#b3b3b3;
 height:25px;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 border-radius:25px
}
.modal__close>i:before {
 content:"";
 height:4px;
 background-color:#b3b3b3;
 width:25px;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 border-radius:25px
}
.modal__close:hover {
 background-color:#000
}
@media only screen and (max-width:1050px) {
 .modal__close {
  background-color:#000;
  width:50px;
  height:50px;
  left:20px;
  top:20px
 }
}
@media only screen and (max-width:500px) {
 .modal__close {
  width:40px;
  height:40px;
  left:10px;
  top:10px
 }
}
.modal__wrap {
 overflow-y:auto;
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%
}
.modal--hireform .modal__wrap {
 padding-bottom:50px
}
.modal__content {
 position:absolute;
 left:50%;
 top:150px;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 z-index:2;
 max-width:90%;
 text-align:center;
 overflow-x:hidden;
 overflow-y:auto
}
.modal__content>img {
 -webkit-box-shadow:0 5px 40px 0 rgba(0,0,0,.25);
 box-shadow:0 5px 40px 0 rgba(0,0,0,.25);
 max-width:100%
}
.modal__content-header {
 text-align:center;
 background-position:50%;
 background-size:cover;
 background-repeat:no-repeat;
 padding:15px 0
}
.modal__content-header>h2 {
 color:#fff;
 font-size:32px;
 font-size:2rem;
 text-shadow:0 1px 2px rgba(0,0,0,.1)
}
.modal__content-header>h5 {
 font-size:16px;
 font-size:1rem;
 color:#fff
}
.modal__content-text {
 padding:40px 50px;
 text-align:justify;
 font-size:18px;
 font-size:1.125rem;
 line-height:1.938rem;
 color:#95989a
}
.modal__content--text {
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:50vw;
 background-color:#fff;
 border-radius:5px;
 -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);
 box-shadow:0 5px 15px 0 rgba(0,0,0,.2);
 padding-bottom:40px;
 overflow:hidden
}
@media only screen and (max-width:1050px) {
 .modal__content {
  max-width:100%;
  width:100%;
  padding-right:70px;
  padding-left:70px
 }
}
@media only screen and (max-width:500px) {
 .modal__content {
  max-width:100%;
  width:100%;
  padding-right:15px;
  padding-left:15px
 }
}
.modal--hasscroll .modal__content {
 padding-bottom:100px
}
.modal--hireform .modal__content {
 padding:80px 70px;
 text-align:right;
 background-color:#fff;
 width:900px;
 height:auto;
 border-radius:5px;
 -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.15);
 box-shadow:0 5px 15px 0 rgba(0,0,0,.15);
 direction:rtl
}
@media only screen and (max-width:500px) {
 .modal--hireform .modal__content {
  width:100%;
  padding:20px 15px
 }
}
.modal__navigate {
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 position:absolute;
 width:50px;
 height:50px;
 background-color:#fff;
 color:#b3b3b3;
 -webkit-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transition:all .3s ease-in-out;
 z-index:2;
 cursor:pointer
}
@media only screen and (max-width:500px) {
 .modal__navigate {
  -webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,.2);
  box-shadow:0 5px 8px 0 rgba(0,0,0,.2)
 }
}
.modal__navigate>i {
 font-size:1.2rem;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.modal__navigate--next {
 right:17px;
 float:right
}
@media only screen and (max-width:500px) {
 .modal__navigate--next {
  right:0
 }
}
.modal--hasscroll .modal__navigate--next {
 right:34px
}
@media only screen and (max-width:500px) {
 .modal--hasscroll .modal__navigate--next {
  right:0
 }
}
.modal__navigate--prev {
 left:17px;
 float:left
}
@media only screen and (max-width:500px) {
 .modal__navigate--prev {
  left:0
 }
}
.modal__navigate.disabled {
 background-color:#b3b3b3;
 color:#666;
 pointer-events:none;
 opacity:0
}
@media only screen and (min-width:1051px) {
 .modal__navigate:hover {
  background-color:#b3b3b3;
  color:#fff;
  -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.16);
  box-shadow:0 3px 6px 0 rgba(0,0,0,.16)
 }
}
@media only screen and (max-width:1050px) {
 .modal__navigate:active {
  background-color:#b3b3b3;
  color:#fff;
  -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.16);
  box-shadow:0 3px 6px 0 rgba(0,0,0,.16)
 }
}
.modal--hireform {
 overflow:hidden;
 opacity:0;
 pointer-events:none
}
.modal--show {
 pointer-events:all;
 opacity:1
}
.modal--hide {
 pointer-events:all;
 visibility: hidden;
 opacity:0
}
.f {
  font-family:tarafont,tahoma!important
}
#app {
  padding-top:83px;
}
.ltr {
  direction:ltr!important
}
.rtl {
  /*! direction:rtl!important */
}
.scroll-off {
  overflow:hidden!important
}
.pointer {
  cursor:pointer
}
.text-right {
  text-align:right
}
.text-left {
  text-align:left
}
.text-center {
  text-align:center
}
.text-justify {
  text-align:justify
}
.wt-1 {
  font-weight:300
}
.wt-2,
.normal {
  font-weight:400
}
.wt-3,
.bold {
  font-weight:500
}
.wt-4 {
  font-weight:800
}
.wt-5 {
  font-weight:900
}
.opacity-0 {
  opacity:0
}
.opacity-100 {
  opacity:100
}
.ease {
  transition:all 0.2s ease
}
strong,
b {
  font-weight:600
}
.relative {
  position:relative
}
body,
html {
  direction:rtl;
  color:#54667a;
  background-color:#ffffff;
  margin:0;
  padding:0;
  min-width:350px
}
.select-none {
  user-select:none!important
}
.select-on {
  user-select:text!important
}
.bg-white {
  background-color:#ffffff
}
.borderr-5 {
  border-radius:5px
}
.borderr-7 {
  border-radius:7px
}
.margin-0 {
  margin:0
}
.padding-0 {
  padding:0
}
.container {
  width:100%;
  max-width:1400px;
  margin:auto;
}
.d-none {
  display:none!important
}
.d-block {
  display:block!important
}
.d-flex {
  display:flex!important
}
.w-100 {
  width:100%
}
.flex-r {
  flex-direction:row
}
.flex-rr {
  flex-direction:row-reverse
}
.flex-wrap {
  flex-wrap:wrap
}
.flex-1 {
  flex:1
}
.flex-c {
  flex-direction:column
}
.flex-cr {
  flex-direction:column-reverse
}
.flex-jcenter {
  justify-content:center
}
.flex-icenter {
  align-items:center
}
.flex-center {
  justify-content:center;
  align-items:center
}
::-webkit-scrollbar {
  width:5px;
  height:0px
}
::-webkit-scrollbar-track {
  background:#898989
}
body *::-webkit-scrollbar-track {
  background:#ffffff
}
::-webkit-scrollbar-thumb {
  background-color:#ffc107;
  border-radius:25px;
  border:none;
  border-right:solid 1px #ffc107
}
body *::-webkit-scrollbar-thumb {
  border-right:solid 1px #ffffff
}
.gap-0 {
  gap:0!important
}
.gap-5 {
  gap:5px!important
}
.gap-10 {
  gap:10px!important
}
.gap-15 {
  gap:15px!important
}
.gap-20 {
  gap:20px!important
}
.list-style-none {
  list-style:none!important
}
a {
  text-decoration:none;
  color:inherit
}
img {
  -webkit-user-drag:none
}
#fit-background {
  position:fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  display:none;
  background:rgba(0,0,0,0.7);
  z-index:9999
}
#fit-background.white {
  background:rgba(255,255,255,0.9)
}
.fit-fixed {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0
}
#header-container {
  border-bottom:solid 1px #ebedf2;
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:#ffffff;
  transition:all 0.4s;
  box-shadow:0 1px 0px rgba(0,0,0,0);
  z-index:99;
  top: 2px;
}
#header-container.fixed-disabled {
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  transform:none!important
}
#header-container.scroll {
  box-shadow:0 1px 13px rgba(0,0,0,0.1)
}
#header-container.hide {
  transform:translate3d(0,-110%,0);
}
.header-wrapper {
  height:80px
}
.header-mobmenu-btn {
  display:none;
  padding-left:10px;
  cursor:pointer;
  height:80px
}
.header-mobmenu-btn svg {
  width:22px;
  height:22px
}
.header-logo a {
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  display:block;
  font-size:0;
  color:transparent;
  width:125px;
  height:35px;
  transition:all 0.2s ease
}
.header-logo a:hover {
  opacity:0.8
}
.header-menu {
  padding:0 35px;
  font-size:14px;
  color:#292826;
  font-weight:300
}
.header-menu .menu-item-drop-icon {
  width:16px;
  height:16px
}
.header-menu ul {
  gap:5px
}
.header-menu ul li {
  position:relative
}
.header-menu ul li a {
  padding:28px 14px;
  transition:all 0.2s ease;
  border-radius:7px;
  color:#54667a;
  gap:3px
}
.header-menu ul li a:hover,
.header-menu ul li:hover a {
  color:#ffb900
}
.header-menu .has-submenu a svg {
  width:14px;
  height:14px;
  pointer-events:none
}
.header-menu .header-menu-item-icon {
  padding-left:1px
}
.header-menu .header-menu-item-icon svg {
  width:16px;
  height:16px
}
.header-menu .header-submenu-mega {
  position:absolute;
  top:76px;
  right:0;
  width:710px;
  max-width:1400px;
  background:#fff;
  box-shadow:0 6px 12px rgb(82 85 90 / 8%);
  border:1px solid #ebedf2;
  border-radius:4px;
  padding:8px;
  display:none;
  opacity:0;
  padding-right:8px;
  max-height:70vh;
  overflow:auto;
  z-index: 9999;
}
.header-menu .header-submenu-mega.one {
  width:200px;
  padding:5px 0!important
}
.header-menu .has-submenu:hover .header-submenu-mega {
  display:block;
  animation:headerSubmenu_mega 0.2s ease-in-out 0s forwards
}
@keyframes headerSubmenu_mega {
  to {
    opacity:1;
    top:70px
  }
}
.header-menu .has-submenu > a > svg {
  transition:all 0.1s linear
}
.header-menu .has-submenu:hover > a > svg {
  transform:rotate(-180deg) scale(0.8)
}
.header-menu .header-submenu-mega ul li {
  width:33.33333%;
  padding:0
}
.header-menu .header-submenu-mega.one ul li {
  width:100%
}
.header-menu .header-submenu-mega ul li a {
  color:#54667a!important;
  padding:10px 20px
}
.header-menu .header-submenu-mega.one ul li a {
  padding:10px 18px 10px 12px;
  border-radius:0;
  position:relative
}
.header-menu .header-submenu-mega ul li a:hover {
  color:#11bdbdcf!important
}
.header-menu .header-submenu-mega.one ul li a:hover {
  color:#11bdbdcf!important;
  background:#fcfcfc
}
.header-menu .submenu-mega-item-icon {
  width:24px;
  height:26px;
  border-radius:3px;
  margin-left:6px;
  background:none;
  transition:all 0.2s ease
}
.header-menu .header-submenu-mega ul li a:hover >.submenu-mega-item-icon {
  background:none;
  width:2px
}
.header-menu .header-submenu-mega ul.icon .submenu-mega-item-icon {
  background:none!important;
  width:24px;
  height:26px;
  margin-left:4px
}
.header-menu .header-submenu-mega ul.icon .submenu-mega-item-icon svg {
  transition:none;
  color:#cdcdcd
}
.header-menu .header-submenu-mega ul.icon li a:hover > .submenu-mega-item-icon {
  width:24px;
}
.header-menu .submenu-other-link {
  background:#ffffff!important;
  color:#ff3359 !important;
  padding:8px 10px!important;
  margin:5px 10px!important;
  margin-top:12px!important;
  text-align:center;
  border-radius:4px!important;
  border:solid 1px #ff3359;
}
.header-menu .submenu-other-link:hover {
  /*! box-shadow:0 0 0 1px #ffc107; */ /*! background:#ffffff!important; */ /*! color:#ffc107!important; */ color:#ffffff!important;
  background:#ff3359 !important;
}
.header-menu .submenu-other-link svg {
  width:20px!important;
  height:20px!important
}
.header-profile {
  position:relative
}
#header-profile-menu-btn {
  cursor:pointer;
  gap:5px;
  color:#54667a;
  position:relative;
  z-index:10000
}
#header-profile-menu-btn img {
  width:42px;
  height:42px;
  border-radius:50%;
  transition:all 0.2s ease
}
#header-profile-menu-btn:active img {
  box-shadow:0 0 0 4px rgba(0,0,0,0.07)
}
#header-profile-menu-btn svg {
  width:14px;
  height:14px;
  transition:all 0.2s ease
}
#header-profile-menu-wrapper {
  position:absolute;
  left:-18px;
  top:-20px;
  background:#ffffff;
  box-shadow:0 7px 12px rgba(82,85,90,0.16);
  border:1px solid #ebedf2;
  width:270px;
  border-radius:4px;
  opacity:0;
  z-index:9999;
  visibility:hidden;
  pointer-events:none;
  transition:all 0.08s linear;
  border-top-right-radius:0;
  border-top-left-radius:0
}
#header-profile-menu-out {
  width:290vw;
  position:absolute;
  z-index:999;
  left:50%;
  height:290vh;
  top:50%;
  transform:translate(-50%,-50%)
}
.header-profile-items,
.header-profile-menu-info {
  position:relative;
  z-index:9999
}
.header-profile.show > #header-profile-menu-wrapper {
  visibility:visible;
  pointer-events:all;
  left:-11px;
  opacity:1
}
.header-profile-menu-info {
  gap:10px;
  padding:0px 19px 0px;
  border-bottom:solid 1px #e9e9e9;
  height:81px
}
.header-profile-menu-info img {
  width:42px;
  height:42px;
  border-radius:50%
}
.header-profile-name {
  font-size:13px;
  font-weight:500;
  margin-bottom:1px
}
.header-profile-wallet {
  font-size:12px;
  color:#8c98a4;
  gap:3px
}
.header-profile-wallet svg {
  width:18px;
  height:18px;
  opacity:.5;
  color:#8e9aa7
}
.header-profile-wallet span {
  padding-right:5px;
  font-weight:500
}
.header-profile-wallet.green {
  color:#1dc97a
}
.header-profile-wallet.red {
  color:#f44336
}
.header-profile-wallet.red span {
  display:inline-block;
  direction:ltr;
  padding-left:3px
}
#header-profile-menu-wrapper hr {
  height:1px;
  width:100%;
  border:none;
  background:#ebedf2;
  margin:0;
  padding:0;
  display:block
}
.header-profile-items {
  color:#54667a;
  padding:0 0 5px;
  max-height:62vh;
  overflow:auto
}
.header-profile-items a {
  width:100%;
  gap:8px;
  font-size:14px;
  font-weight:300;
  padding:10px 18px 10px 12px;
  position:relative;
  border-radius:7px;
  transition:all 0.2s ease
}
.header-profile-items a:hover {
  color:#11bdbdcf;
  background:#f7f7f7
}
.header-profile-items a svg {
  width:18px;
  height:18px;
  opacity:0.3;
  transition:all 0.2s ease
}
.header-profile-items a:hover svg {
  opacity:1;
  color:#11bdbdcf
}
.header-profile-items a span {
  flex:1
}
.profile-item-count {
  flex:none!important;
  background:#11bdbdcf;
  color:#fff;
  font-size:10px;
  line-height:normal;
  font-weight:500;
  height:20px;
  min-width:20px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:25px;
  padding:0 6px;
  transition:all 0.2s ease
}
.header-profile.show > #header-profile-menu-btn > svg {
  transform:rotate(-180deg) scale(0.8)
}
.header-items {
  padding-left:12px
}
.header-item-icon {
  padding:0 10px;
  cursor:pointer;
  height:78px;
  position:relative
}
.header-items .header-item.cart .header-item-icon {
  padding-left:5px
}
.header-item-icon svg {
  width:22px;
  height:22px;
  color:#54667a
}
.header-items .header-item.search .header-item-icon svg {
  width:19px;
  height:19px
}
.header-item-count {
  position:absolute;
  top:38px;
  left:18px;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  line-height:normal;
  font-size:9px;
  color:#ffffff;
  background:#6caf17;
  min-width:22px;
  border:solid 2px #ffffff;
  height:22px;
  padding:0 5px;
  text-align:center;
  border-radius:25px;
  z-index:1
}
.header-item-count.profile {
  top:21px;
  left:49px
}
#header-notifications-wrapper {
  position:absolute;
  top:76px;
  left:0;
  width:370px;
  background:#ffffff;
  box-shadow:0 6px 12px rgb(82 85 90 / 8%);
  border:1px solid #ebedf2;
  border-radius:4px;
  opacity:0;
  z-index:99999;
  visibility:hidden;
  pointer-events:none
}
#header-notifications-list {
  flex:1
}
#header-notifications-wrapper.show {
  visibility:visible;
  pointer-events:all;
  top:70px;
  opacity:1
}
#header-notifications-wrapper::before {
  content:'';
  position:absolute;
  top:-53px;
  left:-10px;
  height:65px;
  width:220px;
  cursor:pointer
}
.header-notifications-title {
  font-size:16px;
  padding:11px 15px;
  font-weight:500;
  border-bottom:solid 1px #ebedf2
}
.header-notifications-list {
  overflow:auto;
  max-height:70vh
}
.header-notifications-item {
  border-bottom:solid 1px #ebedf2;
  padding:10px
}
.header-notifications-item .item-icon {
  width:38px
}
.header-notifications-item .item-icon .item-icon-bg {
  width:30px;
  height:30px;
  background:#d9d9d9;
  border-radius:50%;
  margin:10px 0;
  position:relative
}
.header-notifications-item.new .item-icon .item-icon-bg::after {
  content:'';
  position:absolute;
  bottom:-1px;
  right:-2px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#ffc107;
  border:solid 2px #ffffff
}
.header-notifications-item .item-icon svg {
  width:16px;
  height:16px;
  color:#ffffff
}
.header-notifications-item .item-contents {
  padding-right:8px
}
.header-notifications-item .item-title {
  font-size:13px;
  padding-top:4px;
  word-spacing:-1px;
  padding-left:5px;
  opacity:0.8
}
.header-notifications-item .item-date {
  font-size:10px;
  opacity:0.5
}
.header-notifications-item:hover {
  background:#fafafa
}
.header-notifications-item.new .item-title,
.header-notifications-item.new .item-date {
  font-weight:500;
  opacity:1
}
.header-notifications-item-placeholder {
  position:relative;
  height:48px;
  min-height:69px;
  width:100%;
  border-bottom:solid 1px #ebedf2
}
.header-notifications-item-placeholder span {
  position:absolute;
  background:#e4e4e4;
  animation:headerNotificationPlaceholder 0.5s ease 0s infinite alternate;
  opacity:0.5
}
.header-notifications-item-placeholder span:nth-child(1) {
  width:30px;
  height:30px;
  border-radius:50%;
  top:20px;
  right:14px
}
.header-notifications-item-placeholder span:nth-child(2) {
  width:290px;
  height:7px;
  top:24px;
  right:56px;
  border-radius:5px
}
.header-notifications-item-placeholder span:nth-child(3) {
  width:130px;
  height:7px;
  top:41px;
  right:56px;
  border-radius:5px
}
@keyframes headerNotificationPlaceholder {
  to {
    opacity:1
  }
}
.header-login-btn a {
  display:block;
  background:#a2977ee5;
  color:#ffffff;
  font-size:14px;
  padding:10px 25px;
  border-radius:8px;
  margin-right:6px;
  -webkit-user-drag:none
}
.header-login-btn a:hover {
  background:#a2977e
}
.header-login-btn a:active {
  background:#7e7767;
}
.btn {
  text-decoration:none;
  cursor:pointer;
  user-select:none;
  padding:8px 18px;
  margin:5px;
  text-align:center;
  background:#ffffff4a;
  color:#fff;
  border:none;
  outline:none;
  box-shadow:none;
  font-size:13px;
  font-weight:400;
  display:inline-block;
  border-radius:6px;
  line-height:normal;
  transition:all 0.2s ease;
  -webkit-user-drag:none
}
.btn:hover {
  background:#ffffff63;
}
.btn:active {
  opacity:0.5
}
.btn.btn-primary {
  background:#a2c94b;
  color:#ffffff
}
.btn.btn-primary:hover {
  background:#96bc40;
}
.btn:disabled {
  background:#dedede;
  pointer-events:none
}
#search-popup {
  max-height:100vh;
  overflow:auto;
  padding-bottom:50px;
  z-index:9999;
  top:-20px;
  opacity:0
}
#search-popup.show {
  animation:searchPopupShow .2s ease 0s forwards;
  display:flex
}
@keyframes searchPopupShow {
  to {
    top:0;
    opacity:1
  }
}
#search-popup-wrapper {
  max-width:800px;
  width:90%;
  font-size:15px;
  margin:30px 0
}
.search-popup-form {
  background:#ffffff;
  box-shadow:0 0 40px rgba(82,85,90,0.16);
  padding:0;
  border-radius:6px
}
.search-popup-input {
  display:block;
  width:100%;
  border:none;
  box-shadow:none;
  outline:none;
  font-size:17px;
  color:#54667a;
  height:70px;
  background:none;
  padding:0 30px;
  margin:0
}
.search-popup-submit {
  position:absolute;
  background:none;
  width:44px;
  height:70px;
  display:flex;
  justify-content:center;
  align-items:center;
  top:0;
  left:13px;
  outline:none;
  border:none;
  box-shadow:none;
  cursor:pointer;
  color:#bfbfbf
}
.search-popup-submit:hover {
  color:#11bdbdcf
}
.search-popup-submit svg {
  width:22px;
  height:22px
}
.search-popup-autocomplete {
  gap:20px;
  padding:20px 0
}
.search-popup-autocomplete .search-item {
  background:#fff;
  box-shadow:0 0 40px rgba(82,85,90,0.16);
  border-radius:6px;
  gap:15px;
  padding:20px;
  transition:all 0.1s linear
}
.search-popup-autocomplete .search-item:hover,
.search-popup-autocomplete .search-item.focus {
  transform:scale(1.015)
}
.search-popup-autocomplete .search-item img {
  width:40px;
  height:40px
}
.search-popup-autocomplete .search-item span {
  font-size:17px
}
.search-loading {
  position:absolute;
  top:24px;
  left:23px;
  width:22px;
  height:22px;
  border:solid 1px #e9e9e9;
  border-radius:50%;
  border-top-color:#ffc107;
  pointer-events:none;
  display:none
}
.search-popup-form.loading .search-loading {
  display:block
}
.search-popup-form.loading .search-popup-submit {
  opacity:0;
  pointer-events:none
}
#search-popup-close {
  width:50px;
  height:50px;
  margin:15px auto;
  background:#ffffff;
  box-shadow:0 0 40px rgb(82 85 90 / 28%);
  border-radius:50%;
  color:#95a0ad;
  cursor:pointer;
  opacity:1
}
#search-popup-close:hover {
  opacity:0.7
}
#search-popup-close svg {
  width:20px;
  height:20px
}
@media screen and (max-width:800px) {
  #search-popup-wrapper {
    width:100%;
    font-size:15px;
    margin-top:0
  }
}
@media screen and (max-width:600px) {
  .search-popup-autocomplete .search-item span,
  .search-popup-input {
    font-size:15px
  }
  .search-popup-form {
    border-radius:0
  }
  .search-popup-autocomplete {
    padding:20px 10px
  }
}
#menu-side {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:99999;
  background:#fff;
  box-shadow:0 0 70px rgb(0 0 0 / 28%);
  max-width:300px;
  width:80vw;
  transform:translateX(530px);
  transition:all .3s;
  opacity:1;
  visibility:hidden;
  pointer-events:none
}
#menu-side.show {
  transform:translateX(0px);
  opacity:1;
  visibility:visible;
  pointer-events:all
}
#menu-side-items {
  overflow:auto
}
#menu-side-items ul {
  display:flex;
  flex-direction:column
}
#menu-side-items .header-menu-item-icon svg {
  width:16px;
  height:16px
}
#menu-side-items ul li a {
  position:relative
}
#menu-side-items ul li .header-submenu-mega a {
  font-size:12px;
  padding:6px 16px
}
#menu-side-items ul li a .menu-item-drop-icon svg {
  width:16px;
  height:16px
}
#menu-side-items ul li a .menu-item-drop-icon {
  position:absolute;
  top:0;
  left:0;
  width:48px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center
}
#menu-side-items ul li a > span:nth-child(2) {
  flex:1
}
#menu-side-items ul li > a {
  padding:14px 16px;
  font-size:14px
}
#menu-side-items ul li > a > .header-menu-item-icon {
  margin-left:5px
}
#menu-side-items .header-submenu-mega {
  visibility:hidden;
  overflow:hidden;
  max-height:0px;
  padding:0;
  transition:all 0.2s ease;
  background:#54667a;
  color:#ffffff;
  opacity:0
}
#menu-side-items ul li.show .header-submenu-mega {
  visibility:visible;
  padding:10px 0;
  max-height:2000px;
  opacity:1
}
#menu-side-items .submenu-mega-item-icon {
  position:absolute;
  top:11px;
  left:14px;
  opacity:0.3
}
#menu-side-items .submenu-mega-item-icon svg {
  width:16px;
  height:16px
}
#menu-side-items ul li a > .menu-item-drop-icon {
  transition:all 0.2s ease
}
#menu-side-items ul li.show a > .menu-item-drop-icon {
  transform:rotate(180deg)
}
#menu-side-items .submenu-other-link svg {
  width:16px;
  height:16px;
  opacity:0.5
}
#menu-side-header {
  padding:11px 0 10px;
  border-bottom:solid 1px #f3f3f3;
  margin-bottom:11px
}
#menu-side-search-box {
  background:#f3f3f3;
  padding:0;
  position:relative;
  border-radius:7px;
  margin:10px 10px 9px 0;
  height:40px;
  cursor:text
}
#menu-side-search-box svg {
  width:14px;
  height:14px;
  position:absolute;
  top:12px;
  right:13px;
  opacity:0.2
}
#menu-side-close {
  width:50px;
  height:42px;
  position:relative;
  justify-content:end;
  cursor:pointer;
  padding-left:14px
}
#menu-side-close svg {
  width:24px;
  height:24px;
  position:absolute;
  top:10px;
  right:14px;
  opacity:0.3
}
#menu-side-search-box span {
  pointer-events:none;
  font-size:13px;
  position:absolute;
  top:8px;
  right:38px;
  opacity:0.4
}
#header-notifications-close {
  position:absolute;
  top:0;
  left:0;
  width:50px;
  height:50px;
  opacity:0.5;
  display:none;
  cursor:pointer
}
#header-notifications-close svg {
  width:20px;
  height:20px
}
@media screen and (max-width:1100px) {
  .header-menu {
    display:none
  }
  #header-mobmenu-btn {
    display:flex
  }
  .header-logo {
    flex:1
  }
  .header-logo a {
    width:108px;
    height:31px
  }
}
.header-login-btn a svg {
  display:none;
  width:20px;
  height:20px
}
@media screen and (max-width:600px) {
  #header-notifications-close {
    display:flex
  }
  #header-notifications-wrapper {
    position:fixed;
    left:0;
    right:0;
    width:100%;
    bottom:0;
    top:5px
  }
  #header-notifications-wrapper.show {
    top:0px
  }
  .header-notifications-list {
    max-height:none;
    flex:1
  }
}
@media screen and (max-width:550px) {
  .header-login-btn a span {
    display:none
  }
  .header-login-btn a svg {
    display:block
  }
  .header-login-btn a {
    padding:8px 8px;
    border-radius:21px;
    margin-right:0px
  }
}
@media screen and (max-width:450px) {
  #header-profile-menu-btn img {
    width:30px;
    height:30px
  }
  #header-profile-menu-btn svg {
    width:10px;
    height:10px
  }
  .header-item-count.profile {
    top:14px;
    left:35px
  }
  .header-item-icon {
    padding:0 7px
  }
  .header-items {
    padding-left:5px
  }
  .header-wrapper {
    height:70px
  }
  #app {
    padding-top:71px
  }
  .header-logo a {
    width:100px;
    height:28px
  }
  .header-profile.show > #header-profile-menu-wrapper {
    top:42px
  }
}
.footer {
  background:#ffffffeb;
  color:#171717;
  padding:0;
  padding-top:2px
}
.footer-container {
  padding-bottom:30px
}
.footer-columns {
  padding-top:60px
}
.footer-detail {
  width:400px;
  flex:0 0 400px
}
.footer-logo {
  width:160px;
  margin-bottom:20px;
  transition:all 0.2s ease
}
.footer-logo:hover {
  opacity:0.8
}
.footer-about {
  font-size:15px;
  margin-bottom:10px;
  opacity:0.9;
  font-weight:300
}
.footer-socials {
  gap:7px;
  padding:10px 0;
  margin-bottom:10px
}
.footer-socials a {
  width:45px;
  height:45px;
  background:#ffffffd4;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  transition:all 0.2s ease;
  position:relative
}
.footer-socials a:hover {
  background:#fff;
  color:#9a9ca6;
}
.footer-socials-tip {
  white-space:nowrap;
  position:absolute;
  bottom:-31px;
  left:50%;
  transform:translateX(-50%) scale(0);
  font-size:11px;
  background:#ffffff;
  color:#373a4a;
  padding:2px 10px;
  border-radius:1px;
  pointer-events:none;
  transition:all 0.1s linear;
  font-weight:400;
  opacity:0
}
.footer-socials a:hover .footer-socials-tip {
  bottom:-31px;
  opacity:1;
  transform:translateX(-50%) scale(1)
}
.footer-links {
  padding:0 70px;
  flex:1;
  align-items:flex-start;
  justify-content:flex-start;
  height:max-content;
  row-gap:12px
}
.footer-links a {
  flex:0 0 50%;
  opacity:0.8;
  transition:all 0.2s ease;
  white-space:nowrap
}
.footer-links a > span {
  font-size:11px;
  background:#6caf17;
  padding:2px 10px;
  color:#fff;
  margin-right:7px;
  font-weight:600;
  border-radius:25px
}
.footer-socials a svg {
  width:60%;
  height:60%;
}
.footer-links a:hover {
  opacity:1;
  padding-right:5px
}
.footer-namad {
  gap:23px;
  max-width:400px;
  min-width:320px;
  justify-content:flex-end
}
.footer-namad a {
  width:150px;
  opacity:0.8;
  transition:all 0.2s ease
}
.footer-namad a:hover {
  opacity:1
}
.footer-namad a img {
  width:100%
}
.footer-bottom {
  margin-top:30px;
  padding:20px 30px 20px;
  border-radius:14px
}
.footer-copyright {
  font-size:15px;
  opacity:0.9;
  position:relative;
  padding-left:20px
}
.footer-copyright span {
  font-size:15px;
  font-weight:300;
  margin-top:5px;
  display:block;
  opacity:0.8
}
.footer-gototop-btn {
  width:35px;
  height:35px;
  background:#f0f0f0ed;
  border-radius:5px;
  cursor:pointer;
  transition:all 0.2s ease
}
.footer-gototop-btn svg {
  width:50%;
  height:50%
}
.footer-gototop-btn:hover {
  background:#f0f0f0ed;
}
.footer-gototop-btn:active {
  background:#f0f0f0ed
}
.footer-gototop-btn-tip {
  white-space:nowrap;
  position:absolute;
  left:28px;
  top:0px;
  font-size:13px;
  height:35px;
  background:#f0f0f0ed;
  padding-left:6px;
  padding-right:10px;
  line-height:35px;
  border-radius:0px 6px 7px 0px;
  pointer-events:none;
  opacity:0;
  transition:all 0.2s ease
}
.footer-gototop-btn:hover .footer-gototop-btn-tip {
  opacity:1;
  left:31px
}
.footer-gototop-btn:active .footer-gototop-btn-tip {
  opacity:0
}
.footer-coding-tip svg {
  width:16px;
  height:16px;
  display:inline-block;
  color:#FFEB3B;
  margin:0 3px -5px;
  animation:footerCodingTipHeart 2s linear 0s infinite alternate
}
.footer-attrs {
  justify-content:space-between
}
.footer-attrs-item-icon {
  width:60px;
  height:60px;
  background:#3bb59e;
  border-radius:50%
}
.footer-attrs-item:hover .footer-attrs-item-icon {
  animation:footerCodingTipHeart2 0.4s ease 0s forwards
}
.footer-attrs-item-icon svg {
  width:50%;
  height:50%
}
.footer-attrs-item-title {
  font-size:16px;
  font-weight:500;
  margin-top:13px;
  transition:all 0.2s ease;
  color: #f9f4f4;
}
.footer-attrs-item:hover .footer-attrs-item-title {
  animation:footerItemTitle .3s ease-in-out 0s forwards alternate
}
@keyframes footerItemTitle {
  from {
    transform:scale(1)
  }
  50% {
    transform:scale(1.1)
  }
  to {
    transform:scale(1)
  }
}
.footer-attrs-item-desc {
  font-size:14px;
  max-width:170px;
  text-align:center;
  margin-top:7px;
  opacity:0.8;
  font-weight:300;
  color: #fff;
}
.footer-attrs-container {
  /*background:rgba(89, 84, 73, 0.18) linear-gradient(165deg, rgba(4, 3, 3, 0.24) 0%, rgba(40, 40, 38, 0.04) 80%) repeat scroll 0% 0%;*/
  padding:8px;
  padding-bottom:30px;
  padding-top:30px;
  margin-bottom:30px;
  color:#fff;
  margin-top:30px;
  border-radius:14px
}
@keyframes footerCodingTipHeart {
  0% {
    transform:scale(0.9)
  }
  50% {
    transform:scale(1.1)
  }
  100% {
    transform:scale(0.9)
  }
}
@keyframes footerCodingTipHeart2 {
  0% {
    transform:rotate(0deg) matrix(1,0,0,01,0,0)
  }
  10% {
    transform:rotate(-20deg) matrix(1,0,0,01,0,0)
  }
  50% {
    transform:rotate(20deg) matrix(0.95,0,0,01,0,0)
  }
  100% {
    transform:rotate(0deg) matrix(1,0,0,01,0,0)
  }
}
@media screen and (max-width:1250px) {
  .footer-columns {
    flex-wrap:wrap
  }
  .footer-namad {
    width:100%;
    flex:0 0 100%;
    max-width:100%;
    justify-content:center;
    margin-top:30px
  }
  .footer-detail {
    width:50%;
    flex:0 0 50%
  }
  .footer-links {
    width:50%;
    flex:0 0 50%;
    padding-left:0
  }
}
@media screen and (max-width:1000px) {
  .footer-detail {
    width:100%;
    flex:0 0 100%;
    order:2
  }
  .footer-links {
    width:100%;
    flex:0 0 100%;
    padding-right:0;
    margin-bottom:40px;
    order:1
  }
  .footer-links a {
    flex:0 0 20%
  }
  .footer-namad {
    order:2
  }
  .footer-logo {
    margin:0 auto 20px
  }
  .footer-socials {
    justify-content:center
  }
}
@media screen and (max-width:900px) {
  .footer-attrs-item {
    flex:0 0 33.3333%
  }
  .footer-attrs {
    flex-wrap:wrap;
    row-gap:30px
  }
}
@media screen and (max-width:800px) {
  .footer-links a {
    flex:0 0 25%
  }
}
@media screen and (max-width:650px) {
  .footer-links a {
    flex:0 0 33.33333%
  }
  .footer-socials-tip,
  .footer-gototop-btn-tip {
    display:none
  }
  .footer-gototop-btn-tip.footer-coding-tip {
    opacity:1!important;
    position:relative;
    display:block!important;
    left:auto!important;
    bottom:auto;
    background:#f0f0f0ed;
  }
  .footer-gototop-btn.coding {
    width:auto
  }
  .footer-gototop-btn.coding svg {
    width:38px;
    height:20px;
    order:1
  }
}
@media screen and (max-width:600px) {
  .footer-attrs-item {
    flex:0 0 50%
  }
  .footer-attrs {
    justify-content:center;
    flex-wrap:wrap;
    row-gap:30px
  }
}
@media screen and (max-width:520px) {
  .footer-links a {
    flex:0 0 50%
  }
  .footer-copyright {
    width:100%;
    flex:0 0 100%;
    padding-left:0;
    text-align:center
  }
  .footer-bottom {
    flex-wrap:wrap;
    justify-content:center;
    row-gap:30px
  }
}
@media screen and (max-width:400px) {
  .footer-links a {
    flex:auto;
    padding:0!important
  }
  .footer-links {
    column-gap:25px;
    justify-content:center;
    text-align:center
  }
  .footer-attrs-item {
    flex:0 0 100%
  }
  .footer-attrs-item-icon {
    width:40px;
    height:40px
  }
}
#cart-side {
  position:fixed;
  top:10px;
  right:0;
  bottom:10px;
  z-index:99999;
  background:#fff;
  box-shadow:0 0 70px rgb(0 0 0 / 28%);
  max-width:520px;
  width:90%;
  transform:translateX(530px);
  transition:all .3s;
  opacity:1;
  visibility:hidden;
  pointer-events:none;
  border-radius:10px 0 0 10px
}
#cart-side.show {
  transform:translateX(0px);
  opacity:1;
  visibility:visible;
  pointer-events:all
}
#cart-side-title {
  height:85px;
  border-bottom:solid 1px #e9e9e9
}
#cart-side-title span {
  font-size:18px;
  font-weight:500;
  padding:0 28px 0 0;
  display:block
}
#cart-side-close {
  position:absolute;
  top:0;
  left:0;
  width:65px;
  height:80px;
  cursor:pointer;
  opacity:0.5
}
#cart-side-close:hover {
  opacity:0.7
}
#cart-side-close svg {
  width:20px;
  height:20px
}
#cart-side-contents {
  overflow:auto;
  padding-bottom:40px
}
.cart-side-footer-bg {
  background-image:linear-gradient(rgba(255,255,255,0),rgb(255,255,255));
  position:absolute;
  left:0;
  right:0;
  top:-70px;
  height:70px;
  pointer-events:none
}
.cart-side-info {
  background:#ededed;
  color:#374759;
  margin:5px 20px 15px;
  font-size:17px;
  padding:10px 20px;
  height:60px;
  border-radius:8px
}
.cart-side-info-label {
  font-size:16px
}
.cart-side-info-label > svg {
  width:20px;
  height:20px;
  margin-left:5px;
  opacity:0.7;
  display:none
}
.cart-side-info-price {
  font-size:21px;
  font-weight:500;
  padding:0 10px 0 5px
}
.cart-side-info-sy {
  font-size:15px;
  opacity:0.6
}
.cart-side-checkout {
  height:60px;
  background:#6caf17;
  color:#fff;
  margin:0 20px 15px;
  border-radius:8px;
  font-weight:500;
  font-size:18px;
  transition:all 0.2s ease;
  -webkit-user-drag:none
}
.cart-side-checkout:hover {
  background:#64a414;
}
.cart-side-checkout:active {
  background:#64a414;
}
.cart-side-checkout > svg {
  width:16px;
  height:16px;
  margin-right:5px;
  opacity:0.6
}
.cart-side-item {
  margin-top:27px;
  border-bottom:solid 1px #e9e9e9;
  padding-bottom:27px;
  gap:11px
}
.cart-side-item-delete {
  width:50px;
  justify-content:flex-end;
  cursor:pointer;
  height:60px;
  align-self:self-start
}
.cart-side-item-delete > div {
  width:34px;
  height:34px;
  border-radius:50%;
  color:#5e5e5e;
  transition:all 0.2s ease
}
.cart-side-item-delete > div > svg {
  width:20px;
  height:20px
}
.cart-side-item-delete:hover > div {
  color:#F44336;
  background:#fef0ef
}
.cart-side-item-delete:active > div {
  color:#F44336;
  background:#fef0ef;
  opacity:0.8
}
.cart-side-item-icon {
  padding-right:5px;
  padding-left:8px;
  align-self:self-start;
  position:relative
}
.cart-side-item-icon > img {
  width:60px;
  height:60px
}
.cart-side-item-icon > span {
  color:#ffffff;
  position:absolute;
  top:37px;
  right:-5px;
  min-width:29px;
  height:29px;
  background:#FFC107;
  font-weight:500;
  padding:0 3px;
  font-size:11px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:25px;
  box-shadow:0 0 0 3px #fff
}
.cart-side-item-title {
  font-size:15px;
  font-weight:400;
  flex:1
}
.cart-side-item-title > strong {
  font-weight:500
}
.cart-side-item-title > span {
  background:#11bdbdcf;
  color:#ffffff;
  width:fit-content;
  padding:3px 12px;
  border-radius:12px;
  font-size:12px;
  margin-top:7px;
  font-weight:500
}
.cart-side-item-title > span.out {
  background:#fff;
  box-shadow:0 0 0 1px #11bdbdcf;
  color:#11bdbdcf;
  font-weight:500
}
.cart-side-item-price {
  padding:0 5px 0 27px;
  line-height:26px
}
.cart-side-item-price > strong {
  font-size:21px;
  font-weight:500
}
.cart-side-item-price > span {
  font-size:11px;
  opacity:0.7;
  user-select:none
}
.cart-side-item:last-child {
  border-bottom:none
}
#cart-side-title span.cart-mini-count {
  background:#6caf17;
  color:#eee;
  min-width:30px;
  height:30px;
  padding:0;
  display:flex;
  font-size:13px;
  font-weight:400;
  margin-right:15px;
  border-radius:50%
}
.cart-side-loading > span {
  width:30px;
  height:30px;
  border:solid 2px #11bdbdcf;
  border-top-color:transparent;
  border-radius:50%
}
@media screen and (max-width:500px) {
  .cart-side-checkout,
  .cart-side-info {
    height:50px;
    font-size:16px
  }
  #cart-side {
    border-radius:0;
    top:0;
    bottom:0
  }
  .cart-side-item {
    flex-wrap:wrap
  }
  .cart-side-item-title {
    order:2;
    width:100%;
    flex:auto;
    padding:0 30px;
    flex-direction:row;
    flex-wrap:wrap;
    column-gap:10px
  }
  .cart-side-item-icon {
    flex:1
  }
  .cart-side-item-title > strong {
    width:100%
  }
}
.product-item-image {
}
.product-item-image img {
  width:400px;
  height:400px;
  display:block;
  margin:0;
  padding:0
}
.product-item-title {
  padding:0;
  margin:0
}
.product-item-title a {
  display:block;
  font-size:17px;
  font-weight:500;
  padding:16px 20px 1px
}
.product-item-developer {
  padding:4px 20px 4px 8px;
  gap:8px
}
.product-item-developer img {
  width:25px;
  height:25px;
  border-radius:50%
}
.product-item-developer span {
  font-size:12px;
  font-weight:500
}
.product-item-category {
  font-size:12px;
  padding:4px 0px 4px;
  gap:8px;
  color:#9ea6af
}
.product-item-category span {
  font-weight:500;
  color:#54667a
}
.product-item-desc {
  padding:8px 20px;
  font-size:13px;
  font-weight:300;
  text-align:justify
}
.product-item-detail {
  padding:10px 20px 13px;
  border-top:solid 1px #ebedf2;
  margin-top:10px
}
.product-item-sales {
  line-height:20px
}
.product-item-sales span {
  font-size:18px;
  font-weight:500
}
.product-item-sales small {
  font-size:13px;
  font-weight:300;
  opacity:0.8
}
.product-item-rate {
  line-height:20px
}
.product-item-rate svg {
  width:16px;
  height:16px;
  color:#ffc107
}
.product-item-rate span {
  font-size:14px;
  font-weight:500
}
.product-item-price {
  column-gap:3px;
  justify-content:flex-end;
  line-height:20px
}
.product-item-price .del {
  padding-left:2px;
  font-size:15px;
  opacity:0.8;
  text-decoration:line-through
}
.product-item-price .price {
  font-size:18px;
  font-weight:500
}
.product-item-price .desc {
  white-space:nowrap;
  font-size:13px;
  padding-right:2px;
  opacity:0.8
}
.product-item-window {
  position:absolute;
  top:21px;
  left:15px;
  gap:4px
}
.product-item-window i {
  width:12px;
  height:12px;
  background:#e9e9e9;
  border-radius:50%
}
.product-item-percent {
  position:absolute;
  top:18px;
  left:-20px;
  z-index:5;
  color:#fff;
  width:70px;
  height:70px
}
.product-item-percent svg {
  width:70px;
  height:70px;
  position:absolute;
  color:#ffb03b
}
.product-item-percent span {
  position:absolute;
  top:14px;
  left:0;
  right:0;
  text-align:center;
  font-size:16px;
  font-weight:500;
  direction:ltr
}
.product-item-percent small {
  position:absolute;
  bottom:16px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  font-weight:300
}
.custom-tooltip {
  max-width:249px;
  z-index:9;
  display:flex;
  align-items:center;
  position:relative;
  cursor:pointer
}
.custom-tooltip-btn,
.custom-tooltip-btn svg {
  width:17px;
  height:17px;
  color:#F6F6F6;
  cursor:pointer
}
.custom-tooltip-content {
  background:#ffffff;
  color:#455a64;
  box-shadow:0 2px 35px rgb(173 188 200 / 22%);
  border-radius:3px;
  padding:14px;
  position:absolute;
  top:100%;
  min-width:240px;
  left:-15px;
  font-size:13px;
  line-height:22px;
  display:none;
  margin-top:15px;
  font-weight:300
}
.custom-tooltip:hover {
  z-index:99
}
.custom-tooltip-content::after {
  content:'';
  position:absolute;
  top:-20px;
  left:0;
  right:0;
  height:25px
}
.custom-tooltip-content a {
  text-decoration:underline;
  opacity:0.9
}
.custom-tooltip-content a:hover {
  text-decoration:none
}
.custom-tooltip-content a svg {
  width:7px;
  height:7px
}
.custom-tooltip-arrow {
  background-color:#ffffff;
  border-radius:0 0 0 3px;
  display:none;
  height:14px;
  margin-right:1px;
  margin-top:10px;
  position:absolute;
  top:100%;
  transform:rotate(-45deg);
  width:14px
}
.custom-tooltip:hover > .custom-tooltip-content {
  display:block
}
.custom-tooltip:hover > .custom-tooltip-arrow {
  display:block
}
.radio-input,
.checkbox-input {
  display:block;
  width:100%;
  padding:5px 30px 5px 0;
  position:relative;
  cursor:pointer;
  font-size:14px;
  user-select:none;
  font-weight:400
}
.radio-input input[type=radio],
.checkbox-input input[type=checkbox] {
  display:none
}
.radio-input .label > span {
  position:absolute;
  top:8px;
  right:0;
  width:20px;
  height:20px;
  background:#fff;
  border:solid 2px #cfd8dc;
  border-radius:50%
}
.radio-input .label > span > span {
  content:' ';
  width:9px;
  height:9px;
  background:#ffffff;
  border-radius:50%;
  display:flex;
  position:absolute;
  top:4px;
  right:4px
}
.radio-input input[type=radio]:checked ~ .label {
  font-weight:600
}
.radio-input input[type=radio]:checked ~ .label > span > span {
  background:#ffb03b
}
.radio-input input[type=radio]:checked ~ .label > span {
  border-color:#ffb03b
}
/* .radio-input .label::before{content:'';width:16px;height:16px;background:#ffffff;border-radius:50%;display:block;position:absolute;top:7px;right:2px;border:solid 2px #cfd8dc}.radio-input .label::after{content:'';background:#ffffff;position:absolute;top:12px;right:7px;width:10px;height:10px;border-radius:50%}.radio-input input[type=radio]:checked ~ .label::before{border-color:#ffb03b}.radio-input input[type=radio]:checked ~ .label::after{background:#ffb03b}*/ .checkbox-input .label::after {
  content:'';
  border-bottom:2px solid #ffffff;
  border-radius:1px;
  border-right:2px solid #ffffff;
  height:10px;
  right:8px;
  top:9px;
  transform:rotate(45deg);
  width:5px;
  position:absolute
}
.checkbox-input .label::before {
  content:'';
  width:16px;
  height:16px;
  background:#ffffff;
  border-radius:3px;
  display:block;
  position:absolute;
  top:7px;
  right:2px;
  border:solid 2px #cfd8dc
}
.checkbox-input:hover .label::before {
  border-color:#ffb03b
}
.checkbox-input input[type=checkbox]:checked ~ .label::before {
  border-color:#ffb03b;
  background:#ffb03b
}
/* .checkbox-input:hover .label{color:#ffb03b}*/
.checkbox-input input[type=checkbox]:checked ~ .label {
  font-weight:600
}
.line {
  width:100%;
  display:block;
  height:1px;
  background:#ebedf2;
  margin:20px 0
}
.rotate {
  animation:rotate 1s linear 0s infinite
}
@keyframes rotate {
  to {
    transform:rotate(-360deg)
  }
}
@keyframes fadeIn {
  to {
    opacity:1
  }
}
@keyframes fadeOut {
  to {
    opacity:0
  }
}
.add-to-cart-btn {
  position:relative
}
.add-to-cart-btn.loading {
  color:transparent;
  pointer-events:none;
  opacity:0.8!important
}
.add-to-cart-btn.loading * {
  display:none!important
}
.add-to-cart-btn.loading::after {
  content:'';
  display:block!important;
  width:16px;
  height:16px;
  border:solid 1px #fff;
  border-radius:50%;
  border-top-color:transparent;
  animation:rotate 1s linear 0s infinite
}
.developer-star {
  position:absolute;
  bottom:2px;
  right:-4px;
  background:#ffb100;
  color:#ffffff;
  display:flex;
  justify-content:center;
  align-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  border:solid 2px #ffffff;
  pointer-events:none;
  user-select:none
}
.developer-star svg {
  width:10px;
  height:10px
}
.alert2-icon {
  position:relative;
  box-sizing:content-box;
  justify-content:center;
  width:5em;
  height:5em;
  margin:2.5em auto .6em;
  border:.25em solid transparent;
  border-radius:50%;
  border-color:#000;
  font-family:inherit;
  line-height:5em;
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.alert2-icon .alert2-icon-content {
  display:flex;
  align-items:center;
  font-size:3.75em
}
.alert2-icon.alert2-error {
  border-color:#f27474;
  color:#f27474
}
.alert2-icon.alert2-error .alert2-x-mark {
  position:relative;
  flex-grow:1
}
.alert2-icon.alert2-error [class^=alert2-x-mark-line] {
  display:block;
  position:absolute;
  top:2.3125em;
  width:2.9375em;
  height:.3125em;
  border-radius:.125em;
  background-color:#f27474
}
.alert2-icon.alert2-error [class^=alert2-x-mark-line][class$=left] {
  left:1.0625em;
  transform:rotate(45deg)
}
.alert2-icon.alert2-error [class^=alert2-x-mark-line][class$=right] {
  right:1em;
  transform:rotate(-45deg)
}
.alert2-icon.alert2-error.alert2-icon-show {
  -webkit-animation:alert2-animate-error-icon .5s;
  animation:alert2-animate-error-icon .5s
}
.alert2-icon.alert2-error.alert2-icon-show .alert2-x-mark {
  -webkit-animation:alert2-animate-error-x-mark .5s;
  animation:alert2-animate-error-x-mark .5s
}
.alert2-icon.alert2-warning {
  border-color:#facea8;
  color:#f8bb86
}
.alert2-icon.alert2-warning.alert2-icon-show {
  -webkit-animation:alert2-animate-error-icon .5s;
  animation:alert2-animate-error-icon .5s
}
.alert2-icon.alert2-warning.alert2-icon-show .alert2-icon-content {
  -webkit-animation:alert2-animate-i-mark .5s;
  animation:alert2-animate-i-mark .5s
}
.alert2-icon.alert2-info {
  border-color:#9de0f6;
  color:#3fc3ee
}
.alert2-icon.alert2-info.alert2-icon-show {
  -webkit-animation:alert2-animate-error-icon .5s;
  animation:alert2-animate-error-icon .5s
}
.alert2-icon.alert2-info.alert2-icon-show .alert2-icon-content {
  -webkit-animation:alert2-animate-i-mark .8s;
  animation:alert2-animate-i-mark .8s
}
.alert2-icon.alert2-question {
  border-color:#c9dae1;
  color:#87adbd
}
.alert2-icon.alert2-question.alert2-icon-show {
  -webkit-animation:alert2-animate-error-icon .5s;
  animation:alert2-animate-error-icon .5s
}
.alert2-icon.alert2-question.alert2-icon-show .alert2-icon-content {
  -webkit-animation:alert2-animate-question-mark .8s;
  animation:alert2-animate-question-mark .8s
}
.alert2-icon.alert2-success {
  border-color:#a5dc86;
  color:#a5dc86
}
.alert2-icon.alert2-success [class^=alert2-success-circular-line] {
  position:absolute;
  width:3.75em;
  height:7.5em;
  transform:rotate(45deg);
  border-radius:50%
}
.alert2-icon.alert2-success [class^=alert2-success-circular-line][class$=left] {
  top:-.4375em;
  left:-2.0635em;
  transform:rotate(-45deg);
  transform-origin:3.75em 3.75em;
  border-radius:7.5em 0 0 7.5em
}
.alert2-icon.alert2-success [class^=alert2-success-circular-line][class$=right] {
  top:-.6875em;
  left:1.875em;
  transform:rotate(-45deg);
  transform-origin:0 3.75em;
  border-radius:0 7.5em 7.5em 0
}
.alert2-icon.alert2-success .alert2-success-ring {
  position:absolute;
  z-index:2;
  top:-.25em;
  left:-.25em;
  box-sizing:content-box;
  width:100%;
  height:100%;
  border:.25em solid rgba(165,220,134,.3);
  border-radius:50%
}
.alert2-icon.alert2-success .alert2-success-fix {
  position:absolute;
  z-index:1;
  top:.5em;
  left:1.625em;
  width:.4375em;
  height:5.625em;
  transform:rotate(-45deg)
}
.alert2-icon.alert2-success [class^=alert2-success-line] {
  display:block;
  position:absolute;
  z-index:2;
  height:.3125em;
  border-radius:.125em;
  background-color:#a5dc86
}
.alert2-icon.alert2-success [class^=alert2-success-line][class$=tip] {
  top:2.875em;
  left:.8125em;
  width:1.5625em;
  transform:rotate(45deg)
}
.alert2-icon.alert2-success [class^=alert2-success-line][class$=long] {
  top:2.375em;
  right:.5em;
  width:2.9375em;
  transform:rotate(-45deg)
}
.alert2-icon.alert2-success.alert2-icon-show .alert2-success-line-tip {
  -webkit-animation:alert2-animate-success-line-tip .75s;
  animation:alert2-animate-success-line-tip .75s
}
.alert2-icon.alert2-success.alert2-icon-show .alert2-success-line-long {
  -webkit-animation:alert2-animate-success-line-long .75s;
  animation:alert2-animate-success-line-long .75s
}
.alert2-icon.alert2-success.alert2-icon-show .alert2-success-circular-line-right {
  -webkit-animation:alert2-rotate-success-circular-line 4.25s ease-in;
  animation:alert2-rotate-success-circular-line 4.25s ease-in
}
#alert2-container {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:9999999999;
  background:rgba(0,0,0,0.351);
  transition:all 0.2s ease
}
#alert2-wrapper {
  background:#ffffff;
  animation:alert2-show .5s ease-in-out 0s forwards;
  max-width:450px;
  width:100%;
  display:flex;
  flex-direction:column;
  border-radius:3px;
  box-shadow:0 13px 59px rgb(0 0 0 / 14%)
}
.dark #alert2-wrapper {
  background:#000000
}
#alert2-container.hide #alert2-wrapper {
  animation:alert2-hide .1s ease-in-out 0s forwards
}
#alert2-container.hide {
  opacity:0
}
#alert2-title {
  font-size:16px;
  font-weight:500;
  padding:0 20px;
  text-align:center;
  margin-top:10px;
  user-select:none
}
#alert2-message {
  font-size:14px;
  padding:0 20px;
  text-align:center;
  margin-bottom:18px;
  overflow:auto;
  max-height:200px
}
.alert2-hr {
  height:1px;
  background:#f1f1f1;
  margin-top:10px
}
.dark .alert2-hr {
  background:#121212
}
#alert2-btns {
  gap:8px;
  flex-wrap:wrap
}
#alert2-btns a,
#alert2-btns a:hover,
#alert2-btns a:active {
  text-decoration:none;
  color:#5e6675;
  font-size:14px;
  font-weight:500;
  padding:12px 21px;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  user-select:none;
  flex:1;
  text-align:center;
  min-width:fit-content
}
#alert2-btns a:active {
  opacity:0.8
}
#alert2-btns a::before {
  content:'';
  position:absolute;
  top:0;
  right:50%;
  left:50%;
  bottom:0;
  background:rgb(0 0 0 / 0%);
  z-index:0;
  transition:all 0.2s ease
}
#alert2-btns a:hover::before {
  background:rgb(0 0 0 / 4%);
  right:0;
  left:0
}
#alert2-btns a span {
  position:relative;
  z-index:1
}
@keyframes alert2-show {
  0% {
    transform:scale(.7)
  }
  45% {
    transform:scale(1.05)
  }
  80% {
    transform:scale(.95)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes alert2-hide {
  0% {
    transform:scale(1);
    opacity:1
  }
  100% {
    transform:scale(.5);
    opacity:0
  }
}
@keyframes alert2-animate-success-line-tip {
  0% {
    top:1.1875em;
    left:.0625em;
    width:0
  }
  54% {
    top:1.0625em;
    left:.125em;
    width:0
  }
  70% {
    top:2.1875em;
    left:-.375em;
    width:3.125em
  }
  84% {
    top:3em;
    left:1.3125em;
    width:1.0625em
  }
  100% {
    top:2.8125em;
    left:.8125em;
    width:1.5625em
  }
}
@keyframes alert2-animate-success-line-long {
  0% {
    top:3.375em;
    right:2.875em;
    width:0
  }
  65% {
    top:3.375em;
    right:2.875em;
    width:0
  }
  84% {
    top:2.1875em;
    right:0;
    width:3.4375em
  }
  100% {
    top:2.375em;
    right:.5em;
    width:2.9375em
  }
}
@keyframes alert2-rotate-success-circular-line {
  0% {
    transform:rotate(-45deg)
  }
  5% {
    transform:rotate(-45deg)
  }
  12% {
    transform:rotate(-405deg)
  }
  100% {
    transform:rotate(-405deg)
  }
}
@keyframes alert2-animate-error-x-mark {
  0% {
    margin-top:1.625em;
    transform:scale(.4);
    opacity:0
  }
  50% {
    margin-top:1.625em;
    transform:scale(.4);
    opacity:0
  }
  80% {
    margin-top:-.375em;
    transform:scale(1.15)
  }
  100% {
    margin-top:0;
    transform:scale(1);
    opacity:1
  }
}
@keyframes alert2-animate-error-icon {
  0% {
    transform:rotateX(100deg);
    opacity:0
  }
  100% {
    transform:rotateX(0);
    opacity:1
  }
}
@keyframes alert2-animate-question-mark {
  0% {
    transform:rotateY(-360deg)
  }
  100% {
    transform:rotateY(0)
  }
}
@keyframes alert2-animate-i-mark {
  0% {
    transform:rotateZ(45deg);
    opacity:0
  }
  25% {
    transform:rotateZ(-25deg);
    opacity:.4
  }
  50% {
    transform:rotateZ(15deg);
    opacity:.8
  }
  75% {
    transform:rotateZ(-5deg);
    opacity:1
  }
  100% {
    transform:rotateX(0);
    opacity:1
  }
}
.verify-access-wrapper {
  width:450px;
  padding:40px;
  background:#ffffff;
  border-radius:7px;
  margin:50px 0
}
.verify-access-icon {
  padding-bottom:10px
}
.verify-access-icon svg {
  width:100px;
  height:100px;
  color:#292826
}
.verify-access-message {
  font-size:14px;
  text-align:center;
  padding:9px 0
}
.verify-access-btn {
  text-align:center;
  background:#009688;
  padding:10px 5px;
  border-radius:7px;
  cursor:pointer;
  color:#fff;
  margin-top:10px;
  position:relative;
  height:48px
}
.verify-access-btn.loading > * {
  display:none
}
.verify-access-btn span {
  display:none;
  background:#009688;
  color:#ffffff;
  padding:0 5px;
  margin-right:5px;
  border-radius:25px;
  font-weight:500;
  min-width:29px;
  height:29px;
  font-size:12px
}
.verify-access-btn.disabled span {
  display:flex
}
.verify-access-btn:hover {
  background:#ffffff;
  color:#009688;
  box-shadow:0 0 0 2px #009688
}
.verify-access-btn:active {
  transition:all 0.05s ease;
  background:#009688;
  color:#ffffff;
  box-shadow:0 0 0 2px #009688
}
.verify-access-btn.disabled {
  background:#ffffff;
  color:#009688;
  box-shadow:0 0 0 2px #009688;
  opacity:0.8;
  pointer-events:none
}
.verify-access-btn.loading {
  background:#ffffff;
  color:#009688;
  box-shadow:0 0 0 2px #009688;
  opacity:0.8;
  pointer-events:none
}
.verify-access-btn.loading::after {
  content:'';
  opacity:1;
  width:20px;
  height:20px;
  border:2px solid #009688;
  border-top-color:transparent;
  display:block;
  border-radius:50%;
  animation:rotate 1s linear 0s infinite
}
.verify-access-step {
  margin:30px 0;
  border-bottom:1px dashed #dbdbdb;
  height:5px
}
.verify-access-step.one {
  margin-bottom:32px
}
.verify-access-step.two {
  margin-top:50px
}
.verify-access-step span {
  width:40px;
  height:40px;
  border:1px solid #dbdbdb;
  text-align:center;
  border-radius:50%;
  color:#b1b1b1;
  font-size:14px;
  font-weight:500;
  background:#fff
}
.verify-access-form {
}
.verify-access-btn-submit {
  margin:10px 0;
  font-size:17px;
  display:flex;
  gap:3px;
  padding:11px;
  border-radius:7px
}
.verify-access-btn-submit svg {
  width:14px;
  height:14px
}
.reverse-verify-access {
  border:2px dashed #009688;
  text-align:center;
  letter-spacing:11px;
  font-weight:700;
  font-size:19px;
  padding:10px 0;
  border-radius:8px;
  color:#009688;
  margin-bottom:15px;
  user-select:all
}
.verify-access-wrapper .btn.login-submit {
  margin:6px 0;
  padding:10px 18px;
  font-size:15px;
  display:flex!important;
  gap:2px
}
.verify-access-wrapper .btn.login-submit svg {
  width:12px;
  height:12px
}
#verify-access--reverse,
#verify-access-step-two {
  display:none
}
#verify-access-step-two.show {
  animation:VAStepTwoShow .2s ease-in-out 0s forwards alternate
}
@keyframes VAStepTwoShow {
  from {
    opacity:0;
    transform:translateY(-10px)
  }
  to {
    opacity:1;
    transform:translateY(0px)
  }
}
.verify-access-reverse-btn {
  width:fit-content;
  font-size:12px;
  padding:2px 11px;
  border-radius:3px;
  user-select:none;
  margin-top:8px;
  cursor:pointer;
  transition:all 0.2s ease
}
.verify-access-reverse-btn svg {
  width:9px;
  height:9px;
  margin-right:2px
}
.verify-access-reverse-btn:hover {
  background:#efefef
}
.verify-access-reverse-btn:active {
  background:#fff
}
.message-bottom-input {
  border:solid 1px #ef8e16;
  color:#ef8e16;
  margin-top:9px;
  font-size:14px;
  padding:5px 13px;
  border-radius:9px;
  display:flex;
  flex-direction:row;
  align-items:center
}
.message-bottom-input > div {
  flex:1
}
.message-bottom-input svg {
  width:14px;
  height:14px;
  margin-left:8px
}
.message-bottom-input button {
  padding:0px 10px;
  margin:9px 0;
  background:#fff!important;
  color:#ef8616!important;
  box-shadow:0 0 0 1px #ef8616!important
}
.message-container {
  align-items:flex-start;
  gap:6px;
  background:#ffffff;
  margin:7px 0 7px;
  padding:5px 11px;
  color:#33343a;
  font-size:14px;
  font-weight:500;
  border-radius:8px;
  box-shadow:0 3px 14px rgb(0 0 0 / 1%);
  border:solid 1px #ccc
}
.message-container > .message--icon {
  width:16px;
  height:16px;
  margin-top:4px
}
.message-container > .message--text {
}
.message-container > .message--close {
  padding-top:2px;
  cursor:pointer;
  opacity:0;
  transition:all 0.2s ease
}
.message-container:hover > .message--close {
  opacity:.8
}
.message-container > .message--close:hover {
  opacity:1
}
.message-container > .message--close > svg {
  width:20px;
  height:20px
}
.message-container.message-success {
  background:rgba(76,175,80,0.07);
  color:#4CAF50;
  border-color:#8BC34A
}
.message-container.message-error {
  background:rgba(255,79,93,0.06);
  color:#11bdbdcf;
  border-color:#11bdbdcf
}
.message-container.message-warning {
  background:rgba(255,171,31,0.06);
  color:#ffab1f;
  border-color:#f9bd58
}
.message-container.message-info {
  background:rgba(37,177,213,0.12);
  color:#25b1d5;
  border-color:#63c6df
}
#toast-message-wrapper {
  position:fixed;
  bottom:30px;
  left:30px;
  user-select:none;
  z-index:99999
}
.bounceInLeft {
  animation-name:Toastify__bounceInLeft
}
.bounceOutLeft {
  animation-name:Toastify__bounceOutLeft
}
.toast-message-item {
  position:relative;
  min-height:70px;
  width:320px;
  box-sizing:border-box;
  margin-bottom:1rem;
  padding:8px;
  border-radius:4px;
  box-shadow:0 5px 10px rgba(0,0,0,0.1);
  display:flex;
  justify-content:flex-start;
  max-height:800px;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
  color:#757575;
  gap:10px;
  animation-fill-mode:both;
  animation-duration:.7s;
  transition:all 0.2s ease
}
@media screen and (max-width:500px) {
  /*#toast-message-wrapper{bottom:0px;left:0px;right:0px}*/ .toast-message-item {
    width:100%;
    margin-bottom:0;
    margin-top:1rem;
    border-top:solid 1px #dadada;
    border-radius:0
  }
}
.toast-message-item-icon {
  padding-right:9px
}
.toast-message-item-icon > svg {
  width:20px;
  height:20px;
  animation-fill-mode:both;
  animation-duration:.3s
}
.toast-message-item-icon.zoomin > svg {
  animation-name:Toastify__zoomIn
}
.error .toast-message-item-icon {
}
.loading .toast-message-item-icon {
}
.toast-message-item-text {
  font-size:14px;
  font-weight:300;
  padding-left:20px;
  line-height:20px
}
.toast-message-item-close {
  position:absolute;
  top:8px;
  left:8px;
  width:14px;
  opacity:.1;
  transition:all 0.2s ease
}
.toast-message-item-close:hover {
  opacity:.4
}
.toast-message-item.loading .toast-message-item-close {
  display:none
}
.toast-message-item-close > svg {
}
.toast-message-item-progressbar {
  position:absolute;
  bottom:0;
  right:0;
  width:100%;
  height:2px;
  transition:all 0.2s linear;
  animation:Toastify__trackProgress linear 1 forwards;
  animation-duration:10s;
  animation-play-state:running
}
.toast-message-item.success .toast-message-item-icon {
  color:#07bc0c
}
.toast-message-item.success .toast-message-item-progressbar {
  background-color:#07bc0c
}
.toast-message-item.error .toast-message-item-icon {
  color:#e74c3c
}
.toast-message-item.error .toast-message-item-progressbar {
  background-color:#e74c3c
}
.toast-message-item.loading .toast-message-item-icon span {
  width:20px;
  height:20px;
  box-sizing:border-box;
  border:2px solid;
  border-radius:100%;
  border-color:#e0e0e0;
  border-right-color:#616161;
  animation:Toastify__spin .65s linear infinite
}
.toast-message-item.loading .toast-message-item-progressbar {
  display:none
}
@keyframes Toastify__trackProgress {
  from {
    width:100%
  }
  to {
    width:0%
  }
}
@keyframes Toastify__zoomIn {
  0% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  50% {
    opacity:1
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity:1
  }
  50% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  to {
    opacity:0
  }
}
@keyframes Toastify__flipIn {
  0% {
    transform:perspective(400px) rotateX(90deg);
    animation-timing-function:ease-in;
    opacity:0
  }
  40% {
    transform:perspective(400px) rotateX(-20deg);
    animation-timing-function:ease-in
  }
  60% {
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }
  80% {
    transform:perspective(400px) rotateX(-5deg)
  }
  to {
    transform:perspective(400px)
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform:perspective(400px)
  }
  30% {
    transform:perspective(400px) rotateX(-20deg);
    opacity:1
  }
  to {
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}
@keyframes Toastify__slideInRight {
  0% {
    transform:translate3d(110%,0,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform:translate3d(-110%,0,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform:translate3d(0,110%,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform:translate3d(0,-110%,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform:translateZ(0)
  }
  to {
    visibility:hidden;
    transform:translate3d(110%,0,0)
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform:translateZ(0)
  }
  to {
    visibility:hidden;
    transform:translate3d(-110%,0,0)
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform:translateZ(0)
  }
  to {
    visibility:hidden;
    transform:translate3d(0,500px,0)
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform:translateZ(0)
  }
  to {
    visibility:hidden;
    transform:translate3d(0,-500px,0)
  }
}
@keyframes Toastify__spin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(3000px,0,0)
  }
  60% {
    opacity:1;
    transform:translate3d(-25px,0,0)
  }
  75% {
    transform:translate3d(10px,0,0)
  }
  90% {
    transform:translate3d(-5px,0,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity:1;
    transform:translate3d(-20px,0,0)
  }
  to {
    opacity:0;
    transform:translate3d(2000px,0,0)
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(-3000px,0,0)
  }
  60% {
    opacity:1;
    transform:translate3d(25px,0,0)
  }
  75% {
    transform:translate3d(-10px,0,0)
  }
  90% {
    transform:translate3d(5px,0,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity:1;
    transform:translate3d(20px,0,0)
  }
  to {
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(0,3000px,0)
  }
  60% {
    opacity:1;
    transform:translate3d(0,-20px,0)
  }
  75% {
    transform:translate3d(0,10px,0)
  }
  90% {
    transform:translate3d(0,-5px,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform:translate3d(0,-10px,0)
  }
  40%,
  45% {
    opacity:1;
    transform:translate3d(0,20px,0)
  }
  to {
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(0,-3000px,0)
  }
  60% {
    opacity:1;
    transform:translate3d(0,25px,0)
  }
  75% {
    transform:translate3d(0,-10px,0)
  }
  90% {
    transform:translate3d(0,5px,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform:translate3d(0,10px,0)
  }
  40%,
  45% {
    opacity:1;
    transform:translate3d(0,-20px,0)
  }
  to {
    opacity:0;
    transform:translate3d(0,2000px,0)
  }
}
.show-all-notifications-btn {
  font-size:16px;
  font-weight:500
}
#users_answers_selection_wrapper {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#000000c4;
  z-index:99999999;
  overflow:auto;
  display:block
}
.users_answers_selection_container {
  max-width:1300px;
  background:#ffffff;
  border-radius:10px;
  margin:30px auto;
  height:auto;
  min-height:90vh
}
.users_answers_selection-head {
  padding-bottom:8px
}
.users_answers_selection-title {
  flex:1;
  font-size:17px;
  margin:14px 30px;
  font-weight:600;
  margin-bottom:0
}
.users_answers_selection-search {
  margin:20px;
  margin-bottom:0
}
.users_answers_selection-search > input[type=text] {
  width:300px;
  border-radius:5px;
  font-size:13px;
  height:44px;
  font-weight:300
}
.users_answers_selection-search button[type=submit] {
  width:20px;
  height:20px;
  background:none;
  border:none;
  outline:none;
  box-shadow:none;
  position:absolute;
  top:12px;
  left:14px;
  color:#bababa
}
.users_answers_selection-search button[type=submit]:hover {
  color:#ffc731
}
.users_answers_selection-search button[type=submit]:active {
  color:#ffc731;
  opacity:0.8
}
.users_answers_selection-search button[type=submit] svg {
  width:16px;
  height:16px
}
.users_answers_selection-groups {
  padding:0 30px 15px;
  column-gap:5px;
  row-gap:8px
}
.users_answers_selection-group-item {
  font-size:14px;
  background:#fff;
  border-radius:25px;
  padding:5px 20px;
  transition:all 0.2s ease;
  opacity:0.8
}
.users_answers_selection-group-item:hover {
  background:#e6ecf3;
  opacity:1
}
.users_answers_selection-group-item:active {
  background:#dde6f0;
  opacity:1
}
.users_answers_selection-group-item.active {
  background:#6a7e93;
  color:#fff;
  font-weight:500;
  opacity:1
}
.users_answers_selection-items {
  padding:0 22px 20px
}
.users_answers_selection-item-wrapper {
  flex:0 0 25%;
  padding:8px
}
.users_answers_selection-item {
  background:#e6ecf3;
  border-radius:13px;
  padding:18px 22px;
  transition:all 0.2s ease;
  height:100%
}
.users_answers_selection-item:hover {
  background:#dde6f0
}
.users_answers_selection-item:active {
  background:#d1dce8
}
.users_answers_selection-item-title {
  font-size:15px;
  font-weight:500;
  padding-bottom:6px
}
.users_answers_selection-item-desc {
  font-size:14px;
  font-weight:300
}
.users_answers_selection-cancel-btn {
  color:#9a9a9a;
  padding-left:30px;
  font-size:15px;
  font-weight:300;
  padding-top:19px;
  cursor:pointer;
  transition:all 0.2s ease
}
.users_answers_selection-cancel-btn svg {
  width:19px;
  height:22px;
  margin-left:2px;
  padding-top:4px;
  opacity:0.5
}
.users_answers_selection-cancel-btn:hover {
  color:#6b6b6b
}
.users_answers_selection-cancel-btn:active {
  color:#6b6b6b;
  opacity:0.5
}
.users_answers_selection-item-holder {
  height:120px;
  position:relative;
  border-radius:13px;
  background:#e6ecf3;
  overflow:hidden;
  cursor:progress;
  transition:all 0.2s ease
}
.users_answers_selection-item-holder:hover {
  background:#dde6f0
}
.users_answers_selection-item-holder:active {
  background:#d1dce8
}
.users_answers_selection-item-holder span {
  position:absolute;
  top:-50px;
  bottom:-50px;
  width:30px;
  background:#fff;
  transform:rotate(-25deg);
  right:-100px;
  animation:users_answers_selection 1.1s ease-in-out 0s infinite alternate;
  opacity:0.5;
  filter:blur(30px)
}
.users_answers_selection-empty {
  padding:0 30px
}
@keyframes users_answers_selection {
  50% {
    right:200px
  }
  70% {
    right:-100px
  }
  100% {
    right:700px
  }
}
.users_answers_selection-more > div {
  background:#e6ecf3;
  padding:1pc 40px;
  border-radius:9px;
  cursor:pointer;
  transition:all 0.2s ease;
  gap:7px
}
.users_answers_selection-more > div > svg {
  width:16px;
  height:16px;
  opacity:0.5
}
.users_answers_selection-more > div:hover {
  background:#dde6f0
}
.users_answers_selection-more > div:active {
  background:#d1dce8
}
@media screen and (max-width:1000px) {
  .users_answers_selection-item-wrapper {
    flex:0 0 33.333333%
  }
}
@media screen and (max-width:800px) {
  .users_answers_selection-item-wrapper {
    flex:0 0 50%
  }
}
@media screen and (max-width:750px) {
  .users_answers_selection-search {
    order:2;
    width:100%;
    margin-bottom:15px
  }
  .users_answers_selection-head {
    flex-wrap:wrap
  }
  .users_answers_selection-search > input[type=text] {
    width:100%
  }
}
@media screen and (max-width:600px) {
  .users_answers_selection-item-wrapper {
    flex:0 0 100%
  }
}
.zm-pages {
  justify-content:center;
  gap:5px;
  font-size:14px;
  user-select:none;
  padding:10px 0;
  white-space:nowrap;
  flex-wrap:wrap
}
.zm-pages > .counts,
.zm-pages > .current,
.zm-pages > a {
  padding:7px 17px
}
@media screen and (max-width:500px) {
  .zm-pages {
    font-size:12px
  }
  .zm-pages > .counts,
  .zm-pages > .current,
  .zm-pages > a {
    padding:3px 10px
  }
}
.zm-pages > a {
  background:#fff;
  border-radius:6px;
  transition:all 0.2s ease;
  box-shadow:0 2px 5px rgb(0 0 0 / 2%);
  border:solid 1px #fff
}
.zm-pages > a:hover {
  border:solid 1px #f9d342;
  color:#595959
}
.zm-pages > .current {
  background:#f9d342;
  color:#fff;
  border-radius:6px;
  box-shadow:0 4px 8px rgb(0 0 0 / 4%);
  scale:1.1;
  margin:0 2px
}
.header-navbar {
  width:100%;
  background:#f9d342;
  color:#292826;
  user-select:none;
  -webkit-user-drag:none;
  cursor:pointer;
  transition:all 0.2s ease;
  box-shadow:0 10px 20px rgba(0,0,0,0.01)
}
.header-navbar:hover {
  opacity:0.8
}
.header-navbar:active {
  opacity:0.9
}
.header-navbar > .container {
  padding:10px 22px;
  margin:auto;
  width:100%;
  gap:7px
}
.header-navbar-text {
  flex:1;
  font-size:15px;
  font-weight:500
}
.header-navbar-btn {
  gap:4px;
  font-size:16px;
  font-weight:500
}
@media screen and (max-width:600px) {
  .header-navbar-btn {
    display:none
  }
}
.header-navbar-btn svg {
  width:14px;
  height:14px;
  opacity:0.6
}
.image-notify-fixed {
  position:fixed;
  bottom:20px;
  right:-200px;
  z-index:99;
  animation:znvato_ImageNotifyFiexed1 .3s ease-out 0s 1 normal forwards,znvato_ImageNotifyFiexed2 1.5s ease-in-out .3s infinite alternate forwards;
  user-select:none;
  pointer-events:none;
  opacity:0;
  transition:all 0.2s ease
}
.image-notify-fixed.show {
  opacity:1;
  pointer-events:all;
  right:20px
}
.image-notify-fixed:hover {
  animation-play-state:paused
}
.image-notify-fixed-close {
  width:25px;
  height:25px;
  background:#575757;
  color:#fff;
  border-radius:50%;
  margin-bottom:5px;
  margin-right:10px;
  box-shadow:0 5px 10px rgba(0,0,0,0.3);
  cursor:pointer;
  transition:all 0.2s ease;
  opacity:0;
  position:relative;
  z-index:1
}
@media screen and (max-width:500px) {
  .image-notify-fixed {
    animation:none;
    width:50%
  }
  .image-notify-fixed-close {
    opacity:1
  }
}
.image-notify-fixed:hover .image-notify-fixed-close {
  opacity:1
}
.image-notify-fixed-close:active {
  opacity:0.5!important
}
.image-notify-fixed-close svg {
  width:50%;
  height:50%
}
.image-notify-fixed-close:hover {
  background:#fff;
  color:#575757;
  transform:scale(1.1)
}
.image-notify-fixed-image {
  max-width:250px;
  transition:all 0.2s ease;
  -webkit-user-drag:none
}
.image-notify-fixed-image:hover {
  opacity:0.9
}
.image-notify-fixed-image img {
  max-width:100%
}
@keyframes znvato_ImageNotifyFiexed2 {
  0% {
    transform:translateY(-10px)
  }
  50% {
    transform:translateY(-6px)
  }
  to {
    transform:translateY(-10px)
  }
}
@keyframes znvato_ImageNotifyFiexed1 {
  to {
    transform:translateY(-10px)
  }
}
.ck-source-editing-area {
  overflow:hidden!important;
  max-height:300px!important
}
.ck-source-editing-area textarea {
  overflow:auto!important
}
@font-face {
  font-family:swiper-icons;
  src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight:400;
  font-style:normal
}
:root {
  /*! --swiper-theme-color:#f9d342 */
}
:host {
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}
.swiper {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  overflow:clip;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}
.swiper-vertical>.swiper-wrapper {
  flex-direction:column
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing:content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform:translate3d(0px,0,0)
}
.swiper-horizontal {
  touch-action:pan-y
}
.swiper-vertical {
  touch-action:pan-x
}
.swiper-slide-invisible-blank {
  visibility:hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height:auto
}
.swiper-autoheight .swiper-wrapper {
  align-items:flex-start;
  transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective:1200px
}
.swiper-3d .swiper-wrapper {
  transform-style:preserve-3d
}
.swiper-3d {
  perspective:1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style:preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content:'';
  flex-shrink:0;
  order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:center center;
  scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}
.swiper-3d .swiper-slide-shadow {
  background:rgba(0,0,0,.15)
}
 
.swiper-lazy-preloader {
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  box-sizing:border-box;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility:hidden;
  transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height:1px;
  width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width:1px;
  height:var(--swiper-virtual-size)
}
:root {
  /*! --swiper-navigation-size:44px */
}
.swiper-button-next,
.swiper-button-prev {
  position:absolute;
  top:var(--swiper-navigation-top-offset,50%);
  margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity:.35;
  cursor:auto;
  pointer-events:none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity:0;
  cursor:auto;
  pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display:none!important
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width:100%;
  height:100%;
  object-fit:contain;
  transform-origin:center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform:rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left:var(--swiper-navigation-sides-offset,10px);
  right:auto
}
.swiper-button-lock {
  display:none
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  text-transform:none!important;
  letter-spacing:0;
  font-variant:initial;
  line-height:1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content:'prev'
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content:'next'
}
.swiper-pagination {
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display:none!important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom:var(--swiper-pagination-bottom,8px);
  top:var(--swiper-pagination-top,auto);
  left:0;
  width:100%
}
.swiper-pagination-bullets-dynamic {
  overflow:hidden;
  font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform:scale(.33);
  position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform:scale(.33)
}
.swiper-pagination-bullet {
  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display:inline-block;
  border-radius:var(--swiper-pagination-bullet-border-radius,50%);
  background:var(--swiper-pagination-bullet-inactive-color,#000);
  opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)
}
button.swiper-pagination-bullet {
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer
}
.swiper-pagination-bullet:only-child {
  display:none!important
}
.swiper-pagination-bullet-active {
  opacity:var(--swiper-pagination-bullet-opacity,1);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right:var(--swiper-pagination-right,8px);
  left:var(--swiper-pagination-left,auto);
  top:50%;
  transform:translate3d(0px,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top:50%;
  transform:translateY(-50%);
  width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display:inline-block;
  transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s right
}
.swiper-pagination-fraction {
  color:var(--swiper-pagination-fraction-color,inherit)
}
.swiper-pagination-progressbar {
  background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width:100%;
  height:var(--swiper-pagination-progressbar-size,4px);
  left:0;
  top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width:var(--swiper-pagination-progressbar-size,4px);
  height:100%;
  left:0;
  top:0
}
.swiper-pagination-lock {
  display:none
}
.swiper-scrollbar {
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  position:relative;
  -ms-touch-action:none;
  background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display:none!important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position:absolute;
  left:var(--swiper-scrollbar-sides-offset,1%);
  bottom:var(--swiper-scrollbar-bottom,4px);
  top:var(--swiper-scrollbar-top,auto);
  z-index:50;
  height:var(--swiper-scrollbar-size,4px);
  width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position:absolute;
  left:var(--swiper-scrollbar-left,auto);
  right:var(--swiper-scrollbar-right,4px);
  top:var(--swiper-scrollbar-sides-offset,1%);
  z-index:50;
  width:var(--swiper-scrollbar-size,4px);
  height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar-drag {
  height:100%;
  width:100%;
  position:relative;
  background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  left:0;
  top:0
}
.swiper-scrollbar-cursor-drag {
  cursor:move
}
.swiper-scrollbar-lock {
  display:none
}
.swiper-zoom-container {
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width:100%;
  max-height:100%;
  object-fit:contain
}
.swiper-slide-zoomed {
  cursor:move;
  touch-action:none
}
.swiper .swiper-notification {
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}
.swiper-free-mode>.swiper-wrapper {
  transition-timing-function:ease-out;
  margin:0 auto
}
.swiper-grid>.swiper-wrapper {
  flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper {
  flex-wrap:wrap;
  flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function:ease-out
}
.swiper-fade .swiper-slide {
  pointer-events:none;
  transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-cube {
  overflow:visible
}
.swiper-cube .swiper-slide {
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events:auto;
  visibility:visible
}
.swiper-cube .swiper-cube-shadow {
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}
.swiper-cube .swiper-cube-shadow:before {
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter:blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide {
  pointer-events:auto;
  visibility:visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-flip {
  overflow:visible
}
.swiper-flip .swiper-slide {
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
  transition-property:transform,opacity,height
}
.swiper-cards {
  overflow:visible
}
.swiper-cards .swiper-slide {
  transform-origin:center bottom;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden
}
.hero-title {
  font-size:36px;
  font-weight:700;
  color:#243238;
  position:relative
}
.hero-title::before {
  content:'';
  position:absolute;
  top:32px;
  right:53px;
  width:6px;
  height:6px;
  border-radius:50%
}
.hero-description {
  font-size:16px;
  font-weight:300;
  color:#243238;
  padding-top:2px
}
.hero-search-box {
  width:100%
}
.hero-search-box-holder {
  width:100%;
  max-width:670px;
  height:65px;
  background:#F5F5F5;
  margin:40px 0 15px;
  border-radius:12px;
  cursor:text
}
.search-trends-words {
  font-size:13px;
  gap:7px;
  font-weight:300
}
.search-trends-words-label {
  color:#243238;
  font-weight:400
}
.search-trends-words-label svg {
  width:14px;
  height:14px;
  color:#54667a;
  margin-top:5px;
  float:right;
  margin-left:3px;
  opacity:0.5
}
.search-trends-words-list {
  color:#78747e;
  column-gap:15px;
  row-gap:5px
}
.search-trends-words-list > a {
  display:flex;
  flex-direction:row;
  align-items:center
}
.search-trends-words-list > a > svg {
  width:12px;
  height:12px;
  margin-left:5px
}
.search-trends-words-list a:hover {
  color:#11bdbdcf
}
.search-trends-words-list .words-separator {
  padding:0 1px 0 2px
}
.hero-search-box-holder svg {
  width:20px;
  height:20px;
  position:absolute;
  top:23px;
  left:22px;
  color:#b5b5b5;
  pointer-events:none;
  opacity:0.8
}
.hero-search-box-holder span {
  font-size:16px;
  position:absolute;
  top:18px;
  right:27px;
  pointer-events:none;
  color:#646464;
  font-weight:300;
  opacity:0.7
}
@media screen and (max-width:900px) {
  .hero-title {
    font-size:24px
  }
  .hero-description {
    font-size:14px
  }
  .hero-title::before {
    display:none
  }
}
@media screen and (max-width:700px) {
  .hero-title {
    font-size:24px;
    padding-bottom:6px;
    max-width:290px
  }
  .hero-description {
    font-size:14px;
    max-width:395px
  }
  .hero-section {
    padding:40px 20px
  }
  .hero-search-box-holder {
    height:50px
  }
  .hero-search-box-holder span {
    font-size:14px;
    top:13px
  }
  .hero-search-box-holder svg {
    width:18px;
    height:18px;
    top:16px;
    left:19px
  }
}
.products-tabs.loading .products-tabs-contents {
  display:none!important
}
.products-tabs.loading .products-tabs-items {
  pointer-events:none
}
.products-tabs-loading {
  display:none
}
.products-tabs.loading .products-tabs-loading {
  display:flex
}
.products-tabs-loading-item {
  width:137px;
  height:137px
}
.products-tabs-loading-item i {
  width:117px;
  height:117px;
  background:#f3f3f3;
  border-radius:4px;
  background:linear-gradient(to right,#f3f3f3 10%,#ededed 18%,#f3f3f3 33%);
  background-size:800px 104px;
  animation:placeHolderShimmer 2s linear 0s infinite
}
@keyframes placeHolderShimmer {
  0% {
    background-position:468px 0
  }
  100% {
    background-position:-468px 0
  }
}
.products-tabs {
  position:relative;
  z-index:9;
  padding: 25px 0px 0px 0px;
}
.products-tabs-items {
  border:solid 1px #eceef2;
  border-radius:5px;
  margin:0 12px 21px
}
.products-tabs-item {
  flex:1;
  cursor:pointer;
  padding:16px 0;
  gap:4px;
  opacity:0.7;
  height:59px
}
.products-tabs-item svg {
  width:18px;
  height:18px;
  position:relative
}
.products-tabs-item span {
  font-size:15px;
  position:relative;
  white-space:nowrap
}
.products-tabs-contents {
  margin:15px 0;
  display:none;
  /*! opacity:0.7; */
  transform:scale(0.99)
}
.products-tabs-contents.show {
  display:flex;
  animation:pTabShow 0.3s ease 0s forwards
}
.products-tabs-item.active {
  opacity:1
}
@keyframes pTabShow {
  to {
    opacity:1;
    transform:scale(1)
  }
}
.products-tabs-contents-item-wrapper {
  width:137px;
  height:137px;
  position:relative
}
.products-tabs-contents-item {
  width:115px;
  height:115px;
  background:#ffffff;
  box-shadow:0 6px 21px rgb(82 85 90 / 15%);
  border-radius:8px
}
.products-tabs-contents-item:hover {
  box-shadow:0 6px 21px rgb(82 85 90 / 18%)
}
.products-tabs-contents-item img {
  width:80px;
  height:80px;
  display:block;
  -webkit-user-drag:none;
  pointer-events:none
}
.products-tabs-item::after {
  content:'';
  position:absolute;
  bottom:-1px;
  left:50%;
  right:50%;
  height:2px;
  background:#6caf17;
  transition:all 0.2s ease
}
.products-tabs-item::before {
  content:'';
  position:absolute;
  top:0;
  right:50%;
  left:50%;
  bottom:0;
  background:rgba(255,193,7,0.03)
}
.products-tabs-item.active {
  color:#6caf17;
}
.products-tabs-item.active::after {
  left:10px;
  right:10px
}
.products-tabs-item.active::before {
  animation:tabItemBefore 1s ease 0s forwards
}
@keyframes tabItemBefore {
  0% {
    right:50%;
    left:50%;
    background:rgba(255,7,85,0.03)
  }
  50% {
    right:0%;
    left:0%
  }
  100% {
    background:transparent
  }
}
.products-tabs-view-more {
  margin:20px 0 10px;
  width:100%
}
.products-tabs-view-more a {
  font-size:14px;
  padding:8px 34px 8px 28px;
  display:flex;
  margin:11px 0;
  gap:6px;
  border-radius:4px;
  background:#fff;
  box-shadow:0 6px 21px rgb(82 85 90 / 15%);
  user-select:none
}
.products-tabs-view-more a:hover {
  transform:scale(1.05)
}
.products-tabs-view-more a svg {
  width:14px;
  height:14px;
  opacity:0.5
}
.products-tabs-view-more a span {
}
@media screen and (max-width:1000px) {
  .products-tabs-item span {
    display:none
  }
  .products-tabs-items {
    width:266px;
    margin-right:auto;
    margin-left:auto
  }
}
.products-tabs-contents-item > .product-item-percent {
  transform:scale(0.8);
  top:-21px;
  left:-21px
}
.products-popup-container {
  position:absolute;
  top:-240px;
  background:#ffffff;
  z-index:99;
  width:400px;
  box-shadow:0 0 40px rgba(82,85,90,0.2);
  border-radius:6px;
  pointer-events:none
}
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(1) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(2) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(3) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(4) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(5) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(11) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(12) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(13) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container {
  left:auto;
  right:142px
}
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(6) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(7) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(8) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(9) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(10) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(16) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(17) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(18) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(19) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(20) > .products-popup-container {
  left:142px;
  right:auto
}
@media screen and (max-width:1399px) {
  .products-tabs-items {
    max-width:500px;
    margin-right:auto;
    margin-left:auto
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(19),
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(20) {
    display:none
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(1) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(2) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(3) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(4) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(5) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(6) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(10) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(11) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(12) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(13) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container {
    left:auto;
    right:142px
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(7) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(8) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(9) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(16) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(17) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(18) > .products-popup-container {
    left:142px;
    right:auto
  }
}
@media screen and (max-width:1262px) {
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(17),
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(18) {
    display:none
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(1) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(2) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(3) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(4) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(9) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(10) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(11) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(12) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container {
    left:auto;
    right:142px
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(5) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(6) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(7) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(8) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(13) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(16) > .products-popup-container {
    left:142px;
    right:auto
  }
}
@media screen and (max-width:1125px) {
  .products-popup-container {
    display:none!important
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper {
    display:flex!important
  }
}
.products-tabs-empty {
  gap:8px;
  padding:60px 0
}
.products-tabs-empty > svg {
  width:40px;
  height:40px;
  opacity:0.2
}
.products-tabs-empty > div {
  font-size:14px;
  font-weight:500;
  opacity:0.4
}
.product-item-image img {
  width:400px;
  height:400px;
  display:block;
  margin:0;
  padding:0
}
.product-item-title {
  padding:0;
  margin:0
}
.product-item-title a {
  display:block;
  font-size:16px;
  font-weight:500;
  padding:16px 20px 1px
}
.product-item-developer {
  padding:4px 20px 4px 8px;
  gap:8px
}
.product-item-developer img {
  width:25px;
  height:25px;
  border-radius:50%
}
.product-item-developer span {
  font-size:12px;
  font-weight:500
}
.product-item-category {
  font-size:12px;
  padding:4px 0px 4px;
  gap:8px;
  color:#9ea6af
}
.product-item-category span {
  font-weight:500;
  color:#54667a
}
.product-item-desc {
  padding:8px 20px;
  font-size:13px;
  font-weight:300;
  text-align:justify
}
.product-item-detail {
  padding:20px 20px 23px;
  border-top:solid 1px #ebedf2;
  margin-top:10px
}
.product-item-sales {
  line-height:20px
}
.product-item-sales span {
  font-size:18px;
  font-weight:500
}
.product-item-sales small {
  font-size:13px;
  font-weight:300;
  opacity:0.8
}
.product-item-rate {
  line-height:20px
}
.product-item-rate svg {
  width:16px;
  height:16px;
  color:#ffc107
}
.product-item-rate span {
  font-size:14px;
  font-weight:500
}
.product-item-price {
  column-gap:3px;
  justify-content:flex-end;
  line-height:20px
}
.product-item-price .del {
  padding-left:2px;
  font-size:15px;
  opacity:0.8;
  text-decoration:line-through
}
.product-item-price .price {
  font-size:18px;
  font-weight:500
}
.product-item-price .desc {
  white-space:nowrap;
  font-size:13px;
  padding-right:2px;
  opacity:0.8
}
.product-item-window {
  position:absolute;
  top:21px;
  left:15px;
  gap:4px
}
.product-item-window i {
  width:12px;
  height:12px;
  background:#e9e9e9;
  border-radius:50%
}
.product-item-percent {
  position:absolute;
  top:18px;
  left:-20px;
  z-index:5;
  color:#fff;
  width:70px;
  height:70px
}
.product-item-percent svg {
  width:70px;
  height:70px;
  position:absolute;
  color:#ffb03b
}
.product-item-percent span {
  position:absolute;
  top:14px;
  left:0;
  right:0;
  text-align:center;
  font-size:16px;
  font-weight:500;
  direction:ltr
}
.product-item-percent small {
  position:absolute;
  bottom:16px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  font-weight:300
}
.idx-products {
  padding:20px 0
}
.idx-products-head {
}
.idx-products-title {
  flex:1;
  gap:8px;
  font-size:18px;
  font-weight:500
}
.idx-products-title>svg {
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin-right:4px
}
.idx-products-title>img {
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin-right:4px
}
.idx-products-btns {
  gap:10px
}
.idx-products-btn {
  font-size:14px;
  padding:8px 20px 8px 14px;
  display:flex;
  margin:11px 0;
  gap:6px;
  border-radius:4px;
  background:#fff;
  box-shadow:0 6px 21px rgb(82 85 90 / 15%);
  user-select:none;
  font-weight:500;
  opacity:0.8;
  transition:all 0.2s ease
}
.idx-products-btn:hover {
  opacity:1
}
.idx-products-btn>svg {
  width:12px;
  height:12px;
  opacity:0.4
}
.swiper {
  width:100%
}
.swiper-slide {
  display:flex;
  justify-content:center;
  align-items:center
}
.swiper-slide,
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height:100%!important
}
.wgt_product-item {
  width:100%
}
.idx-products-items {
  max-width:2600px;
  margin:auto;
  width:100%;
  min-height:250px
}
.wgt_product-item-title {
  /*white-space:nowrap;*/
  overflow:hidden;
  text-overflow:ellipsis
}
.znvato__swiper_cards {
  width:700px
}
@media screen and (max-width:1300px) {
  .znvato__swiper_cards {
    width:500px
  }
}
.idx-product-promotion-slide img {
  width:100%;
  height:auto
}
.idx-product-promotion {
  padding:70px 0;
  margin:20px 0;
  background:#000;
  overflow:hidden;
  color:#ffffff
}
.idx-product-promotion-bg {
  position:absolute;
  top:-70px;
  left:-70px;
  right:-70px;
  bottom:-70px;
  filter:blur(80px);
  opacity:0.4
}
.idx-product-promotion-cover {
  position:relative;
  z-index:2
}
.idx-product-promotion-contents {
  padding-right:70px;
  padding-left:70px
}
.idx-product-promotion-contents>h2 {
  padding:0;
  margin:0;
  font-size:22px;
  font-weight:500;
  margin-bottom:6px;
  transition:all 0.2s ease
}
.idx-product-promotion-contents>h2:hover {
  opacity:0.8
}
.idx-product-promotion-data {
  justify-content:space-between;
  margin-bottom:40px;
  padding:10px 20px;
  border-radius:10px;
  box-shadow:0 0 0 2px #ffffff21;
  gap:30px
}
.idx-product-promotion-data-item {
  padding:9px 10px
}
.idx-product-promotion-data-item-value {
  font-size:20px;
  font-weight:600
}
.idx-product-promotion-data-item-label {
  font-size:13px;
  font-weight:400;
  opacity:0.8
}
.idx-product-promotion-data-item-label > svg {
  width:20px;
  height:20px;
  color:#ffc859
}
.idx-product-promotion-btns {
}
.idx-product-promotion-btns > .wgt_product-item-btn {
  padding:0px 10px;
  height:54px;
  font-size:15px;
  font-weight:500;
  box-shadow:0 10px 20px rgba(0,0,0,0.1)!important
}
.idx-product-promotion-btns > .wgt_product-item-btn-preview:hover {
  background:#1987de
}
.idx-product-promotion-btns > .wgt_product-item-btn-preview:active {
  background:#1279ca
}
.idx-product-promotion .wgt_product-item-badge {
  border:none
}
.idx-product-promotion .wgt_product-item-badge.special {
  background:#ffb100
}
.idx-product-promotion .wgt_product-item-badge.bundle {
  background:#00bcd4
}
.idx-product-promotion .wgt_product-item-badge.orginal {
  background:#3f51b5
}
.idx-product-promotion .wgt_product-item-badge.iran {
  background:#49cd72
}
.idx-product-promotion .wgt_product-item-badge.guard {
  background:#666
}
.idx-product-promotion .wgt_product-item-badge.video {
  background:#f3483c
}
.idx-product-promotion .wgt_product-item-badge.updates {
  background:#47a9f7
}
.idx-product-promotion .wgt_product-item-badge.trend {
  background:#12ade5
}
.idx-banner {
  padding:10px 0;
  margin-top:10px
}
.idx-banner img {
  max-width:100%
}
@media screen and (max-width:1100px) {
  .idx-product-promotion .container {
    flex-direction:column
  }
  .idx-product-promotion-contents {
    padding-right:15px;
    padding-left:15px;
    padding-top:50px;
    width:100%
  }
}
@media screen and (max-width:610px) {
  .znvato__swiper_cards {
    width:400px
  }
}
@media screen and (max-width:480px) {
  .znvato__swiper_cards {
    width:300px
  }
  .idx-product-promotion {
    padding:30px 0
  }
  .idx-product-promotion-btns {
    flex-direction:column
  }
  .idx-product-promotion-btns > .wgt_product-item-btn {
    width:100%;
    flex:auto
  }
  .idx-product-promotion-data {
    flex-wrap:wrap
  }
}
.vendor-pin-label svg {
  width:24px;
  height:24px;
  margin-left:4px;
  color:#ff6a3d;
  animation:itemPreviewAni 1s ease 0s infinite;
  cursor:pointer
}
.idx-vendor-data-item {
  font-size:13px;
  padding:0 13px;
  font-weight:500;
  user-select:none;
  line-height:28px
}
.idx-vendor-data-item span {
  opacity:0.6;
  font-size:14px
}
.idx-vendor-data-item strong {
  font-size:19px;
  user-select:text;
  opacity:1;
  color:#57d17d
}
.vendor-pin-label-tip {
  background:#fe6a3d;
  color:#fff;
  position:absolute;
  top:-2px;
  right:24px;
  white-space:nowrap;
  font-size:14px;
  font-weight:500;
  padding:2px 15px;
  border-radius:18px;
  box-shadow:0 10px 20px rgba(0,0,0,0.09);
  z-index:1;
  opacity:0;
  pointer-events:none
}
.vendor-pin-label:hover .vendor-pin-label-tip {
  opacity:1;
  right:28px
}
@media screen and (max-width:600px) {
  .idx-products-head {
    flex-wrap:wrap
  }
}
.wgt_product-item {
  background:#fff;
  box-shadow:0 5px 37px rgb(0 0 0 / 11%);
  border-radius:8px;
  padding-top:8px;
  height:100%;
  border-radius: 15px;
}
.wgt_product-item > h2 {
  display:flex;
  padding:0;
  margin:0;
  flex-direction:column
}
.wgt_product-item-image {
  position:relative;
  transition:all 0.2s ease
}
.wgt_product-item:hover .wgt_product-item-image {
  opacity:0.9
}
.wgt_product-item-img {
  border-radius:3px;
  width:100%;
  height:auto;
  min-height:150px;
  background:#ccc
}
.wgt_product-item-title {
  padding:12px 20px;
  font-size:15px;
  text-align:right;
  font-weight:500;
  padding-top:14px
}
.wgt_product-item-vendor {
  padding:0 20px;
  gap:5px;
  font-size:13px;
  font-weight:500;
  height:30px;
  overflow:hidden;
  transition:all 0.2s ease
}
.wgt_product-item-vendor > img {
  width:25px;
  height:25px;
  border-radius:50%
}
.wgt_product-item-vendor span {
  opacity:0.8
}
.wgt_product-item-data {
  padding:0 20px;
  flex-wrap:wrap
}
.wgt_product-item-data-item {
  flex:1;
  gap:5px;
  row-gap:0;
  position:relative
}
.wgt_product-item-data-item-value {
  font-size:16px;
  font-weight:600
}
.wgt_product-item-data-item-label {
  font-size:12px;
  opacity:0.6;
  font-weight:500
}
.wgt_product-item-data-item-label > svg {
  width:14px;
  height:13px
}
.wgt_product-item {
  position:relative;
  padding-bottom:15px
}
.wgt_product-item-data {
  padding-top:30px;
  transition:all 0.2s ease;
  min-height:79px
}
.wgt_product-item-btns {
  gap:8px;
  max-height:0px;
  padding:0 10px;
  overflow:hidden;
  transition:all 0.2s ease;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  opacity:0.5
}
.wgt_product-item:hover .wgt_product-item-btns {
  max-height:100px;
  padding:12px 20px 20px;
  opacity:1
}
.wgt_product-item:hover .wgt_product-item-data {
  padding-top:0px;
  padding-bottom:60px
}
.wgt_product-item:hover .wgt_product-item-vendor {
  height:0px;
  opacity:0
}
@media screen and (max-width:600px) {
  .wgt_product-item .wgt_product-item-btns {
    max-height:100px;
    padding:12px 20px 15px;
    opacity:1
  }
  .wgt_product-item .wgt_product-item-data {
    padding-top:0px;
    padding-bottom:60px
  }
  .wgt_product-item .wgt_product-item-vendor {
    height:0px;
    opacity:0
  }
}
.wgt_product-item-btn {
  background:#f9aa44;
  color:#fff;
  padding:5px 10px;
  justify-content:center;
  gap:5px;
  font-weight:500;
  font-size:14px;
  height:44px;
  user-select:none;
  cursor:pointer;
  transition:all 0.2s ease;
  position:relative;
  border-radius: 15px;
}
.wgt_product-item-btn > svg {
  width:20px;
  height:20px;
  flex:0 0 20px
}
.wgt_product-item-btn:hover {
  background:#ffaf47;
}
.wgt_product-item-btn:active {
  background:#49cd72
}
.wgt_product-item-btn-preview {
  background:#adb66b;
  color:#ffffff;
  padding:5px 12px;
  font-weight:400;
  transition:all 0.2s ease
}
.wgt_product-item-btn-preview:hover,
.wgt_product-item-btn-preview:active {
  background:#adb66b;
  color:#ffffff;
  box-shadow:none
}
.wgt_product-item-btn-preview-tip {
  position:absolute;
  white-space:nowrap;
  left:32px;
  background:#adb66b;
  top:0px;
  bottom:0px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 19px 0 0;
  border-radius:9px;
  box-shadow:21px 5px 20px rgba(234, 211, 211, 0.22);
  opacity:0;
  pointer-events:none;
  transition:all 0.15s ease;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.wgt_product-item-btn-preview:hover .wgt_product-item-btn-preview-tip {
  opacity:1;
  left:36px
}
.wgt_product-item-btn:hover svg {
  animation:itemPreviewAni 0.2s ease 0s forwards
}
@keyframes itemPreviewAni {
  50% {
    transform:scale(1.1)
  }
  100% {
    transform:scale(1)
  }
}
.wgt_product-item-btn.loading {
  opacity:0.9;
  pointer-events:none
}
.wgt_product-item-btn.loading span,
.wgt_product-item-btn.loading svg {
  display:none
}
.wgt_product-item-btn.loading::after {
  content:'';
  width:20px;
  height:20px;
  border:solid 1px #fff;
  border-top-color:transparent;
  border-radius:50%;
  animation:rotate 1s linear 0s infinite
}
.wgt_product-item-data-item-sales {
  justify-content:center;
  align-items:flex-start;
  flex-direction:column
}
.wgt_product-item-data-item-rates {
  width:56px;
  flex:0 0 56px;
  justify-content:center;
  align-items:flex-start;
  flex-direction:column
}
.wgt_product-item-data-item-rates svg {
  color:#ffc859
}
.wgt_product-item-data-item-price {
  justify-content:flex-end
}
.wgt_product-item-data-item-rates .wgt_product-item-data-item-value {
  font-weight:600;
  opacity:1;
  min-width:14px
}
.wgt_product-item-data-item-rates .wgt_product-item-data-item-label {
  opacity:1
}
.wgt_product-item-data-item-del {
  font-size:13px;
  font-weight:500;
  text-decoration:line-through;
  width:100%;
  text-align:left;
  margin-bottom:-8px;
  opacity:0.6;
  position:absolute;
  left:0;
  top:-6px
}
.wgt_product-item-percent {
  position:absolute;
  top:-15px;
  left:-10px;
  z-index:5;
  color:#fff;
  width:50px;
  height:50px;
  pointer-events:none;
  animation:offAnimateItem 2s linear 0s infinite alternate;
  display:flex
}
.wgt_product-item-percent svg {
  width:100%;
  height:100%;
  position:absolute;
  color:#ffb03b
}
.wgt_product-item-percent span {
  position:absolute;
  top:10px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  font-weight:500;
  direction:ltr
}
.wgt_product-item-percent small {
  position:absolute;
  bottom:11px;
  left:0;
  right:0;
  text-align:center;
  font-size:9px;
  font-weight:300
}
.wgt_product-item-badges {
  gap:1px;
  height:39px;
  position:relative;
  z-index:1;
  padding:0 15px;
  margin-bottom:5px
}
.wgt_product-item-badge {
  width:30px;
  height:30px;
  border-radius:24%;
  color:#9b9996;
  background:#eaddd045;
  border:solid 3px #e6e2da21;
  cursor:pointer;
  position:relative;
  transition:all 0.1s ease
}
.wgt_product-item-badge svg {
  width:50%;
  height:50%
}
.wgt_product-item-badge-tip {
  position:absolute;
  top:40px;
  right:-2px;
  display:flex;
  width:28px;
  transform:rotate(-90deg);
  white-space:nowrap;
  pointer-events:none;
  transition:all 0.2s ease;
  opacity:0;
  justify-content:flex-start
}
.wgt_product-item-badge-tip span {
  background:#80796cf7;
  color:#000;
  padding:3px 10px 5px 10px;
  font-size:13px;
  font-weight:600;
  border-radius:3px;
  box-shadow:-9px 2px 33px rgba(0,0,0,0.18)
}
.wgt_product-item-badge:hover {
  animation:itemPreviewAni 0.2s ease 0s forwards
}
.wgt_product-item-badge:hover .wgt_product-item-badge-tip {
  top:45px;
  opacity:1
}
.wgt_product-item:hover .wgt_product-item-badge.trend {
  background:#12ade51c;
}
.trend .wgt_product-item-badge-tip span {
  color:#fff;
}
.wgt_product-item:hover .wgt_product-item-badge.special {
  background:#ffc1344f;
}
.special .wgt_product-item-badge-tip span {
  color:#fff;
}
.wgt_product-item:hover .wgt_product-item-badge.bundle {
  background:#00bcd4
}
.bundle .wgt_product-item-badge-tip span {
  color:#00bcd4
}
.wgt_product-item:hover .wgt_product-item-badge.orginal {
  background:#3f51b521;
}
.orginal .wgt_product-item-badge-tip span {
  color:#fff;
}
.wgt_product-item:hover .wgt_product-item-badge.iran {
  background:#49cd7224;
}
.iran .wgt_product-item-badge-tip span {
  color:#fff;
}
.wgt_product-item:hover .wgt_product-item-badge.guard {
  background:#6666662b;
}
.guard .wgt_product-item-badge-tip span {
  color:#fff;
}
.wgt_product-item:hover .wgt_product-item-badge.video {
  background:#f3483c
}
.video .wgt_product-item-badge-tip span {
  color:#f3483c
}
.wgt_product-item:hover .wgt_product-item-badge.updates {
  background:#ddf0ff;
}
.updates .wgt_product-item-badge-tip span {
  color:#fefeff;
}
.wgt_product-item-headicon {
  position:absolute;
  top:22px;
  left:15px;
  gap:5px
}
.wgt_product-item-headicon span {
  width:8px;
  height:8px;
  background:#baaed9;
  border-radius:50%
}
@media screen and (max-width:600px) {
  .wgt_product-item-badge.trend {
    background:#12ade5
  }
  .wgt_product-item-badge.special {
    background:#ffb100
  }
  .wgt_product-item-badge.bundle {
    background:#00bcd4
  }
  .wgt_product-item-badge.orginal {
    background:#3f51b5
  }
  .wgt_product-item-badge.iran {
    background:#49cd72
  }
  .wgt_product-item-badge.guard {
    background:#666
  }
  .wgt_product-item-badge.video {
    background:#f3483c
  }
  .wgt_product-item-badge.updates {
    background:#47a9f7
  }
}
@keyframes offAnimateItem {
  from {
    transform:scale(0.95) rotate(-5deg)
  }
  50% {
    transform:scale(1) rotate(0deg)
  }
  to {
    transform:scale(0.95) rotate(-5deg)
  }
}
.wgt_blog-item {
  background:#fff;
  overflow:hidden;
  border-radius:12px;
  box-shadow:0 5px 35px rgba(123,136,161,0.12);
  transition:all 0.2s ease;
  height:100%
}
.wgt_blog-item h4 {
  display:flex;
  margin:0;
  padding:0
}
.wgt_blog-item:hover {
  box-shadow:0 5px 35px rgba(123,136,161,0.22)
}
.wgt_blog-item-image img {
  width:100%;
  object-position:center;
  object-fit:cover;
  max-height:240px;
  background:#ccc
}
.wgt_blog-item-title {
  padding:0px 18px 12px;
  margin-top:0;
  font-size:17px;
  font-weight:500;
  transition:all 0.2s ease;
  text-align:right
}
.wgt_blog-item-title:hover {
  color:#000!important
}
.wgt_blog-item-desc {
  margin-top:0;
  font-size:13px;
  padding:0 18px;
  font-weight:400;
  opacity:0.7;
  transition:all 0.2s ease
}
.wgt_blog-item-footer {
  padding:0 18px 18px;
  margin-top:30px;
  flex:1;
  align-items:flex-end
}
.wgt_blog-item-footer-user {
  gap:10px;
  flex:1
}
.wgt_blog-item-user-avatar {
  width:36px;
  height:36px;
  border-radius:50%
}
.wgt_blog-item-user-info span {
  font-size:12px;
  font-weight:500
}
.wgt_blog-item-user-info small {
  font-size:11px;
  opacity:0.8
}
.wgt_blog-item-more-btn {
  font-size:13px;
  font-weight:600;
  border-radius:26px;
  padding:7px 21px;
  background-color:#fff;
  transition:all 0.2s ease;
  background-color:#f9c447;
  background-image:linear-gradient(45deg,#f9c447,#f9d342);
  color:#fff
}
.wgt_blog-item-more-btn svg {
  width:12px;
  height:12px
}
.wgt_blog-item-more-btn:hover {
  opacity:0.8
}
.wgt_blog-item-image {
  margin-bottom:14px
}
.wgt_blog-item-cats {
  padding:0 18px;
  gap:8px;
  margin-bottom:14px;
  justify-content:flex-start
}
.wgt_blog-item-cats-item {
  color:#ffb900;
  border:solid 1px #ffb900;
  font-size:12px;
  padding:2px 11px;
  border-radius:8px;
  font-weight:500;
  transition:all 0.2s ease;
  text-align:center
}
.wgt_blog-item-cats-item:hover {
  box-shadow:0 2px 10px rgb(0 0 0 / 4%);
  transform:translateY(-1px)
}
.wgt_blog-item-head {
  padding:5px 10px;
  justify-content:flex-end;
  gap:3px
}
.wgt_blog-item-head span {
  width:8px;
  height:8px;
  background:#f1f1f1;
  border-radius:50%
}
 
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
 
 
.breadcrumbs > div > svg {
    width: 15px;
    height: 16px;
    color: #d5d4d4;
    margin: 0 7px;
}
 
.product-title-wrapper {
    padding: 24px 0 12px;
}
.link-edit-product {
    font-size: 11px;
    margin-right: 15px;
    color: #9b9b9b;
    font-weight: normal;
    transition: all 0.2s ease;
}
.link-edit-product:hover {
    color: #696969;
}
.link-edit-product:active {
    background: #f8f8f8;
    color: #696969;
    border-radius: 5px;
}
.product-title-wrapper h1 {
    flex: 1;
    font-size: 22px;
    color: #243238;
    padding: 0;
    margin: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.product-title-wrapper h1 span {
    color: #243238;
    font-size: 12px;
    font-weight: 300;
    padding: 2px 3px;
    height: 25px;
    line-height: normal;
    margin-right: 9px;
    border-radius: 15px;
    user-select: none;
    white-space: nowrap;
    opacity: 0.5;
}
.product-navbar-container {
    background: #9c9e91ed;
    padding: 15px 15px 15px 15px;
    border-radius: 15px;
}
.product-navbar-tabs {
}
.product-navbar-tabs a {
    position: relative;
    display: flex;
    height: 38px;
    align-items: center;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    margin-left: 22px;
    color: #fff;
    -webkit-user-drag: none;
    transition: all 0.2s ease;
    border-radius: 15px;
}
.product-navbar-tabs a span {
    opacity: 0.8;
    background: #fff;
    text-align: center;
    min-width: 22px;
    font-size: 11px;
    margin-right: 6px;
    padding: 0 6px;
    border-radius: 3px;
    color: #54667a;
}
.product-navbar-tabs a:hover {
    color: #fff;
}
.product-navbar-tabs a.active span {
    background: #4389f7;
    color: #ffffff;
    opacity: 1;
}
.product-navbar-tabs a i {
    width: 9px;
    height: 9px;
    background: #9ac81d;
    border-radius: 20%;
    margin-right: 5px;
    opacity: 1;
    animation: tabsI 0.8s ease-in-out 0s infinite alternate;
}
@keyframes tabsI {
    to {
        background: #e9e9e9;
    }
}
.product-navbar-tabs a svg {
    width: 15px;
    height: 15px;
    margin-left: 11px;
    opacity: 0.4;
    transition: all 0.2s ease;
}
.product-navbar-tabs a:hover svg {
    color: #54667a;
}
.product-navbar-tabs a.active svg {
    opacity: 1;
    color: #fff;
}
.product-navbar-tabs a.active {
    color: #fdfdfd;
    padding: 0 18px;
    box-shadow: 0 2px 35px rgba(39, 10, 17, 0.22);
    font-weight: 500;
}
.product-labels {
    gap: 6px;
    padding-left: 5px;
}
.product-label {
    border-radius: 25px;
    padding: 0px 12px 0px 0;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 300;
    word-spacing: -1px;
    flex-direction: row-reverse;
}
.product-label.updates {
    color: #1ab744;
}
.product-label > svg {
    width: 15px;
    height: 15px;
}
.product-label > span {
}
.product-label.support .custom-tooltip-content {
    min-width: 262px;
}
.product-rating-info {
    padding-right: 10px;
    height: 32px;
    padding-top: 9px;
    padding-left: 0;
}
.product-rating-info > span {
    font-size: 14px;
    color: #546e7a;
    direction: ltr;
    height: 32px;
    font-weight: 500;
}
.product-rating-info > span > small {
    opacity: 0.6;
    background: #fff;
    text-align: center;
    min-width: 22px;
    font-size: 11px;
    padding: 0;
    border-radius: 1px 8px 8px 1px;
    display: inline-block;
    margin-left: 3px;
    padding-right: 10px;
    padding-left: 7px;
}
.product-rating-stars {
    margin: 0 3px 0 0;
    height: 32px;
}
.product-rating-stars-empty {
    direction: ltr;
    height: 22px;
}
.product-rating-stars-empty svg {
    width: 22px;
    height: 22px;
    color: #e2e8eb;
    display: inline-block;
}
.product-rating-stars-full {
    direction: ltr;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    bottom: 0;
    white-space: nowrap;
    color: #ffc859;
    height: 22px;
}
.product-rating-stars-full svg {
    width: 22px;
    height: 22px;
    display: inline-block;
}
.product-rating-stars-full.star_1 {
    width: 20%;
}
.product-rating-stars-full.star_1_5 {
    width: 30%;
}
.product-rating-stars-full.star_2 {
    width: 40%;
}
.product-rating-stars-full.star_2_5 {
    width: 50%;
}
.product-rating-stars-full.star_3 {
    width: 60%;
}
.product-rating-stars-full.star_3_5 {
    width: 70%;
}
.product-rating-stars-full.star_4 {
    width: 80%;
}
.product-rating-stars-full.star_4_5 {
    width: 90%;
}
.product-rating-stars-full.star_5 {
    width: 100%;
}
.product-sales-info {
    gap: 1px;
    color: #90a4ae;
    margin-right: 11px;
}
.product-sales-info svg {
    width: 14px;
    height: 14px;
    opacity: 0.5;
    margin-left: 3px;
}
.product-sales-info strong {
    font-size: 14px;
    color: #edf2f4;
    letter-spacing: 1px;
}
.product-sales-info small {
    font-size: 13px;
    padding-right: 3px;
    color: #fff;
}
.product-contents-wrapper {
    gap: 10px;
}
.product-tab-contents {
    width: 850px;
    padding-top: 12px;
}
.product-sidebar {
    flex: 1;
    padding: 12px 15px 15px 0;
}
.product-single-share-btns {
    gap: 7px;
    padding: 20px 25px 1px;
    margin-bottom: 0;
}
.product-single-share-btns .share__label {
}
.product-single-share-btns .share__label svg,
.product-single-share-btns .share__link svg,
.product-single-share-btns .product__bookmark svg,
.product-single-share-btns .product__gallery svg {
    width: 20px;
    height: 20px;
    color: #90a4ae;
}
.product-single-share-btns .share__label svg {
    opacity: 0.3;
    margin-left: 5px;
}
.product-single-share-btns .share__label span {
    font-size: 14px;
    font-weight: 300;
}
.product-single-share-btns .share__link {
    border-radius: 40%;
    width: 40px;
    height: 40px;
}
.product-single-share-btns .share__link svg {
    width: 20px;
    height: 20px;
    color: #353535;
}
.product-single-share-btns .product__bookmark {
    cursor: pointer;
    margin-right: auto;
    position: relative;
    transition: all 0.2s ease;
}
.product__bookmark.bookmarked svg {
    color: #11bdbdcf;
}
.product__bookmark.on-bookmarked::before,
.product__bookmark.on-bookmarked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    transform: scale(0);
    color: #11bdbdcf;
    border: 1px solid transparent;
    box-shadow: -0.8em 0 0 -2px, 0.8em 0 0 -2px, 0 -0.8em 0 -2px, 0 0.8em 0 -2px, -0.6em -0.6em 0 -2px, -0.6em 0.6em 0 -2px, 0.6em -0.6em 0 -2px, 0.6em 0.6em 0 -2px;
}
.product__bookmark.on-bookmarked::before {
    animation: zarimaster_bookmark_before 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.product__bookmark.on-bookmarked::after {
    animation: zarimaster_bookmark_after 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.product-single-share-btns .product__gallery {
    margin-left: 13px;
    cursor: pointer;
    padding: 0 13px;
    border-radius: 26px;
    color: #71828b;
    border: 1px solid #e5e8ea;
    user-select: none;
    height: 40px;
}
.product-single-share-btns .product__gallery svg {
    opacity: 0.9;
    width: 18px;
    height: 18px;
}
.product-single-share-btns .product__gallery:hover {
    box-shadow: 0 1px 5px rgb(0 0 0 / 8%);
}
.product-single-share-btns .product__gallery:active {
    animation: shareBtnLink 0.2s linear 0s forwards;
}
.share__link.whatsapp {
    background: #49cd727d;
}
.share__link.telegram {
    background: #29aaec66;
}
.share__link.twitter {
    background: #58a0d24d;
}
.share__link.linkedin {
    background: #0078b25e;
}
.share__link.link {
    background: #6f6f6f;
}
.product-single-share-btns .share__link {
    -webkit-user-drag: none;
}
.product-single-share-btns .share__link:active {
    animation: shareBtnLink 0.2s linear 0s forwards;
}
@keyframes shareBtnLink {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}
#product__video {
    width: 38px;
    height: 38px;
    background: #fff;
    cursor: pointer;
    border: solid 1px #ffc107;
    display: flex;
    color: #ffc107;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 10px;
    animation: product__video 1s ease 0s infinite alternate;
    transition: all 0.2s ease;
}
#product__cover {
    width: 38px;
    height: 38px;
    background: #fff;
    cursor: pointer;
    border: solid 1px #ffc107;
    display: flex;
    color: #ffc107;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 10px;
    animation: product__cover 1s ease 0s infinite alternate;
    transition: all 0.2s ease;
}
#product__video svg {
    width: 25px;
    height: 25px;
}
#product__cover svg {
    width: 25px;
    height: 25px;
}
#product__video:hover,
#product__video:active {
    background: #ffc107;
    color: #fff;
    animation: none;
    box-shadow: 0 0 0 6px rgba(255, 193, 7, 0.219);
}
#product__cover:hover,
#product__cover:active {
    background: #ffc107;
    color: #fff;
    animation: none;
    box-shadow: 0 0 0 6px rgba(255, 193, 7, 0.219);
}
#product__video:active {
    opacity: 0.8;
}
#product__cover:active {
    opacity: 0.8;
}
@keyframes product__video {
    to {
        box-shadow: 0 0 0 6px rgba(255, 193, 7, 0.219);
    }
}
@keyframes product__cover{
    to {
        box-shadow: 0 0 0 6px rgba(255, 193, 7, 0.219);
    }
}
.product-single-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0px 0px;
}
#product__data {
    margin-bottom: 20px;
    box-shadow: 0 2px 35px rgb(173 188 200 / 22%);
    border-radius: 6px;
}
.product-single-contents {
    font-size: 17px;
    line-height: 30px;
    font-weight: 300;
    padding: 12px 25px;
}
.product-single-contents hr {
    display: block;
    height: 1px;
    border: none;
    background: #ebedf2;
    margin: 30px -24px;
}
.product-single-contents p {
    padding: 0;
    margin: 8px 0;
}
.product-single-contents figure {
    margin: 20px auto;
    padding: 0;
}
.product-single-contents img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.product-single-contents ul {
    padding: 0;
    margin: 8px 5px;
}
.product-single-contents ul li {
    position: relative;
    list-style: none;
    padding-right: 15px;
}
.product-single-contents ul li::before {
    content: "";
    position: absolute;
    right: 0;
    background: #d1d9dd;
    border-radius: 50%;
    color: #0000;
    height: 6px;
    top: 14px;
    width: 6px;
}
.product-single-contents h1,
.product-single-contents h2,
.product-single-contents h3,
.product-single-contents h4,
.product-single-contents h5,
.product-single-contents h6 {
    font-size: 18px;
    font-weight: 500;
    margin: 30px -24px 14px;
    padding: 0 22px 0;
    word-spacing: -1px;
    border-right: 1px solid #bdbdbd;
}
.product-single-contents a {
    color: #ff8329;
    transition: all 0.2s ease;
}
.product-single-contents a:hover {
    color: #f29d30;
}
.product-single-contents code {
    background: #141418;
    border-radius: 12px;
    padding: 10px 18px;
    direction: ltr;
    text-align: left;
    position: relative;
    display: block;
    color: #fff;
}
.product-single-contents code::before {
    position: absolute;
    top: 9px;
    right: 10px;
    background: rgba(134, 134, 134, 0.12);
    border-radius: 8px;
    padding: 1px 11px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
}
.product-single-contents code.language-css::before {
    content: "CSS";
}
.product-single-contents code.language-code::before {
    content: "code";
}
.product-single-contents code.language-php::before {
    content: "PHP";
}
.product-single-contents code.language-javascript::before {
    content: "JavaScript";
}
.product-single-contents code.language-html::before {
    content: "HTML";
}
.product-single-contents code.language-xml::before {
    content: "XML";
}
.product-single-contents code.language-sql::before {
    content: "SQL";
}
.product-single-contents table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #b3b3b3;
}
.product-single-contents table p {
    padding: 0;
    margin: 0;
}
.product-single-contents blockquote {
    background: #ffffea;
    border-top: solid 3px #ffcb40;
    margin: 21px 0;
    padding: 7px 21px;
    font-weight: 400;
    font-style: normal;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 11px 18px rgba(0, 0, 0, 0.01);
}
.product-single-contents table td {
    border: solid 1px #b3b3b3;
    padding: 10px 20px;
}
.product-single-image.two {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
}
.product-single-image.hide {
    opacity: 0;
}
.product-cart-settings.stock-off {
    position: relative;
    user-select: none;
}
.product-cart-settings.stock-off > * {
    filter: blur(2px);
    pointer-events: none;
}
.cart-product-stop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff96;
    z-index: 9;
    border-radius: 9px;
    filter: none !important;
}
.cart-product-stop-text {
    font-size: 13px;
    font-weight: 500;
    color: #292826;
    background: #f9d342;
    padding: 5px 17px;
    border-radius: 25px;
    opacity: 0.9;
}
.product-cart-input {
    display: flex;
    gap: 8px;
}
.product-cart-item-price {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.product-cart-item-price del {
    text-decoration: line-through;
    opacity: 0.5;
    padding-left: 10px;
}
.product-cart-item-price span:not(#support-price) {
    font-size: 13px;
    padding-right: 3px;
}
.product-cart-input .custom-tooltip {
    position: unset;
}
.product-cart-input .custom-tooltip-content {
    left: -20px;
    right: -20px;
    width: auto;
    top: 24px;
}
.product-cart-input .custom-tooltip-arrow {
    margin-top: 0px;
}
.product-cart-input input[type="radio"]:checked ~ .product-cart-item-price,
.product-cart-input input[type="checkbox"]:checked ~ .product-cart-item-price {
    font-weight: 600;
    opacity: 1;
}
.product-cart-settings,
.sidebar-wrapper {
    box-shadow: 0 2px 35px rgb(173 188 200 / 22%);
    padding: 20px 25px;
    border-radius: 34px;
    margin-top: 24px;
}
.product-cart-settings.sticky {
    position: sticky;
    top: 100px;
    z-index: 9;
    box-shadow: none;
    animation: fadeInsticky 0.5s ease 0s forwards;
    border-radius: 15px;
}
.product-cart-settings.sticky .offcode-other-products {
    display: none;
}
@keyframes fadeInsticky {
    from {
        opacity: 0;
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}
.product-cart-settings .product-item-percent {
    display: none;
}
.product-cart-settings.sticky .product-item-percent {
    display: block;
    top: -5px;
    left: -13px;
    transform: scale(0.7);
}
.product-cart-settings.box-fixed .product-item-percent {
    display: block;
    top: 5px;
    left: auto !important;
    right: -16px;
    transform: scale(0.5);
}
.product-cart-settings.sticky #product-preview-btn {
    display: none;
}
.product-cart-settings.box-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    overflow: auto;
    animation: none;
    padding: 10px;
    animation: fadeInBoxFixed 0.2s ease 0s forwards;
    opacity: 0;
}
@keyframes fadeInBoxFixed {
    to {
        opacity: 1;
    }
}
.product-cart-settings.box-fixed #product-preview-btn {
    display: none;
}
.product-cart-settings.box-fixed .radio-input,
.product-cart-settings.box-fixed .checkbox-input {
    padding: 5px 30px 2px 0;
    font-size: 14px;
}
.product-cart-data {
    padding-bottom: 20px;
    border-bottom: solid 1px #f1f1f1;
    margin-bottom: 21px;
    padding-top: 7px;
    display: none;
}
.product-cart-settings.box-fixed .product-cart-data {
    display: flex;
}
.product-cart-data-wrapper {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
}
.product-cart-data-wrapper img {
    height: 28px;
    width: 28px;
}
.product-cart-fixed-close {
    flex: 0 0 20px;
    opacity: 0.5;
    padding: 2px 4px;
    cursor: pointer;
}
.product-cart-fixed-close svg {
    width: 24px;
    height: 24px;
}
.sidebar-wrapper {
    margin-top: 20px;
}
.product-cart-title {
    position: relative;
    margin-bottom: 8px;
}
.product-cart-title span {
    display: inline-block;
    background: #fff;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
}
.product-cart-title::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 2px dashed #f1f1f1;
}
.cart-product-btns {
    padding: 14px 0 0;
    gap: 10px;
}
.cart-product-btn {
    font-size: 14px;
    display: flex;
    gap: 5px;
    padding: 12px 18px;
    font-weight: 500;
    margin: 5px 0;
    height: 48px;
    border-radius: 15px;
}
.cart-product-btn svg {
    width: 20px;
    height: 20px;
}
.cart-product-btn#add-to-cart {
    background: #12caa7e3;
    opacity: 1 !important;
}
.cart-product-btn.loading#add-to-cart {
    opacity: 0.8 !important;
}
.cart-product-btn#add-to-cart:hover {
    background: #12caa7;
}
.cart-product-btn#add-to-cart:active {
    background: #ffa735;
}
.cart-product-btn#product-preview-btn {
    background: #3d3c3c;
    color: #ffffff;
    box-shadow: 0 0 0 1px #3d3c3c;
    opacity: 1 !important;
    font-weight: 400 !important;
    border-radius: 15px;
}
.cart-product-btn#product-preview-btn:hover {
    background: #2b2b2b;
}
.cart-product-btn#product-preview-btn:active {
    background: #00a3ff;
}
.cart-product-note {
    padding: 8px 0 5px;
    font-size: 13px;
}
.cart-product-noteplus {
    background: #ffffff;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    gap: 10px;
    border-radius: 44px;
    text-align: center;
    color: #243238;
    box-shadow: 0 2px 35px rgb(173 188 200 / 22%);
    margin-top: 24px;
}
button.btn.btn-primary.cart-product-noteplus-btn {
    background: #ffffff;
    border: solid 1px #ed5e3e;
    color: #ed5e3e;
    padding: 11px 10px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 15px;
}
.product-badges {
    justify-content: space-between;
    gap: 14px;
}
.product-badge-item {
    background: #000;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
}
.product-badge-item:hover {
    animation: productBadgeItem 0.5s ease 0s forwards;
}
@keyframes productBadgeItem {
    0% {
        transform: rotate(0deg) matrix(1, 0, 0, 01, 0, 0);
    }
    10% {
        transform: rotate(-20deg) matrix(1, 0, 0, 01, 0, 0);
    }
    50% {
        transform: rotate(20deg) matrix(0.95, 0, 0, 01, 0, 0);
    }
    100% {
        transform: rotate(0deg) matrix(1, 0, 0, 01, 0, 0);
    }
}
.product-badge-item svg {
    width: 26px;
    height: 26px;
}
.product-badge-item .tooltip {
    position: absolute;
    white-space: nowrap;
    background: #ffffff;
    box-shadow: 0 2px 35px rgb(173 188 200 / 22%);
    color: #54667a;
    top: 9px;
    left: 30px;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 3px;
    pointer-events: none;
    user-select: none;
    opacity: 0;
    transition: all 0.1s ease;
    transform: scale(0.5);
}
.product-badge-item:hover .tooltip,
.product-badge-item:active .tooltip {
    opacity: 1;
    left: 52px;
    transform: scale(1);
    transition-delay: 0.3s;
}
.product-badge-item.comment {
    background: #a4a4a4;
}
.product-badge-item.trend {
    background: #9ca8aca3;
}
.product-badge-item.special {
    background: #ffc239;
}
.product-badge-item.orginal {
    background: #b2f043b2;
}
.product-badge-item.iran {
    background: #ce9f44;
}
.product-badge-item.guard {
    background: #28bda1;
}
.product-badge-item.video {
    background: #f3483c;
}
.product-badge-item.updates {
    background: #f7bb474f;
}
.sidebar-product-info {
    font-size: 14px;
    padding: 6px 0;
    color: #54667a;
}
.sidebar-product-info .label {
    flex: 1;
    font-weight: 600;
}
.sidebar-product-info .value {
    opacity: 0.8;
    position: relative;
    cursor: pointer;
}
.sidebar-product-info a {
    color: #11bdbdcf;
    transition: all 0.2s ease;
}
.sidebar-product-info a:hover {
    text-decoration: underline;
}
.sidebar-product-info .value .tooltip {
    position: absolute;
    left: 0;
    top: -2px;
    width: auto;
    white-space: nowrap;
    background: #fff;
    padding: 2px 0px;
    border-radius: 4px;
    user-select: none;
    min-width: 110px;
    text-align: left;
    opacity: 0;
    transition: all 0.15s ease;
}
.sidebar-product-info .value .val {
    transition: all 0.15s ease;
}
.sidebar-product-info:hover .value .val {
    opacity: 0;
}
.sidebar-product-info:hover .tooltip {
    opacity: 1;
}
.sidebar-product-info a .tooltip {
    text-decoration: underline;
}
.sidebar-developer {
    padding: 0;
    color: #54667a;
}
.sidebar-developer-header {
    padding: 18px 20px 8px;
    gap: 10px;
}
.sidebar-developer-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.sidebar-developer-info {
}
.sidebar-developer-info span {
    font-size: 15px;
    font-weight: 500;
}
.sidebar-developer-info small {
    font-size: 14px;
}
.sidebar-developer-bio {
    font-size: 15px;
    font-weight: 300;
    padding: 0 20px;
}
.sidebar-developer-shop {
    padding: 12px 0;
    font-size: 14px;
    margin-top: 17px;
    color: #54667a;
    font-weight: 500;
    border-radius: 0 0 8px 8px;
    transition: all 0.2s ease;
    border-top: solid 1px #efefef;
}
.sidebar-developer-shop:hover {
    background: #f9f9f9;
}
.sidebar-product-tags {
    padding: 20px 0px;
    gap: 7px;
}
.sidebar-product-tags a {
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 12px;
    transition: all 0.2s ease;
    opacity: 0.5;
}
.sidebar-product-tags a:hover {
    background: #f3f3f3;
    color: #3557d9;
    opacity: 1;
}
.sidebar-product-tags a svg {
    width: 14px;
    height: 14px;
    margin-left: 5px;
}
.aff-title {
    padding: 15px 20px 12px;
}
.aff-title span {
    font-size: 15px;
    font-weight: 600;
}
.aff-icon {
    width: 24px;
    height: 24px;
    background: #ffb1002e;
    color: #ffb100;
    border-radius: 7px;
    margin-left: 6px;
    animation: affAnimate 2s linear 0s infinite alternate;
}
.aff-icon svg {
    width: 20px;
    height: 20px;
}
.aff-contents {
    font-size: 15px;
    font-weight: 300;
    padding: 0 18px;
}
.product-buy-tabs {
    padding-bottom: 18px;
    gap: 8px;
}
.product-buy-tab {
    cursor: pointer;
    padding: 10px 5px;
    border-radius: 5px;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 15px;
    color: #a8a8a8;
    background: #f7f7f7;
}
.product-buy-tab:hover {
    background: #f9f9f9;
}
.product-buy-tab.active {
    box-shadow: 0 0 0 1px #ffdd5a;
    background: #fff;
    color: #ffb03b;
}
.product-gallery-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.87);
    z-index: 999999;
}
.product-gallery-head {
    background: rgba(0, 0, 0, 0.31);
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 0 22px;
    height: 60px;
    position: relative;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.2s ease;
}
.product-gallery-head:hover {
    background: rgba(0, 0, 0, 0.507);
}
.product-gallery-options {
    flex: 1;
    gap: 15px;
}
.product-gallery-option-item {
    gap: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.2s ease;
}
.product-gallery-option-item:hover {
    background: rgba(255, 255, 255, 0.122);
}
.product-gallery-option-item:active {
    background: rgba(255, 255, 255, 0.08);
}
.product-gallery-option-item > svg {
    width: 22px;
    height: 22px;
    opacity: 0.8;
}
.product-gallery-option-tip {
    position: absolute;
    white-space: nowrap;
    background: #fff;
    color: #000;
    bottom: 60px;
    font-weight: 400;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 1px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    transform: scale(0.5);
}
.product-gallery-option-item:hover .product-gallery-option-tip {
    transform: scale(1);
    opacity: 1;
    bottom: 64px;
}
.product-gallery-option-item.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.product-gallery-length {
    font-size: 13px;
    font-weight: 500;
}
.product-gallery-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
#product-gallery-img {
    max-height: 100%;
    max-width: 100%;
}
.off-animate {
    animation: offAnimate 2s linear 0s infinite alternate;
}
@keyframes offAnimate {
    from {
        transform: scale(0.95) rotate(-5deg);
    }
    50% {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(0.95) rotate(-5deg);
    }
}
@keyframes zarimaster_bookmark_before {
    from {
        transform: rotate(-15deg) scale(0);
    }
    40% {
        opacity: 1;
    }
    to {
        transform: rotate(-30deg) scale(2);
        opacity: 0;
    }
}
@keyframes zarimaster_bookmark_after {
    from {
        transform: rotate(10deg) scale(0);
    }
    40% {
        opacity: 1;
    }
    to {
        transform: rotate(30deg) scale(1.5);
        opacity: 0;
    }
}
.cart-product-btns {
    flex-wrap: wrap;
    row-gap: 0;
}
.cart-product-btn {
    white-space: nowrap;
}
.product-single-contents-min-btn-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 170px;
    align-items: flex-end;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    display: none;
}
.product-floating-cta {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9;
    padding: 15px 20px;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 14px 14px 0 0;
    transition: all 0.2s ease;
}
.product-floating-cta.hide {
    pointer-events: none;
    opacity: 0;
    bottom: -50px;
}
.product-floating-cta-data {
    font-size: 14px;
    font-weight: 600;
    gap: 11px;
    justify-content: center;
    line-height: 27px;
    text-align: right;
}
.product-floating-cta-data img {
    height: 26px;
    width: 26px;
}
.product-floating-cta-btns {
    padding-top: 11px;
}
.product-floating-cta-btn {
    background: #49cd72;
    color: #fff;
    padding: 9px 5px;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.product-floating-cta-btn svg {
    width: 22px;
    height: 22px;
}
.product-floating-cta-btn:active {
    background: #3fbd66;
}
.product-relates-wrapper {
    padding: 20px 0;
}
.product-relates-head {
    padding: 0 10px 10px;
}
.product-relates-title {
    font-size: 16px;
    font-weight: 600;
}
.product-relates-more {
    font-size: 14px;
    font-weight: 600;
    gap: 2px;
    transition: all 0.2s ease;
}
.product-relates-more svg {
    width: 14px;
    height: 14px;
    opacity: 0.6;
}
.product-relates-more:hover {
    color: #11bdbdcf;
}
.product-relates-item {
    flex: 0 0 25%;
    width: 25%;
    padding: 10px;
}
@media screen and (max-width: 1350px) {
    .product-relates-item {
        flex: 0 0 33.33333%;
        width: 33.33333%;
    }
}
@media screen and (max-width: 1100px) {
    .product-relates-item {
        flex: 0 0 50%;
        width: 50%;
    }
}
@media screen and (max-width: 750px) {
    .product-relates-item {
        flex: 0 0 100%;
        width: 100%;
    }
}
.product-rate-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 999999;
    opacity: 0.5;
}
.product-rate-modal-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}
.product-rate-modal-wrapper {
    background: #fff;
    width: 90%;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.161);
    padding-bottom: 20px;
}
.product-rate-modal-head {
    padding-top: 3px;
}
.product-rate-modal-head-title {
    flex: 1;
    padding: 0 24px;
    font-size: 17px;
    font-weight: 600;
}
.product-rate-modal-close {
    display: flex;
    padding: 13px 20px;
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.2s ease;
}
.product-rate-modal-close:hover {
    opacity: 0.5;
}
.product-rate-modal-close svg {
    width: 24px;
    height: 24px;
}
.product-rate-modal-options-wrapper {
    padding: 10px 25px 0;
    direction: ltr;
}
.product-rate-modal-rate-options {
    width: 100%;
    box-shadow: 0 0 0 1px #c2c2c2;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.product-rate-modal-option {
    flex: 1;
    padding: 5px 0;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    height: 50px;
    color: #e0e0e0;
    align-items: center;
    gap: 5px;
}
.product-rate-modal-option span {
    font-size: 15px;
    color: #707070;
    font-weight: 500;
    transition: all 0.2s ease;
    display: none;
}
.product-rate-modal-option:hover {
    background: #f8f8f8;
}
.product-rate-modal-option svg {
    width: 20px;
    height: 20px;
}
.product-rate-modal-option:hover,
.product-rate-modal-option:hover ~ .product-rate-modal-option,
.product-rate-modal-option:hover span,
.product-rate-modal-option:hover ~ .product-rate-modal-option span {
    color: #ffb900;
}
.select-1 .product-rate-modal-option span,
.select-2 .product-rate-modal-option span,
.select-3 .product-rate-modal-option span,
.select-4 .product-rate-modal-option span,
.select-5 .product-rate-modal-option span {
    display: none;
}
.product-rate-modal-rate-options.select-1 {
    box-shadow: 0 0 0 1px #f55;
}
.product-rate-modal-rate-options.select-2 {
    box-shadow: 0 0 0 1px #f55;
}
.product-rate-modal-rate-options.select-3 {
    box-shadow: 0 0 0 1px #ffb900;
}
.product-rate-modal-rate-options.select-4 {
    box-shadow: 0 0 0 1px #77e55d;
}
.product-rate-modal-rate-options.select-5 {
    box-shadow: 0 0 0 1px #39f041;
}
.product-rate-modal-rate-options.select-1 .product-rate-modal-option:nth-child(5) {
    color: #ffb900;
}
.product-rate-modal-rate-options.select-2 .product-rate-modal-option:nth-child(5),
.product-rate-modal-rate-options.select-2 .product-rate-modal-option:nth-child(4) {
    color: #ffb900;
}
.product-rate-modal-rate-options.select-3 .product-rate-modal-option:nth-child(5),
.product-rate-modal-rate-options.select-3 .product-rate-modal-option:nth-child(4),
.product-rate-modal-rate-options.select-3 .product-rate-modal-option:nth-child(3) {
    color: #ffb900;
}
.product-rate-modal-rate-options.select-4 .product-rate-modal-option:nth-child(5),
.product-rate-modal-rate-options.select-4 .product-rate-modal-option:nth-child(4),
.product-rate-modal-rate-options.select-4 .product-rate-modal-option:nth-child(3),
.product-rate-modal-rate-options.select-4 .product-rate-modal-option:nth-child(2) {
    color: #ffb900;
}
.product-rate-modal-rate-options.select-5 .product-rate-modal-option:nth-child(5),
.product-rate-modal-rate-options.select-5 .product-rate-modal-option:nth-child(4),
.product-rate-modal-rate-options.select-5 .product-rate-modal-option:nth-child(3),
.product-rate-modal-rate-options.select-5 .product-rate-modal-option:nth-child(2),
.product-rate-modal-rate-options.select-5 .product-rate-modal-option:nth-child(1) {
    color: #ffb900;
}
.product-rate-modal-comment-wrapper {
    padding: 19px 23px 0;
}
.product-rate-modal-comment-title {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 12px;
    cursor: pointer;
}
.product-rate-modal-comment-title small {
    font-weight: 100;
    opacity: 0.8;
}
.product-rate-modal-comment-input {
    resize: none;
    height: 140px;
    border-radius: 10px;
}
.product-rate-modal-submit {
    margin: 0;
    margin-top: 16px;
    font-size: 17px;
    padding: 12px;
    font-weight: 500;
    border-radius: 10px;
}
.input-text {
    display: block;
    border: 1px solid #d1d5db;
    outline: none;
    box-shadow: none;
    font-size: 15px;
    padding: 8px 15px;
    border-radius: 3px;
    color: #4b5563;
    background: #fff;
}
.input-textarea,
textarea.input-text {
    resize: vertical;
    height: 150px;
    min-height: 50px;
}
textarea.input-text.code {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    background: #292826;
    color: #e0e5ed;
    border-color: #292826;
    border-left: solid 10px #585858;
    border-radius: 6px;
    padding: 15px 20px;
}
.input-text:disabled {
    background: #f9f9f9;
    border-color: #f9f9f9;
    color: #a7abb7;
    box-shadow: 0 0 0 1px #ededed;
    cursor: not-allowed;
}
.input-text:focus {
    border-color: #9f9f9f;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
}
select.input-text {
    border: solid 1px transparent;
    border-left-width: 12px;
    outline: solid 1px #d1d5db;
    cursor: pointer;
}
select.input-text:disabled {
    border: solid 1px transparent;
    border-left-width: 12px;
    outline: solid 1px #f9f9f9;
}
select.input-text:focus {
    border: solid 1px transparent;
    border-left-width: 12px;
    outline: solid 1px #9f9f9f;
}
#product-rate-open-btn {
    cursor: pointer;
}
.product-rate-tip {
    background: #515151;
    color: #fff;
    padding: 0px 10px 0 6px;
    font-size: 11px;
    font-weight: 500;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    top: -32px;
    left: -5px;
    white-space: nowrap;
    z-index: 9;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    animation: rateTipAnimate 1s ease 5s forwards, rateTipAnimate 1s ease 20s forwards;
    opacity: 0;
    transition: all 0.2s ease;
    pointer-events: none;
}
.product-rate-tip.show {
    opacity: 1;
    pointer-events: all;
}
.product-rate-tip-close {
    width: 20px;
    height: 20px;
    background: #3d3d3d;
    margin-right: 5px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.product-rate-tip-close svg {
    width: 12px;
    height: 12px;
}
.product-rate-tip-close:hover {
    background: #252525;
}
.product-rate-tip-close:active {
    opacity: 0.7;
}
.cart-offcode-product-item {
    padding-bottom: 14px;
}
.cart-offcode-product-item-link > img {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}
.cart-offcode-product-item-link > span {
    flex: 1;
    font-size: 15px;
    font-weight: 500;
}
.cart-offcode-product-item-btn {
    width: 36px;
    height: 36px;
    background: #49cd72;
    color: #fff;
    border-radius: 27px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}
.cart-offcode-product-item-btn svg {
    width: 50%;
    height: 50%;
}
.cart-offcode-product-item-btn:hover {
    background: #3fbd66;
}
.cart-offcode-product-item-btn:active {
    background: #49cd72;
}
.cart-offcode-product-item-btn-tip {
    position: absolute;
    white-space: nowrap;
    top: 5px;
    left: 35px;
    background: #ffffff;
    color: #949494;
    font-size: 12px;
    padding: 2px 11px;
    border-radius: 0px;
    font-weight: 500;
    pointer-events: none;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transition: all 0.2s ease;
}
.cart-offcode-product-item-btn:hover .cart-offcode-product-item-btn-tip {
    opacity: 1;
    left: 40px;
    border-radius: 6px;
}
.offcode-copy-btn {
    width: 14px;
    height: 14px;
    margin-right: 3px;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.2s ease;
}
.offcode-copy-btn:hover {
    opacity: 1;
}
.product-changelog-item-date {
    font-size: 12px;
    opacity: 0.7;
    padding-top: 20px;
    font-weight: 400;
    flex: 0 0 150px;
    width: 150px;
    text-align: left;
    padding-left: 20px;
    white-space: nowrap;
}
.product-changelog-item-contents {
    border-right: solid 2px #f1f1f1;
    padding-right: 25px;
    flex: 1;
    padding-bottom: 20px;
}
.product-changelog-item-title {
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 4px;
}
.product-changelog-item-list {
    font-size: 14px;
}
.product-changelog-item-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.product-changelog-item-list li {
    padding: 4px 0;
    font-size: 14px;
    position: relative;
    opacity: 0.8;
}
.product-changelog-item-list li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
.product-changelog-item-list a {
    color: #f3483c;
    transition: all 0.2s ease;
}
.product-changelog-item-list a:hover {
    color: #000;
}
.product-video-items {
    margin: auto;
    width: 100%;
    padding: 0;
    flex: 1;
    gap: 16px;
    padding-bottom: 30px;
}
.product-video-item {
    background: #fff;
    padding: 20px 24px;
    border-radius: 10px;
    box-shadow: 0 2px 35px rgb(173 188 200 / 22%);
    user-select: none;
    cursor: pointer;
    transition: all 0.2s ease;
    row-gap: 17px;
}
.product-video-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.2s ease;
    box-shadow: 0 0 0 1px #ffb900;
    color: #ffb900;
    background: #fff;
}
.product-video-item-icon > svg {
    width: 20px;
    height: 20px;
}
.product-video-item:active {
    opacity: 0.8;
}
.product-video-item-data {
    padding: 0 20px;
    line-height: 24px;
    min-width: 200px;
}
.product-video-item-desc {
    font-size: 13px;
    opacity: 0.8;
    font-weight: 300;
}
.product-video-item-title {
    font-size: 16px;
    font-weight: 500;
}
.product-video-item-btns {
    gap: 18px;
    padding-left: 5px;
}
.product-video-item-btn {
    padding: 5px 14px;
    font-size: 14px;
    font-weight: 600;
    gap: 5px;
    border-radius: 3px;
    color: #ffb900;
    user-select: none;
    cursor: pointer;
    box-shadow: 0 0 0 1px #ffb900;
    transition: all 0.1s ease;
}
.product-video-item-btn > svg {
    width: 14px;
    height: 14px;
    opacity: 0.8;
}
.product-video-item-btn:hover {
    color: #fff;
    background: #ffb900;
}
.product-video-item-btn.no-access {
    color: #ffb900;
    background: #fff;
}
@media screen and (max-width: 450px) {
    .product-rate-message-wrapper {
        flex-wrap: wrap;
    }
    .product-rate-message-btn {
        flex: 0 0 100%;
        margin-top: 20px;
    }
    .product-rate-message-title {
        font-size: 16px;
    }
    .product-rate-message-desc {
        font-size: 14px;
        padding-top: 5px;
    }
}
.product-navbar-tabs {
    flex-wrap: wrap;
    row-gap: 10px;
}
@media screen and (max-width: 1250px) {
    .product-tab-contents {
        width: 750px;
    }
}
@media screen and (max-width: 1150px) {
    .product-tab-contents {
        width: 650px;
    }
}
@media screen and (max-width: 1090px) {
    .product-navbar-tabs {
        flex-wrap: nowrap;
    }
    .product-floating-cta {
        display: flex;
    }
    .product-sidebar {
        padding-top: 0;
        padding-right: 0;
    }
    .cart-product-btn {
        padding: 10px 15px;
    }
    .product-title-wrapper,
    .product-title-wrapper h1,
    .product-navbar-container {
        flex-direction: column;
    }
    .link-edit-product {
        display: none;
    }
    .product-title-wrapper h1 {
        order: 2;
        padding-top: 10px;
        text-align: center;
    }
    .product-navbar-container {
        align-items: center;
    }
    .product-navbar-tabs {
        width: 100%;
        flex: 0 0 100%;
        order: 2;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
        white-space: nowrap;
        overflow: auto;
    }
    .product-navbar-info {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 6px;
    }
    .product-contents-wrapper {
        flex-direction: column;
    }
    .product-tab-contents {
        width: 100%;
    }
    .product-single-contents-min {
        overflow: hidden;
        max-height: 300px;
        position: relative;
    }
    .product-single-contents-min .product-single-contents-min-btn-wrapper {
        display: flex;
    }
    .product-single-contents-min-btn {
        background: #fff;
        padding: 5px 19px;
        border-radius: 25px;
        margin-bottom: 24px;
        box-shadow: 0 2px 35px rgb(173 188 200 / 61%);
        gap: 7px;
        user-select: none;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600;
        flex-direction: row-reverse;
    }
    .product-single-contents-min-btn svg {
        width: 14px;
        height: 14px;
        opacity: 0.6;
    }
    .product-item-percent {
        left: 5px !important;
    }
    .product-badge-item:hover .tooltip,
    .product-badge-item:active .tooltip {
        left: -10px;
        top: -40px;
    }
    .product-badge-item:first-child .tooltip {
        left: auto;
        right: 0;
    }
    .product-gallery-options {
        justify-content: space-between;
    }
}
@media screen and (max-width: 600px) {
    .share__container {
        width: 100%;
        order: 0;
        justify-content: space-between;
        padding-bottom: 5px;
    }
    .product-label.updates {
        order: 2;
    }
    .product-label.support .custom-tooltip-content {
        left: -100px;
    }
    #product__gallery {
        order: 2;
    }
    .product__bookmark,
    #product__video {
        order: 3;
    }
    #product__cover {
        order: 3;
    }
    .product-title-left {
        display: none;
    }
    .product-title-wrapper h1 {
        padding-top: 0;
    }
    .product__gallery span {
        font-weight: 500 !important;
    }
    #product-preview-btn {
        order: 2;
    }
    .cart-product-note {
        text-align: center;
    }
    .custom-tooltip-content {
        pointer-events: none;
    }
}
@media screen and (max-width: 500px) {
    .product-title-wrapper h1 {
        font-size: 17px;
    }
    .product-container {
        padding: 0;
    }
    .product-contents-wrapper {
        gap: 0;
    }
    .product-title-wrapper {
        padding: 24px 15px 12px;
    }
    .product-navbar-info {
        padding: 0 15px;
    }
    .product-navbar-tabs {
        padding: 0 15px;
    }
    .product-single-image {
        border-radius: 0;
    }
}
@keyframes rateTipAnimate {
    0%,
    to {
        transform: none;
    }
    15% {
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -10deg);
    }
    30% {
        transform: translate3d(7%, 0, 0) rotate3d(0, 0, 1, 7deg);
    }
    45% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -7deg);
    }
    60% {
        transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    75% {
        transform: translate3d(-4%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
}
.checkbox-input.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.comment-floating-btn {
  position:fixed;
  bottom:30px;
  right:60px;
  background:#ffffff;
  color:#f9d342;
  padding:15px 18px;
  cursor:pointer;
  border-radius:30px;
  height:55px;
  box-shadow:0 2px 35px rgba(0,0,0,0.18);
  transition:all 0.2s ease
}
.comment-floating-btn > svg {
  width:21px;
  height:21px
}
.comment-floating-btn > span {
  overflow:hidden;
  max-width:0px;
  white-space:nowrap;
  transition:all 0.2s ease;
  font-size:14px;
  color:#54667a;
  font-weight:500;
  opacity:0.8
}
.comment-floating-btn:hover > span,
.comment-floating-btn.load > span {
  max-width:100px;
  padding-right:5px
}
.comment-floating-btn:active {
  background:#f3f3f3
}
.comment-floating-btn.hide {
  transform:scale(0);
  opacity:0;
  pointer-events:none
}
.comments {
  gap:29px
}
.comment-wrapper {
  background:#ffffff;
  box-shadow:0 2px 35px rgb(173 188 200 / 22%);
  padding:30px;
  border-radius:8px;
  gap:26px
}
.comment-head {
  column-gap:10px;
  padding-bottom:16px
}
.comment-avatar {
  position:relative
}
.comment-avatar > img {
  width:40px;
  height:40px;
  border-radius:50%
}
.comment-tick {
  position:absolute;
  bottom:-3px;
  right:-3px;
  width:16px;
  height:16px;
  border:solid 2px #fff;
  border-radius:50%;
  color:#37e75b;
  background:#fff
}
.comment-user {
  line-height:22px
}
.comment-user-name {
  font-size:14px;
  font-weight:500
}
.comment-label {
  padding:1px 10px;
  font-weight:400;
  background:#e4e4e4;
  margin-right:10px;
  font-size:12px;
  border-radius:5px;
  user-select:none;
  cursor:pointer
}
.comment-label.type-1,
.comment-label.type-5 {
  background:#fff9e4;
  color:#ba9300
}
.comment-label.type-2,
.comment-label.type-4 {
  background:#dfffde;
  color:#07b205
}
.comment-label.type-3 {
  background:#dff0ff;
  color:#4491d2
}
.comment-time {
  font-size:12px;
  opacity:0.8
}
.comment-reply {
  cursor:pointer;
  position:relative;
  opacity:0.7;
  transition:all 0.2s ease
}
.comment-reply:hover {
  opacity:0.8
}
.comment-reply > svg {
  width:24px;
  height:24px
}
.comment-reply-tip {
  position:absolute;
  white-space:nowrap;
  top:0;
  left:28px;
  font-size:13px;
  pointer-events:none;
  transition:all 0.2s ease;
  opacity:0;
  background:#fff
}
.comment-reply:hover .comment-reply-tip {
  left:34px;
  opacity:0.7
}
.comment-text {
  font-size:15px;
  font-weight:300;
  word-break:break-word
}
.comment-text p {
  margin:0;
  padding:0
}
.comment-text a {
  color:#11bdbdcf;
  font-weight:500;
  transition:all 0.2s ease
}
.comment-text a:hover {
  color:#272626
}
.comment-reply-to {
  gap:5px;
  font-size:12px;
  opacity:0.7;
  padding-bottom:13px;
  font-weight:300;
  transition:all 0.2s ease;
  cursor:pointer
}
.comment-reply-to:hover {
  opacity:1
}
.comment-reply-to:active {
  opacity:0.7
}
.comment-reply-icon {
  width:18px;
  height:18px;
  opacity:0.4
}
.comment-wrapper > .comment-container {
  border-top:solid 1px #f4f4f4;
  padding-top:18px
}
.comment-wrapper > .comment-container:nth-child(1) {
  border-top:none;
  padding-top:0
}
.comment-form-user {
  gap:5px;
  margin-bottom:18px;
  user-select:none;
  font-size:14px;
  font-weight:500;
  cursor:pointer
}
.comment-form-user > img {
  width:30px;
  height:30px;
  border-radius:50%
}
.comment-form-reply-to {
  gap:5px;
  font-size:14px;
  margin-bottom:20px;
  user-select:none;
  cursor:pointer;
  color:#5294ff;
  font-weight:600
}
.comment-form-reply-to > svg {
  width:16px;
  height:16px;
  opacity:0.7
}
.comment-form-reply-to-name > span {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  max-width:200px
}
.comment-form-reply-to-name {
  transition:all 0.2s ease
}
.comment-form-reply-to-name:hover {
  opacity:0.8
}
.comment-form-reply-to-name:active {
  opacity:0.6
}
.comment-form-reply-to-cancel {
  background:#dbe9ff;
  font-size:13px;
  padding:2px 9px;
  border-radius:10px;
  transition:all 0.2s ease
}
.comment-form-reply-to-cancel:hover,
.comment-form-reply-to-cancel:active {
  background:#cce0ff
}
.comment-form-reply-to-cancel:active {
  opacity:0.8
}
.comment-form-title {
  font-size:17px;
  font-weight:600;
  padding-bottom:18px;
  margin-top:0px
}
.comment-form {
  gap:0
}
.comment-form-submit {
  margin:0;
  font-size:17px;
  font-weight:600;
  padding:13px 46px
}
.comment-message {
  color:#f9d342;
  padding:0;
  margin-bottom:9px;
  font-size:14px;
  border-radius:6px;
  font-weight:500
}
#comment-length {
  font-size:14px;
  font-weight:400;
  opacity:0.7;
  letter-spacing:1px
}
.comment-container {
  transition:all 0.2s ease
}
.comment-focus {
  background-color:#e3eaf3;
  box-shadow:0 0 0 30px #e3eaf3;
  border-radius:0;
  padding-top:0!important;
  margin-top:18px
}
.comment-focus.comment-container {
  border-color:#e3eaf3
}
.comment-wrapper > .comment-container.comment-focus:nth-child(1) {
  margin-top:0px
}
.comment-form-reply-to-text {
  font-size:15px;
  font-weight:300;
  color:#54667a;
  background:#f1f4f8;
  border-radius:12px;
  padding:12px 20px;
  margin-top:7px;
  transition:all 0.2s ease
}
.comment-form-reply-to-text p {
  padding:0;
  margin:0
}
.comment-form-reply-to-text:hover,
.comment-form-reply-to-text:active {
  background:#edf0f5
}
.comment-form-reply-to-text:active {
  opacity:0.6
}
.zm-pages {
  order:99
}
.input-text {
  display:block;
  border:1px solid #d1d5db;
  outline:none;
  box-shadow:none;
  font-size:15px;
  padding:8px 15px;
  border-radius:3px;
  color:#4b5563;
  background:#fff
}
.input-textarea,
textarea.input-text {
  resize:vertical;
  height:150px;
  min-height:50px
}
textarea.input-text.code {
  font-size:14px;
  font-weight:300;
  line-height:18px;
  background:#292826;
  color:#e0e5ed;
  border-color:#292826;
  border-left:solid 10px #585858;
  border-radius:6px;
  padding:15px 20px
}
.input-text:disabled {
  background:#f9f9f9;
  border-color:#f9f9f9;
  color:#a7abb7;
  box-shadow:0 0 0 1px #ededed;
  cursor:not-allowed
}
.input-text:focus {
  border-color:#9f9f9f;
  box-shadow:inset 0 1px 2px rgb(0 0 0 / 8%)
}
select.input-text {
  border:solid 1px transparent;
  border-left-width:12px;
  outline:solid 1px #d1d5db;
  cursor:pointer
}
select.input-text:disabled {
  border:solid 1px transparent;
  border-left-width:12px;
  outline:solid 1px #f9f9f9
}
select.input-text:focus {
  border:solid 1px transparent;
  border-left-width:12px;
  outline:solid 1px #9f9f9f
}
.search-head {
  min-height:120px;
  background:linear-gradient(-45deg,#ee7752,#e73c7e,#9d50bb,#6e48aa);
  background-size:400% 400%;
  animation:znvato_search_head 15s ease infinite;
  margin-bottom:28px
}
.search-head-data {
  color:#fff
}
.search-head-data > svg {
  width:22px;
  height:22px;
  flex:0 0 22px;
  opacity:0.4;
  margin-right:10px;
  margin-left:15px
}
.search-head-data h1 {
  margin:0;
  padding:0;
  font-weight:600;
  font-size:28px;
  flex:1;
  display:flex;
  align-items:center
}
.search-head-data-back {
  gap:5px;
  font-size:15px;
  font-weight:500;
  padding-left:10px
}
.search-head-data-back svg {
  width:16px;
  height:16px;
  opacity:0.6
}
.search-head-data-back:hover {
  opacity:0.8
}
@keyframes znvato_search_head {
  0% {
    background-position:0% 50%
  }
  50% {
    background-position:100% 50%
  }
  100% {
    background-position:0% 50%
  }
}
.page-contents {
  font-size:16px;
  line-height:30px;
  font-weight:400;
  padding:16px 0
}
.page-contents hr {
  display:block;
  height:1px;
  border:none;
  background:#ebedf2;
  margin:30px -24px
}
.page-contents p {
  padding:0;
  margin:8px 0
}
.page-contents figure {
  margin:20px auto;
  padding:0
}
.page-contents img {
  display:block;
  max-width:100%;
  margin:auto
}
.page-contents ul {
  padding:0;
  margin:8px 5px
}
.page-contents ul li {
  position:relative;
  list-style:none;
  padding-right:15px
}
.page-contents ul li::before {
  content:'';
  position:absolute;
  right:0;
  background:#d1d9dd;
  border-radius:50%;
  color:#0000;
  height:6px;
  top:14px;
  width:6px
}
.page-contents h1,
.page-contents h2,
.page-contents h3,
.page-contents h4,
.page-contents h5,
.page-contents h6 {
  font-size:18px;
  font-weight:500;
  margin:30px -24px 14px;
  padding:0 22px 0;
  word-spacing:-1px;
  border-right:1px solid #bdbdbd
}
.page-contents a:hover {
  color:#fff;
}
.page-contents code {
  background:#141418;
  border-radius:12px;
  padding:10px 18px;
  direction:ltr;
  text-align:left;
  position:relative;
  display:block;
  color:#fff
}
.page-contents code::before {
  position:absolute;
  top:9px;
  right:10px;
  background:rgba(134,134,134,0.12);
  border-radius:8px;
  padding:1px 11px;
  font-size:12px;
  font-weight:500;
  opacity:0.8;
  pointer-events:none;
  user-select:none
}
.page-contents code.language-css::before {
  content:'CSS'
}
.page-contents code.language-code::before {
  content:'code'
}
.page-contents code.language-php::before {
  content:'PHP'
}
.page-contents code.language-javascript::before {
  content:'JavaScript'
}
.page-contents code.language-html::before {
  content:'HTML'
}
.page-contents code.language-xml::before {
  content:'XML'
}
.page-contents code.language-sql::before {
  content:'SQL'
}
.page-contents table {
  border:1px double #b3b3b3;
  border-collapse:collapse;
  border-spacing:0;
  height:100%;
  width:100%;
  overflow:auto;
  border-radius:9px;
  overflow:hidden;
  box-shadow:0 0 0 1px #b3b3b3
}
.page-contents table p {
  padding:0;
  margin:0
}
.page-contents blockquote {
  background:#ffffea;
  border-top:solid 3px #ffcb40;
  margin:21px 0;
  padding:7px 21px;
  font-weight:400;
  font-style:normal;
  border-radius:8px;
  border-top-right-radius:0;
  border-top-left-radius:0;
  box-shadow:0 11px 18px rgba(0,0,0,0.01)
}
.page-contents table td {
  border:solid 1px #b3b3b3;
  padding:10px 20px
}
.search-head {
  min-height:120px;
  background:linear-gradient(-45deg,#ee7752,#e73c7e,#9d50bb,#6e48aa);
  background-size:400% 400%;
  animation:znvato_search_head 15s ease infinite
}
.search-head-data {
  color:#fff
}
.search-head-data > svg {
  width:22px;
  height:22px;
  flex:0 0 22px;
  opacity:0.4;
  margin-right:10px;
  margin-left:15px
}
.search-head-data h1 {
  margin:0;
  padding:0;
  font-weight:600;
  font-size:28px;
  flex:1
}
.search-head-data-back {
  gap:5px;
  font-size:15px;
  font-weight:500;
  padding-left:10px
}
.search-head-data-back svg {
  width:16px;
  height:16px;
  opacity:0.6
}
.search-head-data-back:hover {
  opacity:0.8
}
.search-layout {
  padding:12px 0
}
.search-filters-sidebar {
  width:340px;
  flex:0 0 340px;
  gap:24px;
  padding:20px 0
}
.search-filters-top {
  border-radius:12px;
  padding:12px 25px;
  border:solid 2px #f0f0f0
}
.search-switch {
  padding:10px 0;
  cursor:pointer;
  user-select:none
}
.search-switch-label {
  font-size:14px;
  opacity:0.9
}
.search-switch-control {
  width:40px;
  height:20px;
  background:#e9e9e9;
  border-radius:30px
}
.search-switch-control span {
  position:absolute;
  top:0;
  right:-2px;
  height:20px;
  width:20px;
  background:#ffffff;
  border-radius:50%;
  box-shadow:0 4px 17px rgba(0,0,0,0.19);
  transition:all 0.2s ease
}
.search-switch.active {
  font-weight:600
}
.search-switch:hover .search-switch-control {
  background:#d9d9d9
}
.search-switch:hover .search-switch-control span {
  width:22px
}
.search-switch.active:hover .search-switch-control span {
  width:20px
}
.search-switch.active .search-switch-control {
  background:#49cd72
}
.search-switch.active .search-switch-control span {
  background:#ffffff;
  right:22px
}
.search-filter-box {
  border-radius:12px;
  border:solid 2px #f0f0f0
}
.search-filter-box-head {
  padding:12px 25px
}
.search-filter-box-title {
  font-size:16px;
  font-weight:600
}
.search-filter-box-arrow {
  width:18px;
  height:18px;
  transform:rotate(-90deg);
  opacity:0.5
}
.search-filter-box-contents {
  padding:0 25px 14px;
  font-size:15px;
  display:none
}
.search-filter-box.open .search-filter-box-arrow {
  transform:rotate(90deg)
}
.search-filter-box.open .search-filter-box-contents {
  display:flex
}
.search-contents-wrapper {
  padding:18px 26px 22px 0
}
.search-contents-top {
  width:auto;
  margin:0 12px;
  padding:20px 22px;
  box-shadow:0 2px 35px rgba(173,188,200,0.22);
  border-radius:12px
}
.search-top-btns {
  gap:9px
}
.search-top-btn {
  width:45px;
  height:45px;
  background:#eeeae1;
  cursor:pointer;
  border-radius:10px;
  position:relative;
  z-index:1
}
.search-top-btn-tip {
  white-space:nowrap;
  position:absolute;
  top:60px;
  left:0;
  background:#ffb21f;
  color:#fff;
  font-size:11px;
  padding:4px 16px;
  border-radius:25px;
  transition:all 0.2s ease;
  opacity:0;
  pointer-events:none;
  z-index:1
}
.search-top-btn:hover .search-top-btn-tip {
  top:56px;
  opacity:1
}
.search-top-btn svg {
  width:18px;
  height:18px
}
.search-top-input {
  flex:1;
  margin:0 20px
}
.search-top-input input[type=text],
.input-text {
  width:100%;
  background:#fff;
  border:solid 1px #d1d5db;
  outline:none;
  box-shadow:none;
  height:45px;
  border-radius:6px;
  padding:0 18px;
  font-size:15px
}
select.input-text {
  border:none;
  border-left:solid 10px transparent!important;
  outline:solid 1px #d1d5db!important
}
.search-top-input input[type=text]:focus,
.input-text:focus {
  border-color:#9f9f9f;
  box-shadow:inset 0 1px 2px rgba(0,0,0,0.08)
}
.search-top-input input[type=text]::placeholder,
.input-text::placeholder {
  opacity:1;
  color:#b3b3b3
}
.search-top-input-icon {
  width:18px;
  height:18px;
  position:absolute;
  top:13px;
  left:14px;
  opacity:0.4;
  cursor:pointer
}
#search-top-btn-list svg {
  width:22px;
  height:22px
}
.search-top-btn:hover {
  background:#e8decf;
}
.search-top-btn:active {
  opacity:0.8
}
.search-top-btn.active {
  background:#ffb21f;
  color:#fff;
}
.search-filter-changed {
  position:fixed;
  bottom:-50px;
  left:0;
  right:0;
  background:#f9d342;
  color:#292826;
  z-index:999999;
  padding:8px 0;
  box-shadow:0 -4px 12px rgba(0,0,0,0.08);
  pointer-events:none;
  opacity:0
}
.search-filter-changed:hover {
  padding:18px 0
}
.search-filter-changed.show {
  bottom:0px;
  pointer-events:all;
  opacity:1
}
.search-filter-changed .container {
  padding:0 26px
}
.search-filter-changed:hover {
  background:#f2ca33
}
.search-filter-changed:active {
  background:#e7bf2f
}
.search-filter-changed-text {
  flex:1;
  font-size:15px;
  font-weight:500
}
.search-filter-changed-btn {
  gap:7px;
  font-size:16px;
  font-weight:600
}
.search-filter-changed-btn svg {
  width:14px;
  height:14px;
  opacity:0.6
}
.search-filter-orderby-select {
  padding-top:14px;
  padding-left:2px
}
.search-filter-orderby-select select {
  font-size:13px
}
@media screen and (max-width:700px) {
  .search-filter-changed-text {
    display:none
  }
  .search-filter-changed .container {
    justify-content:center
  }
}
@keyframes znvato_search_head {
  0% {
    background-position:0% 50%
  }
  50% {
    background-position:100% 50%
  }
  100% {
    background-position:0% 50%
  }
}
#search-top-btn-filter {
  display:none
}
.search-top-input {
  margin-right:0px
}
#search-filters-sidebar-bg {
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.6;
  z-index:99999
}
.search-filters-head {
  width:100%;
  display:none
}
.search-filters-head-title {
  flex:1;
  font-size:16px;
  font-weight:600
}
.search-filters-head-title svg {
  width:18px;
  height:18px;
  opacity:0.7;
  margin-left:7px
}
#search-filters-head-close {
  width:40px;
  height:40px;
  opacity:0.5
}
#search-filters-head-close svg {
  width:24px;
  height:24px
}
.search-items,
.search-items-list {
  padding:20px 0 30px
}
.search-item-wrapper {
  flex: 0 0 33.3333%;
  width: 33.3333%;
  padding: 12px;
}
.search-items-list-wrapper {
  padding:0 12px
}
.search-items-list {
  gap:25px
}
.wgt_product-item-title {
  font-size:15px !important;
}
.wgt_product-item,
.wgt_product-list-item {
  box-shadow:0 2px 35px rgba(151, 151, 151, 0.4) !important;
}
.checkbox-input .label::before {
  border-radius:50%
}
.search-filter-orderby {
  padding-top:15px;
  column-gap:35px
}
 
.search-trends-words-list > a {
  display:flex;
  flex-direction:row;
  align-items:center
}
.search-trends-words-list > a > svg {
  width:12px;
  height:12px;
  margin-left:5px
}
.search-trends-words-label {
  color:#243238;
  font-weight:500
}
.search-trends-words-label svg {
  width:14px;
  height:14px;
  color:#54667a;
  margin-top:3px;
  float:right;
  margin-left:3px;
  opacity:0.5
}
.search-trends-words-list {
  color:#78747e;
  column-gap:15px;
  row-gap:5px
}
.search-trends-words-list a:hover {
  color:#11bdbdcf
}
.search-trends-words-list .words-separator {
  padding:0 1px 0 2px
}
.search-filter-box-delete {
  background:#fff;
  width:30px;
  height:30px;
  margin-left:12px;
  border-radius:50%;
  border:solid 1px #11bdbdcf;
  color:#11bdbdcf;
  transition:all 0.2s ease;
  transform:scale(0);
  opacity:0
}
.search-filter-box-delete.show {
  transform:scale(1);
  opacity:1
}
.search-filter-box-delete svg {
  width:16px;
  height:16px
}
.search-filter-box-delete:hover {
  background:#11bdbdcf;
  color:#fff;
  box-shadow:0 0 0 8px rgb(255 79 93 / 22%)
}
.search-filter-box-delete-tip {
  position:absolute;
  white-space:nowrap;
  left:35px;
  top:2px;
  font-size:11px;
  font-weight:500;
  background:#11bdbdcf;
  color:#fff;
  padding:3px 13px;
  border-radius:25px;
  pointer-events:none;
  transition:all 0.2s ease;
  opacity:0
}
.search-filter-box-delete:hover .search-filter-box-delete-tip {
  opacity:1;
  left:40px
}
#filter-tag-add-btn {
  position:absolute;
  top:6px;
  left:6px;
  font-size:11px;
  padding:7px 13px;
  border-radius:7px;
  opacity:0.5;
  transition:all 0.2s ease;
  background:none;
  border:none;
  outline:none;
  box-shadow:none
}
#filter-tag-add-btn:hover {
  opacity:1
}
#filter-tag-add-btn:active {
  opacity:0.8;
  background:#f4f4f4
}
.filter-tags-items {
  gap:12px;
  margin-top:15px;
  justify-content:space-between
}
.filter-tag-item {
  background:#ebebeb;
  font-size:12px;
  font-weight:500;
  border-radius:25px
}
.filter-tag-item-close {
  width:30px;
  height:30px;
  background:#fff;
  border-radius:25px;
  box-shadow:4px 0px 16px rgba(0,0,0,0.05);
  color:#b3b3b3
}
.filter-tag-item-close svg {
  width:16px;
  height:16px
}
.filter-tag-item:hover {
  background:#ffe6e8
}
.filter-tag-item:active {
  opacity:0.8;
  background:#ffe6e8
}
.filter-tag-item:hover .filter-tag-item-close {
  background:#11bdbdcf;
  color:#fff
}
.filter-tag-item-title {
  padding:0 10px 0 17px
}
.search-description-title {
  margin:32px 0 10px;
  padding:0;
  font-size:22px;
  font-weight:600
}
.search-description {
  margin-bottom:40px
}
.search-description-more-btn-wrapper {
  position:absolute;
  bottom:10px;
  left:0;
  right:0;
  height:310px;
  background:linear-gradient(rgba(255,255,255,0),#ffffff);
  justify-content:center;
  align-items:flex-end;
  cursor:pointer;
  padding-bottom:20px
}
.search-description-more-btn {
  width:50px;
  height:50px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 6px 20px rgba(0,0,0,0.14)
}
.search-description-more-btn-wrapper:hover .search-description-more-btn {
  transform:scale(1.2)
}
.search-description-more-btn-wrapper:active .search-description-more-btn {
  transform:scale(1)
}
.search-description-more-btn svg {
  transform:rotate(-90deg);
  width:20px;
  height:20px;
  opacity:0.7
}
.show>.search-description-more-btn-wrapper .search-description-more-btn svg {
  transform:rotate(90deg)
}
.show>.search-description-more-btn-wrapper {
  background:none;
  height:70px;
  bottom:0
}
.search-description-contents {
  font-size:16px;
  line-height:32px;
  font-weight:400;
  overflow:hidden;
  height:350px;
  margin-bottom:40px
}
.show>.search-description-contents {
  height:auto;
  padding-bottom:30px
}
.search-description-contents hr {
  display:block;
  height:1px;
  border:none;
  background:#ebedf2;
  margin:30px -24px
}
.search-description-contents p {
  padding:0;
  margin:8px 0
}
.search-description-contents figure {
  margin:20px auto;
  padding:0
}
.search-description-contents img {
  display:block;
  max-width:100%;
  margin:auto
}
.search-description-contents ul {
  padding:0;
  margin:8px 5px
}
.search-description-contents ul li {
  position:relative;
  list-style:none;
  padding-right:15px
}
.search-description-contents ul li::before {
  content:'';
  position:absolute;
  right:0;
  background:#d1d9dd;
  border-radius:50%;
  color:#0000;
  height:6px;
  top:14px;
  width:6px
}
.search-description-contents h1,
.search-description-contents h2,
.search-description-contents h3,
.search-description-contents h4,
.search-description-contents h5,
.search-description-contents h6 {
  font-size:22px;
  font-weight:600;
  margin:30px 0 14px;
  padding:0
}
.search-description-contents a {
  color:#11bdbdcf;
  transition:all 0.2s ease
}
.search-description-contents a:hover {
  color:#000000
}
.search-description-contents code {
  background:#141418;
  border-radius:12px;
  padding:10px 18px;
  direction:ltr;
  text-align:left;
  position:relative;
  display:block;
  color:#fff
}
.search-description-contents code::before {
  position:absolute;
  top:9px;
  right:10px;
  background:rgba(134,134,134,0.12);
  border-radius:8px;
  padding:1px 11px;
  font-size:12px;
  font-weight:500;
  opacity:0.8;
  pointer-events:none;
  user-select:none
}
.search-description-contents code.language-css::before {
  content:'CSS'
}
.search-description-contents code.language-code::before {
  content:'code'
}
.search-description-contents code.language-php::before {
  content:'PHP'
}
.search-description-contents code.language-javascript::before {
  content:'JavaScript'
}
.search-description-contents code.language-html::before {
  content:'HTML'
}
.search-description-contents code.language-xml::before {
  content:'XML'
}
.search-description-contents code.language-sql::before {
  content:'SQL'
}
.search-description-contents table {
  border:1px double #b3b3b3;
  border-collapse:collapse;
  border-spacing:0;
  height:100%;
  width:100%;
  overflow:auto
}
.search-description-contents table p {
  padding:0;
  margin:0
}
.search-description-contents blockquote {
  background:#ffffea;
  border-top:solid 3px #ffcb40;
  margin:21px 0;
  padding:7px 21px;
  font-weight:400;
  font-style:normal;
  border-radius:8px;
  border-top-right-radius:0;
  border-top-left-radius:0;
  box-shadow:0 11px 18px rgba(0,0,0,0.01)
}
.search-description-contents table td {
  border:solid 1px #b3b3b3
}
.store-head {
  height:270px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  background-image:repeating-linear-gradient(45deg,#fafafa,#fafafa 30px,#fff 0,#fff 60px)
}
.store-head::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#000;
  opacity:0.5
}
.store-head-info {
  color:#fff;
  padding-bottom:40px;
  padding-right:20px;
  gap:20px;
  position:relative;
  z-index:1
}
.store-head-info-title {
  margin:0;
  padding:0;
  font-size:19px;
  font-weight:600
}
.store-head-info-slogan {
  font-weight:300;
  font-size:16px;
  padding-top:2px;
  opacity:0.8
}
.store-head-info-image img {
  width:60px;
  height:60px;
  border-radius:50%
}
.store-data-items {
  margin:14px 0 -5px;
  column-gap:52px;
  padding:0 18px 0 18px;
  text-align:center
}
.store-data-item-value {
  font-size:17px;
  font-weight:500
}
.store-data-item-label {
  font-size:13px;
  opacity:0.8
}
.store-data-item-btn {
  margin:0;
  font-size:16px;
  font-weight:500;
  border:solid 1px #0062cc;
  color:#0062cc !important;
  background:#fff!important
}
.store-data-item-icon {
  width:40px;
  height:40px;
  background:#ffb100;
  color:#fff;
  border-radius:502%;
  cursor:pointer;
  position:relative
}
.store-data-item-icon:hover {
  animation:itemPreviewAni 0.2s ease 0s forwards
}
.store-data-item-icon svg {
  width:50%;
  height:50%
}
.store-data-item-icon-tip {
  position:absolute;
  top:-30px;
  right:-10px;
  background:#454545;
  white-space:nowrap;
  font-weight:500;
  padding:3px 10px;
  font-size:11px;
  border-radius:5px;
  transform:scale(0.5);
  opacity:0;
  pointer-events:none
}
.store-data-item-icon:hover .store-data-item-icon-tip {
  opacity:1;
  transform:scale(1);
  top:-33px
}
.store-data-items-container {
  display:none
}
#search-top-btn-filter {
  width:auto;
  padding:0 14px;
  gap:5px;
  font-size:13px;
  font-weight:600
}
.search-empty-message {
  pointer-events:none
}
.store-popup-wrapper {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgb(0 0 0 / 80%);
  z-index:99999
}
.store-popup-box {
  background:#fff;
  height:90%;
  overflow:auto;
  border-radius:10px;
  width:90%;
  max-width:1150px;
}
.store-popup-head {
  padding:25px 25px 14px;
  align-items:flex-start
}
.store-popup-info-wrapper {
  flex:1
}
.store-popup-info-data {
  gap:10px
}
.store-popup-info-data-img {
  width:50px;
  height:50px;
  border-radius:50%
}
.store-popup-info-data-title {
  font-size:15px;
  font-weight:500
}
.store-popup-info-data-slogan {
  font-size:14px;
  opacity:0.8
}
.store-popup-info-data-desc {
  font-size:14px;
  opacity:0.8;
  padding-top:16px
}
.store-popup-link {
  background:#9c9c9c;
  color:#fff;
  border-radius:25px;
  padding:5px 15px;
  cursor:pointer;
  user-select:none;
  gap:5px;
  margin-left:20px;
  transition:all 0.2s ease
}
.store-popup-link:hover {
  background:#919191
}
.store-popup-link:active {
  background:#818181
}
.store-popup-link svg {
  width:18px;
  height:18px;
  opacity:0.5
}
.store-popup-close {
  width:40px;
  height:40px;
  border-radius:50%;
  cursor:pointer;
  color:#d0d0d0;
  transition:all 0.2s ease
}
.store-popup-close:hover {
  color:#ababab
}
.store-popup-close:active {
  color:#d0d0d0
}
.store-popup-close svg {
  width:60%;
  height:60%
}
.store-popup-tabs {
  padding:0 26px;
  border-bottom:solid 1px rgba(238,238,238,0.5);
  gap:15px
}
.store-popup-tab {
  padding:5px 15px 10px;
  border-bottom:solid 2px transparent;
  cursor:pointer;
  user-select:none;
  font-size:15px;
  font-weight:500;
  opacity:0.7;
  transition:all 0.2s ease
}
.store-popup-tab.active {
  border-bottom-color:#0062cc;
  color:#0062cc;
  opacity:1
}
.store-popup-contents {
  padding:20px 28px;
  font-size:15px;
  line-height:30px
}
.store-popup-contents hr {
  display:block;
  height:1px;
  border:none;
  background:#ebedf2;
  margin:30px -24px
}
.store-popup-contents p {
  padding:0;
  margin:8px 0
}
.store-popup-contents figure {
  margin:20px auto;
  padding:0
}
.store-popup-contents img {
  display:block;
  max-width:100%;
  margin:auto
}
.store-popup-contents ul {
  padding:0;
  margin:8px 5px
}
.store-popup-contents ul li {
  position:relative;
  list-style:none;
  padding-right:15px
}
.store-popup-contents ul li::before {
  content:'';
  position:absolute;
  right:0;
  background:#d1d9dd;
  border-radius:50%;
  color:#0000;
  height:6px;
  top:14px;
  width:6px
}
.store-popup-contents h1,
.store-popup-contents h2,
.store-popup-contents h3,
.store-popup-contents h4,
.store-popup-contents h5,
.store-popup-contents h6 {
  font-size:18px;
  font-weight:500;
  margin:10px 0 5px;
  padding:0
}
.store-popup-contents a {
  color:#11bdbdcf;
  transition:all 0.2s ease
}
.store-popup-contents a:hover {
  color:#000000
}
.store-popup-contents code {
  background:#141418;
  border-radius:12px;
  padding:10px 18px;
  direction:ltr;
  text-align:left;
  position:relative;
  display:block;
  color:#fff
}
.store-popup-contents code::before {
  position:absolute;
  top:9px;
  right:10px;
  background:rgba(134,134,134,0.12);
  border-radius:8px;
  padding:1px 11px;
  font-size:12px;
  font-weight:500;
  opacity:0.8;
  pointer-events:none;
  user-select:none
}
.store-popup-contents code.language-css::before {
  content:'CSS'
}
.store-popup-contents code.language-code::before {
  content:'code'
}
.store-popup-contents code.language-php::before {
  content:'PHP'
}
.store-popup-contents code.language-javascript::before {
  content:'JavaScript'
}
.store-popup-contents code.language-html::before {
  content:'HTML'
}
.store-popup-contents code.language-xml::before {
  content:'XML'
}
.store-popup-contents code.language-sql::before {
  content:'SQL'
}
.store-popup-contents table {
  border:1px double #b3b3b3;
  border-collapse:collapse;
  border-spacing:0;
  height:100%;
  width:100%;
  overflow:auto;
  border-radius:9px;
  overflow:hidden;
  box-shadow:0 0 0 1px #b3b3b3
}
.store-popup-contents table p {
  padding:0;
  margin:0
}
.store-popup-contents blockquote {
  background:#ffffea;
  border-top:solid 3px #ffcb40;
  margin:21px 0;
  padding:7px 21px;
  font-weight:400;
  font-style:normal;
  border-radius:8px;
  border-top-right-radius:0;
  border-top-left-radius:0;
  box-shadow:0 11px 18px rgba(0,0,0,0.01)
}
.store-popup-contents table td {
  padding:5px 14px;
  padding-left:5px
}
@media screen and (max-width:750px) {
  .store-popup-head {
    flex-direction:column-reverse
  }
  .store-popup-head-left {
    width:100%;
    justify-content:space-between;
    padding-bottom:20px;
    flex-direction:row-reverse
  }
  .store-popup-info-wrapper {
    flex:auto;
    width:100%
  }
  .store-popup-tab {
    font-size:14px
  }
  .store-popup-link {
    margin-left:0
  }
}
@media screen and (max-width:1250px) {
  .search-item-wrapper {
    flex:0 0 50%
  }
}
@media screen and (max-width:850px) {
  .store-data-top-items-wrapper {
    display:none
  }
  .store-data-items-container {
    display:flex
  }
  .search-contents-wrapper {
    padding-right:0
  }
  .search-filters-sidebar {
    position:fixed;
    top:0;
    right:-350px;
    bottom:0;
    background:#fff;
    z-index:99999;
    padding:12px;
    overflow:auto;
    width:340px;
    flex:0 0 340px;
    transition:all 0.2s ease;
    padding-bottom:65px
  }
  .search-filter-changed {
    width:340px
  }
  .search-filter-changed.show {
    bottom:-50px
  }
  .filter-open .search-filter-changed.show {
    bottom:0px
  }
  .search-filter-changed-text {
    display:none
  }
  .search-filter-changed .container {
    justify-content:center
  }
  .search-filters-sidebar.show {
    right:0px
  }
  #search-top-btn-filter {
    display:flex
  }
  .search-top-input {
    margin-right:20px
  }
  #search-filters-sidebar-bg.show {
    display:flex
  }
  .search-filters-head {
    display:flex
  }
  .search-top-btn-tip {
    display:none
  }
}
@media screen and (max-width:600px) {
  .search-item-wrapper {
    flex:0 0 100%
  }
  .search-filter-orderby {
    flex-wrap:wrap
  }
  .search-filter-orderby-label {
    display:none
  }
  .search-filter-orderby-radios {
    justify-content:flex-start;
    column-gap:18px
  }
  .search-trends-words {
    order:2
  }
  .search-trends-words.show {
    padding-bottom:6px;
    padding-top:16px
  }
  .search-head-data > svg {
    margin-right:0
  }
  .search-head-data-back {
    padding-left:0px
  }
  .search-head {
    min-height:60px
  }
  .search-head-data h1 {
    font-weight:500;
    font-size:18px
  }
  .search-head-data > svg {
    width:16px;
    height:16px;
    flex:0 0 16px;
    margin-left:11px
  }
  .search-head-data-back {
    gap:3px;
    font-size:14px
  }
  .search-head-data-back svg {
    width:12px;
    height:12px
  }
  .search-contents-wrapper {
    padding-top:10px
  }
  #search-top-btns-view {
    display:none
  }
  .search-top-input {
    margin-left:0;
    margin-right:12px
  }
  .container-search-layout {
    padding:0
  }
  .search-items,
  .search-items-list {
    padding:10px 0
  }
  .search-item-wrapper {
    padding-bottom:6px
  }
  .search-layout {
    padding-top:0
  }
  .search-contents-wrapper {
    padding-top:0
  }
  .search-contents-top {
    margin:0;
    padding:15px 15px
  }
  .store-data-item-btn {
    flex:0 0 100%;
    width:100%
  }
  .store-data-items {
    margin-bottom:15px;
    padding-left:3px
  }
  .store-data-item {
    align-items:center
  }
  .store-head {
    height:120px
  }
  .store-head-info {
    padding-bottom:18px;
    padding-right:8px;
    gap:14px
  }
  .store-head-info-image img {
    width:40px;
    height:40px
  }
  .store-head-info-title {
    font-size:15px
  }
  .store-head-info-slogan {
    font-size:13px
  }
}
#search-filter-box-sortby {
  display:none
}
@media screen and (max-width:500px) {
  .store-data-items {
    flex-wrap:wrap;
    justify-content:center;
    gap:22px;
    column-gap:80px;
    padding-right:5px
  }
  .search-filter-orderby {
    display:none
  }
  #search-filter-box-sortby {
    display:flex
  }
  .store-data-items-container {
    background:#fff;
    margin-bottom:-15px;
    padding:0 11px 0 12px;
    padding-bottom:2px;
    position:relative
  }
  .search-empty-message {
    height:180px!important
  }
}
@media screen and (max-width:450px) {
  .store-data-item-btns {
    flex:0 0 100%;
    width:100%
  }
  .store-data-items {
    row-gap:14px;
    justify-content:space-around
  }
  .store-data-item-btn {
    font-size:14px
  }
}
@media screen and (max-width:1100px) {
  .wgt_product-list-item-wrapper {
    flex-direction:column
  }
  .wgt_product-list-item-image {
    width:100%!important;
    height:auto!important
  }
  .wgt_product-list-item-btns {
    flex-direction:column
  }
  .wgt_product-list-item-btn {
    width:100%
  }
  .wgt_product-list-item-img {
    border-radius:6px
  }
  .wgt_product-list-item-desc {
    display:none
  }
}
.wgt_product-list-item {
  background:#fff;
  box-shadow:0 5px 37px rgba(0,0,0,0.11);
  border-radius:8px;
  padding-top:0;
  height:100%
}
.wgt_product-list-item-data-wrapper > h2 {
  display:flex;
  padding:0;
  margin:0;
  flex-direction:column
}
.wgt_product-list-item-image {
  position:relative;
  width:400px;
  padding:0;
  transition:all 0.2s ease
}
.wgt_product-list-item:hover .wgt_product-list-item-image {
  opacity:0.9
}
.wgt_product-list-item-img {
  width:100%;
  height:auto;
  min-height:150px;
  background:#ccc;
  border-bottom-right-radius:7px;
  border-top-right-radius:7px
}
.wgt_product-list-item-title {
  padding:12px 20px;
  font-size:16px;
  font-weight:600;
  padding-top:0px;
  transition:all 0.2s ease
}
.wgt_product-list-item:hover .wgt_product-list-item-title {
  color:#333
}
.wgt_product-list-item-desc {
  font-size:14px;
  padding:0 21px;
  margin-bottom:16px;
  opacity:0.8
}
.wgt_product-list-item-vendor {
  padding:0 20px;
  gap:5px;
  font-size:13px;
  font-weight:500;
  height:30px;
  overflow:hidden;
  transition:all 0.2s ease
}
.wgt_product-list-item-vendor > img {
  width:25px;
  height:25px;
  border-radius:50%
}
.wgt_product-list-item-vendor span {
  opacity:0.8
}
.wgt_product-list-item-data {
  padding:0 20px;
  flex-wrap:wrap
}
.wgt_product-list-item-data-item {
  flex:1;
  gap:5px;
  row-gap:0;
  position:relative
}
.wgt_product-list-item-data-item-value {
  font-size:17px;
  font-weight:600
}
.wgt_product-list-item-data-item-label {
  font-size:12px;
  opacity:0.6;
  font-weight:500
}
.wgt_product-list-item-data-item-label > svg {
  width:14px;
  height:13px
}
.wgt_product-list-item {
  position:relative
}
.wgt_product-list-item-data {
  padding-top:30px;
  transition:all 0.2s ease
}
.wgt_product-list-item-btns {
  gap:8px;
  padding:0 16px;
  transition:all 0.2s ease;
  margin-top:17px;
  padding-bottom:20px
}
.wgt_product-list-item-btn {
  background:#49cd72;
  color:#fff;
  padding:5px 10px;
  justify-content:center;
  gap:5px;
  font-weight:500;
  font-size:14px;
  height:50px;
  border-radius:15px;
  user-select:none;
  cursor:pointer;
  transition:all 0.2s ease;
  position:relative
}
.wgt_product-list-item-btn > svg {
  width:20px;
  height:20px;
  flex:0 0 20px
}
.wgt_product-list-item-btn:hover {
  background:#3fbd66
}
.wgt_product-list-item-btn:active {
  background:#49cd72
}
.wgt_product-list-item-btn-preview {
  background:#2196f3;
  color:#ffffff;
  padding:5px 12px;
  font-weight:400;
  transition:all 0.2s ease;
  -webkit-user-drag:none
}
.wgt_product-list-item-btn-preview:hover,
.wgt_product-list-item-btn-preview:active {
  background:#1e8de8;
  color:#ffffff;
  box-shadow:none
}
.wgt_product-list-item-btn-preview-tip {
  position:absolute;
  white-space:nowrap;
  left:32px;
  background:#2196f3;
  top:0px;
  bottom:0px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0 19px 0 0;
  border-radius:9px;
  box-shadow:21px 5px 20px rgba(0,0,0,0.15);
  opacity:0;
  pointer-events:none;
  transition:all 0.15s ease;
  border-top-left-radius:0;
  border-bottom-left-radius:0
}
.wgt_product-list-item-btn-preview:hover .wgt_product-list-item-btn-preview-tip {
  opacity:1;
  left:36px
}
.wgt_product-list-item-btn:hover svg {
  animation:itemPreviewAni 0.2s ease 0s forwards
}
@keyframes itemPreviewAni {
  50% {
    transform:scale(1.1)
  }
  100% {
    transform:scale(1)
  }
}
.wgt_product-list-item-btn.loading {
  opacity:0.9;
  pointer-events:none
}
.wgt_product-list-item-btn.loading span,
.wgt_product-list-item-btn.loading svg {
  display:none
}
.wgt_product-list-item-btn.loading::after {
  content:'';
  width:20px;
  height:20px;
  border:solid 1px #fff;
  border-top-color:transparent;
  border-radius:50%;
  animation:rotate 1s linear 0s infinite
}
.wgt_product-list-item-data-item-sales {
  justify-content:center;
  align-items:flex-start;
  flex-direction:column
}
.wgt_product-list-item-data-item-rates {
  width:56px;
  flex:0 0 56px;
  justify-content:center;
  align-items:flex-start;
  flex-direction:column
}
.wgt_product-list-item-data-item-rates svg {
  color:#ffc859
}
.wgt_product-list-item-data-item-price {
  justify-content:flex-end
}
.wgt_product-list-item-data-item-rates .wgt_product-list-item-data-item-value {
  font-weight:600;
  opacity:1;
  min-width:14px
}
.wgt_product-list-item-data-item-rates .wgt_product-list-item-data-item-label {
  opacity:1
}
.wgt_product-list-item-data-item-del {
  font-size:13px;
  font-weight:500;
  text-decoration:line-through;
  width:100%;
  text-align:left;
  margin-bottom:-8px;
  opacity:0.6;
  position:absolute;
  left:0;
  top:-6px
}
.wgt_product-list-item-percent {
  position:absolute;
  top:-15px;
  left:-10px;
  z-index:5;
  color:#fff;
  width:50px;
  height:50px;
  pointer-events:none;
  animation:offAnimateItem 2s linear 0s infinite alternate
}
.wgt_product-list-item-percent svg {
  width:100%;
  height:100%;
  position:absolute;
  color:#ffb03b
}
.wgt_product-list-item-percent span {
  position:absolute;
  top:10px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  font-weight:500;
  direction:ltr
}
.wgt_product-list-item-percent small {
  position:absolute;
  bottom:11px;
  left:0;
  right:0;
  text-align:center;
  font-size:9px;
  font-weight:300
}
.wgt_product-list-item-badges {
  gap:1px;
  height:34px;
  position:relative;
  z-index:1;
  padding:0 15px;
  padding-top:3px;
  margin-top:8px;
  margin-bottom:6px;
  align-items:flex-start
}
.wgt_product-list-item-badge {
  width:30px;
  height:30px;
  border-radius:50%;
  color:#fff;
  background:#d2d2d2;
  border:solid 3px #fff;
  cursor:pointer;
  position:relative;
  transition:all 0.1s ease
}
.wgt_product-list-item-badge svg {
  width:50%;
  height:50%
}
.wgt_product-list-item-badge-tip {
  position:absolute;
  top:40px;
  right:-2px;
  display:flex;
  width:28px;
  transform:rotate(-90deg);
  white-space:nowrap;
  pointer-events:none;
  transition:all 0.2s ease;
  opacity:0;
  justify-content:flex-start
}
.wgt_product-list-item-badge-tip span {
  background:#fff;
  color:#000;
  padding:1px 11px;
  font-size:13px;
  font-weight:600;
  border-radius:13px;
  box-shadow:-9px 2px 33px rgba(0,0,0,0.18)
}
.wgt_product-list-item-badge:hover {
  animation:itemPreviewAni 0.2s ease 0s forwards
}
.wgt_product-list-item-badge:hover .wgt_product-list-item-badge-tip {
  top:45px;
  opacity:1
}
.wgt_product-list-item .wgt_product-list-item-badge.trend {
  background:#12ade5
}
.trend .wgt_product-list-item-badge-tip span {
  color:#12ade5
}
.wgt_product-list-item .wgt_product-list-item-badge.special {
  background:#ffb100
}
.special .wgt_product-list-item-badge-tip span {
  color:#ffb100
}
.wgt_product-list-item .wgt_product-list-item-badge.bundle {
  background:#00bcd4
}
.bundle .wgt_product-list-item-badge-tip span {
  color:#00bcd4
}
.wgt_product-list-item .wgt_product-list-item-badge.orginal {
  background:#3f51b5
}
.orginal .wgt_product-list-item-badge-tip span {
  color:#3f51b5
}
.wgt_product-list-item .wgt_product-list-item-badge.iran {
  background:#49cd72
}
.iran .wgt_product-list-item-badge-tip span {
  color:#49cd72
}
.wgt_product-list-item .wgt_product-list-item-badge.guard {
  background:#666
}
.guard .wgt_product-list-item-badge-tip span {
  color:#666
}
.wgt_product-list-item .wgt_product-list-item-badge.video {
  background:#f3483c
}
.video .wgt_product-list-item-badge-tip span {
  color:#f3483c
}
.wgt_product-list-item .wgt_product-list-item-badge.updates {
  background:#47a9f7
}
.updates .wgt_product-list-item-badge-tip span {
  color:#47a9f7
}
.wgt_product-list-item-headicon {
  position:absolute;
  top:22px;
  left:15px;
  gap:5px
}
.wgt_product-list-item-headicon span {
  width:8px;
  height:8px;
  background:#f3f3f3;
  border-radius:50%
}
@keyframes offAnimateItem {
  from {
    transform:scale(0.95) rotate(-5deg)
  }
  50% {
    transform:scale(1) rotate(0deg)
  }
  to {
    transform:scale(0.95) rotate(-5deg)
  }
}
.blog-layout {
    margin-bottom: 50px;
}
.blog-sidebar {
    flex: 0 0 300px;
    width: 300px;
    padding-left: 20px;
}
.blog-sidebar-inner {
    position: sticky;
    top: 20px;
    gap: 20px;
}
.blog-sidebar-search-wrapper {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 26px rgba(173, 188, 200, 0.14);
}
.blog-sidebar-search-input {
    background: none;
    outline: none;
    border: none;
    padding: 12px 22px;
    font-weight: 400;
    font-size: 14px;
    color: #5e5e5e;
    border-radius: 4px;
}
.blog-sidebar-search-input::placeholder {
    opacity: 1;
    color: #b6b6b6;
}
.blog-sidebar-search-input:focus,
.blog-sidebar-search-input.active {
    box-shadow: 0 0 0 1px #ffb900;
}
.blog-sidebar-search-input.active {
    color: #ffb900;
}
.blog-sidebar-search-input:focus::placeholder,
.blog-sidebar-search-input.active::placeholder {
    opacity: 1;
    color: #ffb900;
}
.blog-sidebar-search-submit {
    position: absolute;
    top: 9px;
    left: 8px;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: #a8a8a8;
}
.blog-sidebar-search-submit:hover,
.blog-sidebar-search-input:focus ~ .blog-sidebar-search-submit,
.blog-sidebar-search-input.active ~ .blog-sidebar-search-submit {
    color: #ffb900;
}
.blog-sidebar-search-submit svg {
    width: 16px;
    height: 16px;
}
.blog-sidebar-cats {
    max-height: 60vh;
    overflow: auto;
    background: #fff;
    box-shadow: 0 3px 26px rgba(173, 188, 200, 0.14);
    padding: 11px 19px;
}
.blog-sidebar-cats-title {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 7px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.blog-sidebar-cats-title::before {
    content: "";
    width: 13px;
    height: 6px;
    background: #f5f5f5;
    margin-left: 7px;
    border-radius: 25px;
    margin-top: 2px;
}
.blog-sidebar-cats-item {
    padding: 3px;
    opacity: 0.8;
}
.blog-sidebar-cats-item:hover {
    padding-right: 10px;
}
.blog-sidebar-cats-item:hover,
.blog-sidebar-cats-item.current {
    opacity: 1;
    color: #11bdbdcf;
}
.blog-sidebar-cats-item.current {
    font-weight: 500;
}
.blog-sidebar-cats-children {
    padding-right: 13px;
    margin-bottom: 12px;
    margin-top: 3px;
    border-right: solid 1px #dfdfdf;
    font-size: 15px;
}
.blog-sidebar-contents {
    flex: 1;
    order: 2;
}
.blog-delete-filters {
    border: solid 2px #11bdbdcf;
    border-radius: 8px;
    padding: 9px 5px;
    justify-content: center;
    font-size: 14px;
    color: #11bdbdcf;
    font-weight: 500;
}
.blog-delete-filters:hover {
    background: #11bdbdcf;
    color: #fff;
    box-shadow: 0 0 0 13px rgba(255, 79, 93, 0.08);
}
.blog-delete-filters svg {
    width: 18px;
    height: 18px;
}
.search-head {
    min-height: 120px;
    background: linear-gradient(-45deg, #459fff, #5f52f7, #8f8bff, #195bf7);
    background-size: 400% 400%;
    animation: znvato_search_head 15s ease infinite;
    margin-bottom: 28px;
}
.search-head-data {
    color: #fff;
}
.search-head-data > svg {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    opacity: 0.4;
    margin-right: 10px;
    margin-left: 15px;
}
.search-head-data h1 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 28px;
    flex: 1;
}
.search-head-data-back {
    gap: 5px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 10px;
}
.search-head-data-back svg {
    width: 16px;
    height: 16px;
    opacity: 0.6;
}
.search-head-data-back:hover {
    opacity: 0.8;
}
@keyframes znvato_search_head {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.blog-item-items {
    row-gap: 20px;
}
.blog-item-wrapper {
    flex: 0 0 33.3333%;
    width: 33.3333%;
    padding: 0 10px;
}
@media screen and (max-width: 1200px) {
    .blog-item-wrapper {
        flex: 0 0 50%;
        width: 50%;
    }
    .wgt_blog-item-image img {
        max-height: 200px !important;
    }
}
@media screen and (max-width: 950px) {
    .blog-item-wrapper {
        flex: 0 0 100%;
        width: 100%;
        padding: 0;
    }
}
@media screen and (max-width: 700px) {
    .blog-sidebar {
        flex: 0 0 210px;
        width: 210px;
    }
}
@media screen and (max-width: 600px) {
    .search-head-data > svg {
        margin-right: 0;
    }
    .search-head-data-back {
        padding-left: 0px;
    }
    .search-head {
        min-height: 60px;
    }
    .search-head-data h1 {
        font-weight: 500;
        font-size: 18px;
    }
    .search-head-data > svg {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        margin-left: 11px;
    }
    .search-head-data-back {
        gap: 3px;
        font-size: 14px;
    }
    .search-head-data-back svg {
        width: 12px;
        height: 12px;
    }
}
@media screen and (max-width: 550px) {
    .blog-layout {
        flex-direction: column;
    }
    .blog-sidebar {
        flex: 0 0 100%;
        width: 100%;
    }
    .blog-sidebar {
        padding-left: 0;
    }
    .blog-sidebar-cats {
        display: none;
    }
    .blog-sidebar-cats.show {
        display: flex;
        max-height: none;
        overflow: hidden;
    }
    .blog-sidebar-inner {
        margin-bottom: 20px;
    }
}
.breadcrumbs-item {
    font-size: 12px;
    font-weight: 300;
    opacity: 0.8;
    transition: all 0.2s ease;
}
.breadcrumbs-item:hover {
    color: #11bdbdcf;
    opacity: 1;
}
.breadcrumbs > svg {
    width: 10px;
    height: 10px;
    opacity: 0.5;
    margin: 0 7px;
}
.article-wrapper {
    max-width: 1110px;
    margin: auto;
    width: 100%;
}
.blog-article-title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 12px;
    color: #2d2d2d;
}
.article-head {
    align-items: center;
}
.author-filter {
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    transition: all 0.2s ease;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 3px 26px rgba(173, 188, 200, 0.14);
    padding: 15px 14px;
}
.author-filter img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.article-author-image {
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #8296a9;
    margin-bottom: 30px;
    transition: all 0.2s ease;
}
.article-author-image img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.article-author-image:hover {
    color: #5e6f7f;
}
.article-head-image {
    width: 600px;
    flex: 0 0 600px;
}
.article-head-image img {
    max-height: 320px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 19px;
}
.article-head-info {
    padding-right: 30px;
    font-size: 16px;
}
.article-desc {
    font-size: 16px;
    line-height: 32px;
}
.article-head-data {
    margin-top: 40px;
}
.article-updated {
    font-size: 13px;
    background-color: #fbb034;
    background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%);
    box-shadow: 0 7px 15px #fbb03440;
    padding: 8px 22px;
    border-radius: 10px;
    font-weight: 600;
    color: #252525;
}
.article-player {
}
.article-cover-video-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background: rgba(0, 0, 34, 0);
    color: #000;
    border-radius: 17px;
    transition: all 0.2s ease;
}
.article-cover-video-play-btn {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    animation: videoPlay 1s ease 0s infinite alternate;
    box-shadow: 0 0 0 0px #fff;
}
.article-cover-video-play-btn svg {
    width: 40px;
    height: 40px;
}
.article-cover-video-play:hover {
    background: rgba(0, 0, 34, 0.1);
}
.article-created {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
}
#article-player.hidden {
    overflow: hidden;
    width: 0px;
    height: 0px;
}
@keyframes videoPlay {
    to {
        box-shadow: 0 0 0 4px #fff;
    }
}
.article-player video,
.article-player audio {
    width: 100%;
    margin: 40px auto 0;
    border-radius: 8px;
}
.article-player video {
    max-height: 90vh;
}
.article-contents-wrapper {
    padding-top: 40px;
    gap: 50px;
}
.article-contents {
    font-size: 17px;
    line-height: 34px;
    font-weight: 400;
    flex: 1;
}
.article-contents hr {
    display: block;
    height: 1px;
    border: none;
    background: #ebedf2;
    margin: 30px -24px;
}
.article-contents p {
    padding: 0;
    margin: 8px 0;
}
.article-contents figure {
    margin: 20px auto;
    padding: 0;
}
.article-contents img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.article-contents ul {
    padding: 0;
    margin: 8px 5px;
}
.article-contents ul li {
    position: relative;
    list-style: none;
    padding-right: 15px;
}
.article-contents ul li::before {
    /*! content: ""; */
    position: absolute;
    right: 0;
    background: #d1d9dd;
    border-radius: 50%;
    color: #0000;
    height: 6px;
    top: 14px;
    width: 6px;
}
.article-contents h1,
.article-contents h2,
.article-contents h3,
.article-contents h4,
.article-contents h5,
.article-contents h6 {
    font-size: 1.3em;
    font-weight: 700;
    margin: 30px 0 4px;
    padding: 0;
    word-spacing: 0;
    color: #354ac4;
}
.article-contents a {
    color: #11bdbdcf;
    transition: all 0.2s ease;
}
.article-contents a:hover {
    color: #000000;
}
.article-contents code {
    background: #141418;
    border-radius: 12px;
    padding: 10px 18px;
    direction: ltr;
    text-align: left;
    position: relative;
    display: block;
    color: #fff;
}
.article-contents code::before {
    position: absolute;
    top: 9px;
    right: 10px;
    background: rgba(134, 134, 134, 0.12);
    border-radius: 8px;
    padding: 1px 11px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
}
.article-contents code.language-css::before {
    content: "CSS";
}
.article-contents code.language-code::before {
    content: "code";
}
.article-contents code.language-php::before {
    content: "PHP";
}
.article-contents code.language-javascript::before {
    content: "JavaScript";
}
.article-contents code.language-html::before {
    content: "HTML";
}
.article-contents code.language-xml::before {
    content: "XML";
}
.article-contents code.language-sql::before {
    content: "SQL";
}
.article-contents table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 0 0 1px #b3b3b3;
}
.article-contents table p {
    padding: 0;
    margin: 0;
}
.article-contents blockquote {
    background: #ffffea;
    border-top: solid 3px #ffcb40;
    margin: 21px 0;
    padding: 7px 21px;
    font-weight: 400;
    font-style: normal;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 11px 18px rgba(0, 0, 0, 0.01);
}
.article-contents table td {
    border: solid 1px #b3b3b3;
    padding: 10px 20px;
}
.article-share-btns {
    padding-top: 3px;
}
.article-share-btns-wrapper {
    position: sticky;
    top: 90px;
}
.article-share-btn {
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
    position: relative;
    -webkit-user-drag: none;
}
.article-share-btn:hover {
    animation: shareBtnLink 0.2s linear 0s forwards;
}
.article-share-btn:active {
    transform: scale(0.9) !important;
}
.article-share-btn-tip {
    position: absolute;
    top: 12px;
    left: 58px;
    white-space: nowrap;
    background: inherit;
    padding: 2px 20px;
    font-size: 12px;
    border-radius: 17px;
    opacity: 0;
    transition: all 0.2s ease;
    pointer-events: none;
}
.article-share-btn:hover .article-share-btn-tip {
    opacity: 1;
    left: 61px;
}
.article-share-btn.whatsapp {
    background: #49cd72;
}
.article-share-btn.telegram {
    background: #29aaec;
}
.article-share-btn.twitter {
    background: #58a0d2;
}
.article-share-btn.linkedin {
    background: #0078b2;
}
.article-share-btn.link {
    background: #6f6f6f;
}
.article-share-btn svg {
    width: 20px;
    height: 20px;
}
@keyframes shareBtnLink {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}
.article-other {
    max-width: 1110px;
    margin: 50px auto;
    width: 100%;
}
.article-other-item-wrapper {
    flex: 0 0 50%;
}
.article-other-item {
    gap: 18px;
}
.article-other-item > svg {
    width: 25px;
    height: 25px;
    opacity: 0.3;
}
.article-other-item.before_post > svg {
    transform: rotate(180deg);
}
.article-other-item:hover > svg {
    opacity: 0.5;
}
.article-other-item > img {
    object-fit: cover;
    object-position: center;
    width: 80px;
    height: 60px;
    border-radius: 16px;
    opacity: 0.9;
    transition: all 0.2s ease;
}
.article-other-item:hover > img {
    opacity: 1;
}
.after_post .article-other-item-data {
    align-items: flex-end;
}
.article-other-item-data > span {
    font-size: 16px;
    font-weight: 500;
    transition: all 0.2s ease;
}
.after_post .article-other-item-data > span {
    text-align: left;
}
.article-other-item:hover > .article-other-item-data span {
    color: #000;
}
.article-other-item-data > small {
    font-size: 14px;
    opacity: 0.8;
    transition: all 0.2s ease;
}
.article-other-item:hover > .article-other-item-data > small {
    opacity: 1;
}
.search-description-title {
    margin: 32px 0 10px;
    padding: 0;
    font-size: 22px;
    font-weight: 600;
}
.search-description {
    margin-bottom: 40px;
}
.search-description-more-btn-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 310px;
    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;
    padding-bottom: 20px;
}
.search-description-more-btn {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}
.search-description-more-btn-wrapper:hover .search-description-more-btn {
    transform: scale(1.2);
}
.search-description-more-btn-wrapper:active .search-description-more-btn {
    transform: scale(1);
}
.search-description-more-btn svg {
    transform: rotate(-90deg);
    width: 20px;
    height: 20px;
    opacity: 0.7;
}
.show > .search-description-more-btn-wrapper .search-description-more-btn svg {
    transform: rotate(90deg);
}
.show > .search-description-more-btn-wrapper {
    background: none;
    height: 70px;
    bottom: 0;
}
.search-description-contents {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    overflow: hidden;
    height: 350px;
    margin-bottom: 40px;
}
.show > .search-description-contents {
    height: auto;
    padding-bottom: 30px;
}
.search-description-contents hr {
    display: block;
    height: 1px;
    border: none;
    background: #ebedf2;
    margin: 30px -24px;
}
.search-description-contents p {
    padding: 0;
    margin: 8px 0;
}
.search-description-contents figure {
    margin: 20px auto;
    padding: 0;
}
.search-description-contents img {
    display: block;
    max-width: 100%;
    margin: auto;
}
.search-description-contents ul {
    padding: 0;
    margin: 8px 5px;
}
.search-description-contents ul li {
    position: relative;
    list-style: none;
    padding-right: 15px;
}
.search-description-contents ul li::before {
    content: "";
    position: absolute;
    right: 0;
    background: #d1d9dd;
    border-radius: 50%;
    color: #0000;
    height: 6px;
    top: 14px;
    width: 6px;
}
.search-description-contents h1,
.search-description-contents h2,
.search-description-contents h3,
.search-description-contents h4,
.search-description-contents h5,
.search-description-contents h6 {
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 14px;
    padding: 0;
}
.search-description-contents a {
    color: #11bdbdcf;
    transition: all 0.2s ease;
}
.search-description-contents a:hover {
    color: #000000;
}
.search-description-contents code {
    background: #141418;
    border-radius: 12px;
    padding: 10px 18px;
    direction: ltr;
    text-align: left;
    position: relative;
    display: block;
    color: #fff;
}
.search-description-contents code::before {
    position: absolute;
    top: 9px;
    right: 10px;
    background: rgba(134, 134, 134, 0.12);
    border-radius: 8px;
    padding: 1px 11px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
}
.search-description-contents code.language-css::before {
    content: "CSS";
}
.search-description-contents code.language-code::before {
    content: "code";
}
.search-description-contents code.language-php::before {
    content: "PHP";
}
.search-description-contents code.language-javascript::before {
    content: "JavaScript";
}
.search-description-contents code.language-html::before {
    content: "HTML";
}
.search-description-contents code.language-xml::before {
    content: "XML";
}
.search-description-contents code.language-sql::before {
    content: "SQL";
}
.search-description-contents table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.search-description-contents table p {
    padding: 0;
    margin: 0;
}
.search-description-contents blockquote {
    background: #ffffea;
    border-top: solid 3px #ffcb40;
    margin: 21px 0;
    padding: 7px 21px;
    font-weight: 400;
    font-style: normal;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 11px 18px rgba(0, 0, 0, 0.01);
}
.search-description-contents table td {
    border: solid 1px #b3b3b3;
}
.article-tags {
    gap: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.article-tags-item {
    background: #f1f1f1;
    font-size: 14px;
    font-weight: 500;
    padding: 1px 15px;
    border-radius: 12px;
    color: #54667a !important;
    gap: 5px;
}
.article-tags-item svg {
    width: 16px;
    height: 16px;
    opacity: 0.5;
}
.article-tags-item:hover {
    background: #ececec;
}
.article-tags-item:active {
    opacity: 0.7;
    background: #ececec;
}
@media screen and (max-width: 1000px) {
    .article-head-image {
        width: 420px;
        flex: 0 0 420px;
    }
}
@media screen and (max-width: 870px) {
    .article-head {
        flex-direction: column;
    }
    .article-head-image {
        flex: auto;
        margin-bottom: 26px;
        width: 100%;
    }
    .article-head-info {
        padding-right: 0;
    }
    .breadcrumbs {
        margin-top: 0px;
        justify-content: center;
    }
    .blog-article-title {
        text-align: center;
    }
}
@media screen and (max-width: 700px) {
    .article-other {
        flex-direction: column;
        gap: 40px;
    }
    .article-other-item-wrapper {
        flex: 0 0 100%;
        width: 100%;
    }
    .article-other-item-wrapper:nth-child(1) {
        order: 2;
    }
}
@media screen and (max-width: 500px) {
    .blog-article-title {
        text-align: center;
        font-size: 19px;
        font-weight: 500;
        margin-bottom: 16px;
    }
    .article-contents-wrapper {
        flex-direction: column;
    }
    .article-contents {
        order: 2;
    }
    .article-contents-wrapper {
        gap: 0;
    }
    .article-share-btns-wrapper {
        flex-direction: row;
        gap: 6px;
        justify-content: space-between;
    }
    .article-head-data {
        margin-top: 20px;
        justify-content: center;
    }
    .article-contents-wrapper {
        padding-top: 22px;
    }
    .article-share-btn-tip {
        display: none;
    }
}
 
.product__badge {
  margin:0 5px;
  width:58px;
  height:58px;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  -webkit-transform:translate(-35%,-25%);
  -ms-transform:translate(-35%,-25%);
  transform:translate(-35%,-25%);
  fill:#ff5c62
}
.product__badge.green {
  fill:#5ec37d
}
.product__badge.golden {
  fill:#fea000
}
@media only screen and (max-width:800px) {
  .product__badge {
    width:48px;
    height:48px;
    -webkit-transform:translate(-10px,-10px);
    -ms-transform:translate(-10px,-10px);
    transform:translate(-10px,-10px)
  }
}
@media only screen and (min-width:1401px) {
  .product__badge {
    width:66px;
    height:66px
  }
}
.product-intro .product__badge {
  position:relative;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none
}
.product__badge--right {
  top:0;
  right:0;
  -webkit-transform:translate(35%,-25%);
  -ms-transform:translate(35%,-25%);
  transform:translate(35%,-25%)
}
.product__badge--two-badges {
  left:90%
}
.product__badge--iconic {
  width:48px;
  height:48px
}
.product__badge--white>svg {
  fill:#fff
}
.product__badge--white:after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  border-radius:100%;
  width:55px;
  height:55px;
  z-index:-1;
  -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);
  box-shadow:0 0 10px 0 rgba(0,0,0,.3)
}
.product__badge--orange>svg {
  fill:#fea000
}
.details__slider .product__badge {
  width:70px;
  height:70px
}
.product--movie .product__badge,
.product--music .product__badge {
  width:5rem;
  height:3.75rem;
  color:#fff;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center;
  -webkit-transform:translate(-15%,-15%);
  -ms-transform:translate(-15%,-15%);
  transform:translate(-15%,-15%)
}
@media only screen and (max-width:800px) {
  .product--movie .product__badge,
  .product--music .product__badge {
    width:3.75rem;
    height:2.75rem;
    -webkit-transform:translate(-5px,-8px);
    -ms-transform:translate(-5px,-8px);
    transform:translate(-5px,-8px)
  }
}
@media only screen and (max-width:500px) {
  .product--movie .product__badge,
  .product--music .product__badge {
    width:3.125rem;
    height:2.5rem;
    -webkit-transform:translate(-6px,-5px);
    -ms-transform:translate(-6px,-5px);
    transform:translate(-6px,-5px)
  }
}
.product--movie .product__badge svg,
.product--music .product__badge svg {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0
}
.product--movie .product__badge div,
.product--music .product__badge div {
  position:relative;
  z-index:1;
  line-height:1;
  padding-right:.9375rem
}
@media only screen and (max-width:800px) {
  .product--movie .product__badge div,
  .product--music .product__badge div {
    padding-right:.625rem
  }
}
@media only screen and (max-width:500px) {
  .product--movie .product__badge div,
  .product--music .product__badge div {
    padding-right:.5rem
  }
}
@media only screen and (max-width:800px) {
  .product--movie .product__badge i,
  .product--music .product__badge i {
    font-size:.9375rem
  }
}
@media only screen and (max-width:500px) {
  .product--movie .product__badge i,
  .product--music .product__badge i {
    font-size:.8125rem
  }
}
.product--movie .product__badge span,
.product--music .product__badge span {
  font-size:1.0625rem
}
@media only screen and (max-width:800px) {
  .product--movie .product__badge span,
  .product--music .product__badge span {
    font-size:.9375rem
  }
}
@media only screen and (max-width:500px) {
  .product--movie .product__badge span,
  .product--music .product__badge span {
    font-size:.8125rem
  }
}
.product--movie .product__badge p,
.product--music .product__badge p {
  font-size:.875rem;
  z-index:1
}
@media only screen and (max-width:800px) {
  .product--movie .product__badge p,
  .product--music .product__badge p {
    font-size:.8125rem
  }
}
@media only screen and (max-width:500px) {
  .product--movie .product__badge p,
  .product--music .product__badge p {
    font-size:.6875rem
  }
}
.product__badge .svg {
  width:100%;
  height:100%
}
.product__badge-price {
  text-align:center;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  margin-top:2px;
  margin-right:10px;
  width:100%
}
@media only screen and (max-width:800px) {
  .product__badge-price {
    margin-top:0
  }
}
.product__badge-price>span {
  color:#fff;
  font-size:9px;
  font-size:.6rem;
  display:block;
  white-space:nowrap
}
.product__badge-price>span.gray_b {
  color:#b3b3b3
}
@media only screen and (min-width:1401px) {
  .product__badge-price>span {
    font-size:.5rem
  }
}
@media only screen and (max-width:800px) {
  .product__badge-price>span {
    font-size:8px
  }
}
.product__badge-price>var {
  color:#fff;
  font-size:16px;
  display:block;
  line-height:16px
}
@media only screen and (max-width:800px) {
  .product__badge-price>var {
    font-size:1rem
  }
}
.product__badge-price--iconic>var {
  font-size:1rem
}
.product__badge-free {
  margin-bottom:5px
}
.product__badge-free-iconic {
  font-size:14px!important;
  margin-bottom:6px
}
.product__badge-bundle,
.product__badge-update {
  width:5rem;
  height:3.75rem;
  color:#fff;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center;
  -webkit-transform:translate(-15%,-15%);
  -ms-transform:translate(-15%,-15%);
  transform:translate(-15%,-15%)
}
@media only screen and (max-width:800px) {
  .product__badge-bundle,
  .product__badge-update {
    width:3.75rem;
    height:2.75rem;
    -webkit-transform:translate(-5px,-8px);
    -ms-transform:translate(-5px,-8px);
    transform:translate(-5px,-8px)
  }
}
@media only screen and (max-width:500px) {
  .product__badge-bundle,
  .product__badge-update {
    width:3.125rem;
    height:2.5rem;
    -webkit-transform:translate(-6px,-5px);
    -ms-transform:translate(-6px,-5px);
    transform:translate(-6px,-5px)
  }
}
.product__badge-bundle svg,
.product__badge-update svg {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0
}
.product__badge-bundle div,
.product__badge-update div {
  position:relative;
  z-index:1;
  line-height:1.4;
  padding-right:.9375rem
}
@media only screen and (max-width:800px) {
  .product__badge-bundle div,
  .product__badge-update div {
    padding-right:.625rem
  }
}
@media only screen and (max-width:500px) {
  .product__badge-bundle div,
  .product__badge-update div {
    padding-right:.5rem
  }
}
.product__badge-bundle p,
.product__badge-update p {
  font-size:.875rem;
  z-index:1
}
@media only screen and (max-width:800px) {
  .product__badge-bundle p,
  .product__badge-update p {
    font-size:.8125rem
  }
}
@media only screen and (max-width:500px) {
  .product__badge-bundle p,
  .product__badge-update p {
    font-size:.6875rem
  }
}
.product__badge-bundle {
  width:auto;
  height:auto;
  -webkit-transform:translate(-18px,-10px);
  -ms-transform:translate(-18px,-10px);
  transform:translate(-18px,-10px)
}
#app,
body {
  /*! background:#fff !important; */
  min-height:100vh;
}
#cart-load {
  justify-content:center;
  width:100%
}
.label {
  display:block;
  width:auto;
  padding-bottom:11px;
  cursor:pointer;
  user-select:none
}
.input-text {
  display:block;
  border:1px solid #d1d5db;
  background:#fff;
  outline:none;
  box-shadow:none;
  font-size:15px;
  padding:8px 15px;
  border-radius:3px;
  color:#4b5563
}
.input-textarea {
  resize:vertical;
  height:150px
}
.input-text:disabled {
  background:#f9f9f9;
  border-color:#f9f9f9;
  color:#a7abb7
}
.input-text:focus {
  border-color:#9f9f9f;
  box-shadow:inset 0 1px 2px rgb(0 0 0 / 8%)
}
select.input-text {
  cursor:pointer
}
.cart-item-delete {
  width:36px;
  justify-content:flex-end;
  cursor:pointer;
  height:60px;
  align-self:self-start
}
.cart-item-delete > div {
  width:34px;
  height:34px;
  border-radius:50%;
  color:#5e5e5e;
  transition:all 0.2s ease
}
.cart-item-delete > div > svg {
  width:20px;
  height:20px
}
.cart-item-delete:hover > div {
  color:#F44336;
  background:#fef0ef
}
.cart-item-delete:active > div {
  color:#F44336;
  background:#fef0ef;
  opacity:0.8
}
.cart-item-icon {
  padding-right:5px;
  padding-left:8px;
  align-self:self-start;
  position:relative
}
.cart-item-icon > img {
  width:60px;
  height:60px
}
.cart-item-icon > span {
  color:#ffffff;
  position:absolute;
  top:37px;
  right:-5px;
  min-width:29px;
  height:29px;
  background:#FFC107;
  font-weight:500;
  padding:0 3px;
  font-size:11px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:25px;
  box-shadow:0 0 0 3px #fff
}
.cart-item-title {
  font-size:16px;
  font-weight:400;
  flex:1
}
.cart-item-title > span {
  font-size:13px;
  font-weight:400;
  opacity:0.7;
  padding-top:6px
}
.cart-item-title > strong {
  font-weight:500
}
.cart-item-price {
  padding:0 5px 0 0;
  line-height:26px
}
.cart-item-price > del {
  color:#9c9c9c;
  font-size:15px;
  font-weight:400
}
.cart-item-price > strong {
  font-size:22px;
  font-weight:500
}
.cart-item-price > span {
  font-size:11px;
  opacity:0.7;
  user-select:none
}
.cart-end-term {
  align-items:flex-end;
  padding-bottom:20px
}
.cart-items {
  margin:30px 0 0;
  gap:30px;
  flex:1
}
.cart-items-footer {
  padding-right:35px
}
.cart-item {
  box-shadow:0px 2px 35px rgba(173,188,200,0.08);
  border-radius:8px;
  transition:all 0.2s ease;
  background:#ffffff
}
.cart-item:hover {
  box-shadow:0px 2px 35px rgba(173,188,200,0.2)
}
.cart-item-info {
  padding:20px 25px
}
.cart-item-options {
  padding:20px 25px;
  border-top:solid 1px #f0f0f0;
  row-gap:5px;
  column-gap:30px;
  font-size:14px
}
.checkbox-input > div > small,
.label-desc {
  opacity:0.9;
  font-weight:300;
  margin-right:8px;
  font-size:13px
}
.cart-page-title-wrapper {
  padding-top:25px
}
.cart-page-title {
  font-size:18px;
  font-weight:500;
  padding:0;
  margin:34px 0 0;
  margin-top:0
}
.cart-page-title span {
  color:rgb(238,238,238);
  min-width:30px;
  height:30px;
  display:flex;
  font-size:13px;
  font-weight:400;
  margin-right:15px;
  background:rgb(255, 164, 48);
  padding:0px;
  border-radius:50%
}
.floating-cart-sidebar {
  position:sticky;
  top:20px;
  width:400px;
  min-height:189px;
  margin-top:28px
}
.cart-end-item {
  padding:24px 25px;
  min-height:189px
}
.cart-hr {
  border-top:dashed 2px #ebebeb;
  margin-top:45px;
  padding-bottom:40px
}
.cart-price-items {
  width:100%
}
.cart-price-item {
  font-size:15px;
  padding-top:4px
}
.cart-price-item-label {
  user-select:none
}
.cart-price-item-label > span {
  box-shadow:0 2px 6px rgb(0 0 0 / 16%);
  width:14px;
  height:14px;
  border-radius:50%;
  margin-left:9px;
  font-size:20px;
  color:#ff6464
}
.cart-price-item-label > svg {
  width:16px;
  height:16px;
  margin-left:5px
}
.cart-price-item-line {
  height:4px;
  border-bottom:solid 1px #f8f8f8;
  margin:0 15px
}
.cart-price-item-value {
  font-size:16px;
  font-weight:500;
  display:flex;
  flex-direction:row;
  align-items:center
}
.cart-price-item-value > small {
  font-weight:400;
  opacity:0.7;
  padding-right:6px;
  font-size:13px;
  user-select:none
}
.cart-price-item-final {
  padding-top:15px;
  font-size:15px;
  font-weight:bold
}
.cart-price-item-final > .cart-price-item-value {
  font-size:22px
}
.cart-discount-wrapper {
  padding-bottom:32px
}
#cart-discount-code-form {
  height:50px;
  position:relative;
  width:100%
}
#cart-discount-code-form > input[type=text] {
  width:100%;
  height:50px;
  box-shadow:none;
  outline:none;
  background:none;
  font-size:14px;
  padding:0 17px;
  border:solid 1px #d6d6d6;
  border-radius:3px;
  padding-left:50px;
  transition:all 0.2s ease;
  color:#5e5e5e
}
#cart-discount-code-form > input[type=text]:focus {
  border-color:#a39f9f
}
#cart-discount-code-form > button[type=submit] {
  outline:none;
  box-shadow:none;
  border:none;
  background:none;
  padding:0 15px;
  height:50px;
  font-size:12px;
  cursor:pointer;
  font-weight:500;
  color:#979797;
  transition:all 0.2s ease;
  position:absolute;
  top:0;
  left:0
}
#cart-discount-code-form > button[type=submit]:hover {
  color:#424242
}
#cart-discount-code-form > button[type=submit]:active {
  opacity:0.8;
  color:#424242
}
#cart-discount-code-form > svg {
  width:10px;
  height:10px;
  position:absolute;
  top:0;
  left:0
}
#cart-discount-delete-btn {
  position:absolute;
  top:13px;
  right:10px;
  padding:4px;
  cursor:pointer;
  color:#cfcfcf;
  transition:all 0.2s ease;
  display:none
}
#cart-discount-delete-btn > svg {
  width:16px;
  height:16px
}
#cart-discount-delete-btn:hover {
  color:#f44336
}
#cart-discount-delete-btn:active {
  color:#f44336;
  opacity:0.6
}
#cart-discount-code-form.success > input[type=text],
#cart-discount-code-form.error > input[type=text] {
  padding-right:40px;
  border-color:#20e028;
  font-weight:500;
  font-size:16px
}
#cart-discount-code-form.error > input[type=text] {
  border-color:#ff3526
}
#cart-discount-code-form > svg.svg-success,
#cart-discount-code-form > svg.svg-error {
  width:19px;
  height:19px;
  color:#20e028;
  position:absolute;
  top:15px;
  left:15px;
  display:none;
  pointer-events:none
}
#cart-discount-code-form > svg.svg-error {
  color:#ff3526
}
#cart-discount-code-form.success > svg.svg-success {
  display:flex
}
#cart-discount-code-form.error > svg.svg-error {
  display:flex
}
#cart-discount-code-form.success > button[type=submit],
#cart-discount-code-form.error > button[type=submit] {
  display:none
}
#cart-discount-code-form.success #cart-discount-delete-btn,
#cart-discount-code-form.error #cart-discount-delete-btn {
  display:flex
}
#cart-discount-success-message,
#cart-discount-error-message {
  font-size:14px;
  font-weight:400;
  color:#13d81c;
  padding-bottom:15px
}
#cart-discount-error-message {
  color:#ff3526
}
.cart-end-submit {
  margin-bottom:50px
}
.cart-btns {
  gap:15px
}
.cart-btns-item {
  font-size:19px;
  background:#a2b147;
  border:solid 2px #a2b147;
  color:#FFF;
  padding:17px 40px;
  border-radius:7px;
  font-weight:500;
  gap:5px;
  cursor:pointer;
  transition:all 0.2s ease;
  white-space:nowrap;
  -webkit-user-drag:none;
  min-width:400px;
  justify-content:center;
  margin-top:22px
}
.cart-btns-item > svg {
  width:16px;
  height:16px
}
.cart-btns-item.i-right > svg {
  transform:rotate(180deg)
}
.cart-btns-item:hover {
  background:#9aa93e;
  border-color:#9aa93e;
}
.cart-btns-item:active {
  background:#ffc107;
  border-color:#ffc107;
  opacity:0.6
}
.cart-btns-item.i-right {
  background:none;
  color:#3c372a;
  opacity:0.7
}
.cart-btns-item.i-right:hover {
  opacity:1
}
.cart-btns-item.i-right:active {
  opacity:0.5
}
.cart-btns-item.disabled {
  background:#d3d3d3;
  border-color:#d3d3d3;
  color:#ffffff;
  pointer-events:none
}
.cart-end-term a {
  color:#11bdbdcf;
  text-decoration:underline
}
.cart-end-term a:hover {
  opacity:0.8
}
.element_disabled {
  opacity:0.5;
  pointer-events:none;
  user-select:none
}
.cart-placeholder {
  padding-top:34px
}
.cart-placeholder span {
  background:#f8f8f8;
  width:100%;
  height:160px;
  margin-top:20px;
  border-radius:8px;
  animation:cartPlaceHolder 0.5s ease 0s infinite alternate;
  position:relative
}
.cart-placeholder span::after {
  content:'';
  background:#f3f3f3;
  width:30%;
  height:7px;
  position:absolute;
  top:30px;
  right:30px;
  border-radius:12px
}
.cart-placeholder span::before {
  content:'';
  background:#f3f3f3;
  width:20%;
  height:7px;
  position:absolute;
  top:60px;
  right:30px;
  border-radius:12px
}
@keyframes cartPlaceHolder {
  to {
    background:#fff
  }
}
.invoice-warning-message,
.invoice-success-message {
  font-size:14px;
  border:solid 1px #11bdbdcf;
  color:#11bdbdcf;
  background:#f1e7eb;
  padding:5px 10px;
  margin-bottom:20px;
  border-radius:4px;
  gap:6px
}
.invoice-success-message {
  border-color:#8BC34A;
  color:#4CAF50;
  background:#eaefeb
}
.invoice-success-message > svg,
.invoice-warning-message > svg {
  width:16px;
  height:16px
}
#cart-load {
  padding-bottom:25px
}
#cart-empty .cart-btns-item.i-right {
  min-width:auto
}
@media screen and (max-width:1000px) {
  .floating-cart-sidebar {
    top:0;
    position:relative;
    width:100%
  }
  .cart-items-footer {
    padding-right:0
  }
  #cart-load {
    flex-direction:column
  }
  .cart-btns-item {
    min-width:auto
  }
  #cart-item-wallet > .checkbox-input {
    height:auto!important
  }
  #cart-item-wallet > .checkbox-input > .label > small {
    display:block;
    padding-top:7px;
    margin-right:0
  }
}
@media screen and (max-width:800px) {
  .cart-item-price > del {
    font-size:11px
  }
  .cart-end-item {
    flex-direction:column
  }
  .cart-discount-wrapper,
  #cart-discount-code-form > input[type=text],
  #cart-discount-code-form {
    width:100%
  }
  .cart-discount-wrapper {
    margin-bottom:40px
  }
  .cart-end-submit {
    flex-direction:column
  }
  .cart-end-term {
    margin-bottom:25px
  }
  .cart-item-title {
    font-size:16px
  }
  .cart-page-title {
    font-size:15px;
    padding-right:10px
  }
  .cart-item-title > span {
    padding-top:3px
  }
}
@media screen and (max-width:700px) {
  .cart-item-info {
    flex-wrap:wrap
  }
  .cart-item-title {
    order:2;
    flex:0 0 100%;
    padding-top:6px
  }
  .cart-item-icon {
    flex:1
  }
}
@media screen and (max-width:600px) {
  .cart-btns {
    flex-direction:column;
    width:100%
  }
  .cart-btns-item {
    width:100%;
    justify-content:center;
    align-items:center;
    display:flex
  }
  .cart-btns-item.i-right {
    order:2
  }
}
@media screen and (max-width:500px) {
  .cart-item-price > strong {
    font-size:16px
  }
  select[name=license_type] {
    width:100%;
    margin-bottom:5px;
    font-size:14px
  }
  .cart-item-options label {
    font-size:13px!important
  }
  .cart-item-title {
    font-size:15px
  }
  .cart-items {
    margin-top:30px
  }
  .cart-price-items {
    width:100%
  }
}
@media screen and (max-width:450px) {
  .cart-btns-item {
    padding:14px 10px;
    font-size:17px
  }
  .cart-end-term {
    margin-bottom:0
  }
  .cart-end-term label {
    font-size:12px!important
  }
  .cart-btns-item {
    font-size:14px
  }
}
.pbWidgetButton--lg {
  padding:10px 30px;
  font-size:14px
}
.pbWidgetButton--Off {
  display:inline-block;
  height:25px;
  line-height:25px;
  padding:0 7px;
  border-radius:4px;
  margin-right:5px;
  font-size:16px!important;
  color:#fff;
  background:linear-gradient(180deg,#ffcf69,#ffb563)
}
.pbWidgetCountdown__design {
  float:left;
  display:inline-block;
  width:50px;
  height:75px;
  font-size:21px;
  text-align:center;
  background:#fff;
  box-shadow:0 5px 20px rgba(173,188,200,.22);
  -webkit-box-shadow:rgba(173,188,200,.22) 0 5px 20px;
  border-radius:4px;
  padding-top:12px;
  color:#6e7177;
  margin-right:10px
}
.pbWidgetCountdown__period {
  display:block;
  font-size:13px
}
.pbWidgetCountdown__design:last-of-type {
  color:#fb6453
}
.pbWidgetCountdown__design--hide .pbWidgetCountdown__design:first-child {
  display:none!important
}
.pbWidgetCountdown__design--hide .pbWidgetCountdown__design {
  width:65px !important;
}
@media (max-width:361px) {
  .pbWidgetCountdown__design--hide .pbWidgetCountdown__design {
    width:50px!important
  }
}
@media (max-width:480px) {
  .pbWidgetTabbed__select {
    padding-right:10px!important;
    min-width:0
  }
  .pbWidgetTabbed__select__icon {
    display:none
  }
  .pbWidgetTabbed__select__option__box__list__items {
    left:15px;
    top:70px
  }
  .pbWidgetTabbed__select {
    width:40px
  }
  .pbWidgetTabbed__dropArrow {
    margin-left:11px!important
  }
  .pbWidgetTabbed .pbWidgetTabbed__select .pbWidgetDropdown__select__option__box__list__items {
    right:-190px!important
  }
}
@media (max-width:1470px) {
  .pbWidgetSwiperAmazingTypeTwo__content__img {
    width:100%!important
  }
}
.pbWidgetSwiperAmazingTypeTwo__content__img__inner {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  height:100%
}
@media (max-width:1470px) {
  .pbWidgetSwiperAmazingTypeTwo__content__img__inner {
    width:100%;
    position:relative
  }
}
.pbWidgetSwiperAmazingTypeTwo__content__detail {
  box-shadow:0 5px 30px rgba(173,188,200,.22);
  background-color:#fff;
  border-radius:4px;
  padding:50px;
  height:100%;
  display:flex;
  flex-direction:column
}
@media (max-width:767px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail {
    padding:20px
  }
}
@media (max-width:1199px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail {
    margin-top:20px
  }
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__title {
  margin-bottom:13px;
  line-height:2rem;
  font-family:dana,IRANSans,Tahoma,serif
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__category {
  font-size:14px;
  color:#6d6d6d
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__category__link:not(:hover) {
  color:#6d6d6d
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer {
  padding-top:30px;
  margin-top:20px;
  border-top:1px dashed #efefef
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
  display:flex;
  justify-content:space-between
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__price {
  position:relative;
  font-size:28px;
  text-align:left
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__price__sale {
  display:block;
  color:#3c4354;
  font-size:20px;
  font-weight:500;
  text-decoration:none
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__price__sym {
  font-weight:400;
  margin-right:2px;
  font-size:13px;
  color:#aaa
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__price__regular {
  position:absolute;
  bottom:47%;
  right:-10px;
  font-size:18px;
  color:rgba(142,147,155,.73)
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer__rate {
  display:flex;
  flex:1;
  border-left:1px solid #efefef;
  align-items:center
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer__rate__item {
  flex:1;
  text-align:center;
  padding:0 20px
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer__rate__item__count {
  display:block;
  font-size:20px;
  font-weight:700
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer__rate__item__desc {
  font-size:14px;
  color:hsla(0,0%,42.7%,.8)
}
.pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__preview {
  margin-right:40px
}
@media (max-width:1470px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__rate__item {
    padding:0 10px
  }
}
@media (max-width:410px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer {
    display:flex;
    justify-content:center
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    width:100%;
    text-align:center;
    margin-bottom:10px
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__preview {
    margin-right:0!important;
    margin-top:10px;
    text-align:center;
    width:100%
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
    display:flex;
    justify-content:space-around;
    flex-direction:column
  }
}
@media (min-width:411px) and (max-width:768px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
    display:flex;
    justify-content:space-around;
    text-align:center;
    flex-direction:column
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__preview {
    margin-right:0
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    width:100%;
    text-align:center;
    margin-bottom:10px;
    margin-top:20px
  }
}
@media (min-width:1200px) and (max-width:1246px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
    flex-direction:column;
    text-align:center
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    width:100%;
    text-align:center;
    margin-bottom:10px
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__preview {
    margin-right:0
  }
}
@media (min-width:768px) and (max-width:992px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    padding:4px 5px;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:10px
  }
}
@media (min-width:1246px) and (max-width:1470px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
    flex-direction:column
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__preview {
    margin-right:0;
    text-align:center
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    width:100%;
    text-align:center;
    margin-bottom:10px
  }
}
@media (min-width:992px) and (max-width:1245px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
    justify-content:flex-start;
    display:flex
  }
}
@media (min-width:769px) and (max-width:992px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__preview {
    margin-right:0;
    text-align:center
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    width:100%;
    text-align:center;
    padding:10px 18px;
    margin-left:15px;
    margin-bottom:10px
  }
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product {
    flex-direction:column
  }
}
@media (max-width:992px) {
  .pbWidgetSwiperAmazingTypeTwo__countdown {
    display:flex;
    justify-content:center
  }
}
@media (max-width:1470px) {
  .pbWidgetSwiperAmazingTypeTwo__content__img {
    height:100%!important
  }
  .pbWidgetSwiperAmazingTypeTwo__content__img__inner {
    height:100%
  }
}
@media (max-width:1200px) {
  .pbWidgetSwiperAmazingTypeTwo__navigation {
    display:none
  }
}
@media (max-width:768px) {
  .pbWidgetSwiperAmazingTypeTwo__content__detail__footer__product__btns {
    margin-top:20px
  }
}
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content:""!important
}
.the-detail-product {
    opacity: 0;
    transition: .3s;
}
.the-product-item:hover .the-detail-product {
    opacity: 1;
}
.btn--lg {
  padding:.75rem 1.25rem;
  font-size:1.0625rem
}
.btn--orange,
.swal-button--confirm,
.swal-modal.warning .swal-button--confirm {
  color:#fff;
  background-color:#fea000
}
.rating-count,
.rating-main {
  margin:0 5px
}
.btn--orange:not(.btn--disabled):hover,
.swal-button--confirm:not(.btn--disabled):hover {
  background-color:#e59000
}
.rating-info-p {
  color: #fff;
}


.col-xs-6 {
  width:50%
}

@media only screen and (min-width:2201px) {
  html {
    font-size:18px
  }
}
 
html.menu-open.is-ios {
  height:100vh
}
@media only screen and (min-width:1051px) {
  html.hidden-overflow {
    padding-right:17px
  }
}
.section--theme {
  padding:0;
  overflow:hidden;
  position:relative;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover
}
.section--theme:after {
  content:"";
  width:100%;
  height:100%;
  background:#333;
  opacity:.8;
  z-index:0;
  position:absolute;
  left:0;
  top:0;
  display:none
}
.section__container {
  margin:0 auto;
  max-width:1430px;
  padding:0 30px
}

.btn--full {
  display:block;
  width:100%
}
.details {
  padding-top:6.25rem
}
@media only screen and (max-width:900px) {
  .details {
    padding:80px 0
  }
}
@media only screen and (max-width:800px) {
  .details {
    padding:70px 0
  }
}
@media only screen and (max-width:500px) {
  .details {
    padding:60px 0
  }
}

.details--company,
.details--offer-3d {
  padding:6.25rem 0
}
@media only screen and (max-width:900px) {
  .details--company,
  .details--offer-3d {
    padding:80px 0
  }
}
@media only screen and (max-width:800px) {
  .details--company,
  .details--offer-3d {
    padding:70px 0
  }
}
@media only screen and (max-width:500px) {
  .details--company,
  .details--offer-3d {
    padding:60px 0
  }
}
.details--nopaddtop {
  padding-top:0
}
.details--lowpadd {
  padding:5.625rem 0
}
@media only screen and (min-width:901px) {
  .details--hasimage {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:10rem 0;
    min-height:26.875rem
  }
  .details--hasimage.details--ltr {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
  }
}
.details--blog {
  max-width:1400px;
  margin:0 auto;
  padding-top:0;
  padding-bottom:0
}
.details--graphic {
  padding-top:0
}
.details--iphoto {
  padding:6.25rem 0
}
@media only screen and (max-width:900px) {
  .details--iphoto {
    padding:80px 0
  }
}
@media only screen and (max-width:800px) {
  .details--iphoto {
    padding:70px 0
  }
}
@media only screen and (max-width:500px) {
  .details--iphoto {
    padding:60px 0
  }
}
@media only screen and (min-width:901px) {
  .section--small .details--theme {
    padding:45px 0
  }
}
.section--darktext .details {
  padding-bottom:35px
}
.details--nopadd {
  padding:0!important
}
.details__info {
  position:relative;
  z-index:1
}
@media only screen and (min-width:901px) {
  .details__info--nopos {
    position:static
  }
}
.details--graphic .details__info,
.details--theme-rating .details__info,
.details--theme .details__info {
  padding:0 6.25rem 7.5rem 0
}
@media only screen and (max-width:1050px) {
  .details--graphic .details__info,
  .details--theme-rating .details__info,
  .details--theme .details__info {
    padding-right:50px;
    padding-top:0
  }
}
@media only screen and (max-width:900px) {
  .details--graphic .details__info,
  .details--theme-rating .details__info,
  .details--theme .details__info {
    padding:0
  }
}
@media only screen and (min-width:901px) {
  .details--graphic .details__info,
  .details--theme-rating .details__info,
  .details--theme .details__info {
    float:left;
    width:50%
  }
}
.section--small .details--graphic .details__info,
.section--small .details--theme-rating .details__info,
.section--small .details--theme .details__info {
  padding:0 2rem 70px 0
}
.section--small.section--darktext .details--graphic .details__info,
.section--small.section--darktext .details--theme-rating .details__info,
.section--small.section--darktext .details--theme .details__info {
  padding:0 2rem 0 0
}
@media only screen and (max-width:900px) {
  .section--small.section--darktext .details--graphic .details__info,
  .section--small.section--darktext .details--theme-rating .details__info,
  .section--small.section--darktext .details--theme .details__info {
    padding:0
  }
}
.details--theme .details__info {
  padding-top:4.375rem
}
@media only screen and (max-width:1050px) {
  .details--theme .details__info {
    padding-top:0
  }
}
.details--user .details__info {
  padding:7.5rem 0
}
@media only screen and (min-width:901px) {
  .details--user .details__info {
    float:left;
    width:50%
  }
  .details--user.rtl .details__info {
    float:right
  }
}
@media only screen and (max-width:1050px) {
  .details--user .details__info {
    padding:80px 0
  }
}
@media only screen and (max-width:800px) {
  .details--user .details__info {
    padding:60px 0
  }
}
@media only screen and (max-width:500px) {
  .details--user .details__info {
    padding:40px 0
  }
}
.details--graphic .details__info {
  padding-top:8rem;
  padding-bottom:8rem
}
@media only screen and (max-width:800px) {
  .details--graphic .details__info {
    padding-top:4rem;
    padding-bottom:0
  }
}
@media only screen and (max-width:500px) {
  .details--graphic .details__info {
    padding-top:4rem;
    padding-bottom:0
  }
}
.details--iphoto .details__info {
  padding:0 0 3.5rem 6.25rem
}
@media only screen and (max-width:1050px) {
  .details--iphoto .details__info {
    padding-left:50px;
    padding-top:0
  }
}
@media only screen and (max-width:900px) {
  .details--iphoto .details__info {
    padding:0
  }
}
@media only screen and (min-width:901px) {
  .details--iphoto .details__info {
    float:right;
    width:50%
  }
}
@media only screen and (min-width:901px) {
  .details--company .details__info,
  .details--offer-3d .details__info {
    padding:3.75rem 0;
    width:40%
  }
}
@media only screen and (min-width:901px) {
  .details--50 .details__info {
    width:40%
  }
}
@media only screen and (min-width:1201px) {
  .details--50 .details__info {
    width:50%
  }
}
@media only screen and (min-width:900px) and (max-width:1050px) {
  .details--60 .details__info {
    width:60%
  }
}
@media only screen and (min-width:1050px) and (max-width:1400px) {
  .details--60 .details__info {
    width:50%
  }
}
@media only screen and (min-width:901px) {
  .details--40 .details__info {
    width:40%
  }
}
@media only screen and (min-width:1201px) {
  .details--40 .details__info {
    width:40%
  }
}
@media only screen and (min-width:901px) {
  .details--blog .details__info {
    width:40%;
    float:left;
    padding:50px 0
  }
}
.section--small .details--theme .details__info {
  padding-top:35px
}
@media only screen and (max-width:900px) {
  .section--small .details--theme .details__info {
    padding:0
  }
}
@media only screen and (min-width:901px) {
  .section--small .details--theme .details__info {
    float:left;
    width:60%
  }
}
.details__info--padd40 {
  padding:2.5rem 0!important
}
@media only screen and (min-width:1051px) {
  .details__info--padd40 {
    padding-left:2.5rem!important
  }
}
.details__info--padd20 {
  padding:1.25rem 0!important
}
@media only screen and (min-width:1051px) {
  .details__info--padd20 {
    padding-left:1.25rem!important
  }
}
.details__info--padd70 {
  padding:4.375rem 0!important
}
@media only screen and (min-width:1051px) {
  .details__info--padd70 {
    padding-left:4.375rem!important
  }
}
.details__info--lowpadd {
  padding:2.5rem 0 0!important
}
@media only screen and (min-width:901px) {
  .details__info--450 {
    max-width:28.125rem!important;
    padding-right:0!important
  }
}
.details__info--nopaddbottom {
  padding-bottom:0!important
}
.details__info--nopaddtop {
  padding-top:0!important
}
.details__info--nopadd {
  padding:0!important
}
.details__header {
  margin-bottom:10px
}
.details--graphic .details__header,
.details--iphoto .details__header,
.details--theme-rating .details__header,
.details--theme .details__header {
  margin-top:unset;
  line-height:2
}
@media only screen and (min-width:501px) {
  .details--graphic .details__header,
  .details--iphoto .details__header,
  .details--theme-rating .details__header,
  .details--theme .details__header {
    line-height:2
  }
}
.details--graphic .details__header-link,
.details--iphoto .details__header-link,
.details--theme-rating .details__header-link,
.details--theme .details__header-link {
  display:block;
  color:#fff;
  font-size:1.5rem;
  padding-left:5rem;
  line-height:1.5;
  margin-bottom:1.25rem
}
.section--darktext .details--graphic .details__header-link,
.section--darktext .details--iphoto .details__header-link,
.section--darktext .details--theme-rating .details__header-link,
.section--darktext .details--theme .details__header-link {
  color:#4d4d4d
}
@media only screen and (max-width:800px) {
  .details--graphic .details__header-link,
  .details--iphoto .details__header-link,
  .details--theme-rating .details__header-link,
  .details--theme .details__header-link {
    font-size:21px
  }
}
@media only screen and (max-width:500px) {
  .details--graphic .details__header-link,
  .details--iphoto .details__header-link,
  .details--theme-rating .details__header-link,
  .details--theme .details__header-link {
    font-size:18px;
    padding-left:60px
  }
}
.details--graphic .details__header-link span,
.details--iphoto .details__header-link span,
.details--theme-rating .details__header-link span,
.details--theme .details__header-link span {
  display:block
}
@media only screen and (max-width:500px) {
  .details--graphic .details__header-link span,
  .details--iphoto .details__header-link span,
  .details--theme-rating .details__header-link span,
  .details--theme .details__header-link span {
    display:inline
  }
}
.details--graphic .details__header-price,
.details--iphoto .details__header-price,
.details--theme-rating .details__header-price,
.details--theme .details__header-price {
  float:left;
  color:#fff;
  text-align:center;
  line-height:1;
  margin-top:5px
}
.section--darktext .details--graphic .details__header-price,
.section--darktext .details--iphoto .details__header-price,
.section--darktext .details--theme-rating .details__header-price,
.section--darktext .details--theme .details__header-price {
  color:#2c2c2c
}
.details--graphic .details__header-price var,
.details--iphoto .details__header-price var,
.details--theme-rating .details__header-price var,
.details--theme .details__header-price var {
  display:block;
  font-size:2.8em
}
.details__header--bgtext i {
  position:absolute;
  left:0;
  bottom:100%;
  -webkit-transform:translateY(60%);
  -ms-transform:translateY(60%);
  transform:translateY(60%);
  color:#e6e6e6;
  opacity:.22
}
@media only screen and (max-width:900px) {
  .details--centermobile .details__header {
    text-align:center
  }
}
.details__counter {
  margin-bottom:40px
}
.details__free-product {
  color:#fff;
  font-size:2.125rem!important;
  line-height:2.125rem;
  display:block;
  text-align:center
}
@media only screen and (min-width:900px) and (max-width:1190px) {
  .details__free-product {
    font-size:1.75rem!important
  }
}
@media only screen and (min-width:500px) and (max-width:800px) {
  .details__free-product {
    font-size:1.75rem!important;
    line-height:1.75rem
  }
}
@media only screen and (max-width:500px) {
  .details__free-product {
    font-size:1.125rem!important;
    line-height:1.125rem
  }
}
.details__thumb {
  position:relative
}
@media only screen and (min-width:901px) {
  .details__thumb {
    position:absolute;
    height:100%;
    width:100%;
    left:100%;
    bottom:0
  }
  .details--graphic .details__thumb {
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    bottom:unset
  }
  .details--user.rtl .details__thumb {
    left:auto;
    right:100%
  }
}
@media only screen and (max-width:900px) {
  .details__thumb {
    overflow:hidden
  }
}
@media only screen and (min-width:500px) and (max-width:900px) {
  .details__thumb {
    max-width:75vw;
    margin-right:auto;
    margin-left:auto
  }
}
@media only screen and (min-width:901px) {
  .details--user .details__thumb {
    height:95%
  }
}
@media only screen and (min-width:901px) {
  .details--blog .details__thumb {
    overflow:visible!important;
    width:140%;
    height:unset;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    bottom:unset
  }
}
.details__thumb-item {
  -webkit-box-shadow:4px -8px 20px rgba(0,0,0,.15);
  box-shadow:4px -8px 20px rgba(0,0,0,.15);
  max-height:100%
}
.details--graphic .details__thumb-item,
.details--user .details__thumb-item {
  -webkit-box-shadow:none;
  box-shadow:none
}
.details__thumb-item:first-of-type {
  position:absolute;
  z-index:2;
  width:80%;
  bottom:0;
  left:0;
  -webkit-transform:unset;
  -ms-transform:unset;
  transform:unset
}
@media only screen and (max-width:900px) {
  .details__thumb-item:first-of-type {
    position:relative;
    float:left
  }
}
.details--user .details__thumb-item:first-of-type {
  left:auto;
  right:0
}
@media only screen and (max-width:800px) {
  .details--user .details__thumb-item:first-of-type {
    width:100%
  }
}
@media only screen and (min-width:901px) {
  .details--graphic .details__thumb-item:first-of-type {
    width:100%;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    bottom:unset
  }
}
@media only screen and (max-width:900px) {
  .details--graphic .details__thumb-item:first-of-type {
    width:100%;
    float:unset
  }
}
.details__thumb-item:nth-of-type(2) {
  position:absolute;
  bottom:-25%;
  right:0;
  z-index:1;
  opacity:.5;
  width:80%
}
.details__thumb-item:nth-of-type(2)>.details__thumb-header {
  opacity:.6
}
.details__thumb-item img {
  display:block;
  width:100%
}
.details--blog .details__thumb-item {
  -webkit-box-shadow:none;
  box-shadow:none;
  position:static
}
@media only screen and (max-width:900px) {
  .details--blog .details__thumb-item {
    width:100%
  }
}
.details__thumb-header {
  position:relative;
  height:30px;
  background-color:#fff;
  border-radius:6px 6px 0 0;
}
.details__thumb-header span,
.details__thumb-header span:after,
.details__thumb-header span:before,
.product__border-top span,
.product__border-top span:after,
.product__border-top span:before {
  position:absolute;
  width:8px;
  height:10px;
  background-color:#ccc;
  border-radius:50%
}
.details__thumb-header span {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  left:23px;
}
.details__thumb-header span:after,
.details__thumb-header span:before {
  content:"";
  position:absolute;
  top:0
}
.details__thumb-header span:before {
  left:-12px;
}
.details__thumb-header span:after {
  right:-12px;
}
@media only screen and (min-width:901px) {
  .section--small .details__thumb {
    float:left;
    width:67%;
    left:100%
  }
}
.details__thumb--single>img {
  width:100%;
  height:auto;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  left:0
}
@media only screen and (max-width:900px) {
  .details__thumb--single>img {
    position:relative;
    display:block;
    margin:0 auto;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    max-width:350px
  }
}
.details__badge {
  margin-bottom:35px;
  text-align:right
}
.details__badge>li {
  width:58px;
  height:58px;
  position:relative;
  display:inline-block
}
.details__des {
  margin-bottom:35px;
  color:#fff
}
.details__des--dark {
  color:#b3b3b3
}
.section--darktext .details__des {
  color:#4d4d4d
}
@media only screen and (min-width:901px) {
  .details--user .details__des {
    width:90%
  }
}
@media only screen and (min-width:901px) {
  .details--company .details__des,
  .details--offer-3d .details__des {
    width:80%
  }
}
@media only screen and (max-width:900px) {
  .details--company .details__des,
  .details--offer-3d .details__des {
    text-align:center;
    margin-bottom:15px
  }
}
@media only screen and (max-width:900px) {
  .details--company .details__des {
    text-align:right
  }
}
.details--blog .details__des {
  font-size:14px;
  font-size:.875rem
}
.section--small .details__des {
  font-size:16px;
  font-size:1rem
}
.details--50 .details__des {
  font-size:.8125rem
}
@media only screen and (max-width:500px) {
  .details--50 .details__des {
    font-size:13px
  }
}
.details__des--lightgray {
  color:#bababa
}
@media only screen and (max-width:900px) {
  .details--centermobile .details__des {
    text-align:center
  }
}
.details__btns {
  position:relative
}
.details__btns--center {
  font-size:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.details__btns--center .col {
  float:none;
  position:relative;
  width:calc(50% - 7px)
}
@media only screen and (max-width:500px) {
  .details__btns--center .col {
    display:block;
    width:100%
  }
}
@media only screen and (min-width:901px) {
  .section--small .details__btns--center .col {
    width:calc(40% - 7px)
  }
}
.section--small .details__btns--full .col {
  width:calc(50% - 7px)
}
@media only screen and (max-width:500px) {
  .section--small .details__btns--full .col {
    display:block;
    width:100%
  }
}
.section--small .details__btns--center {
  text-align:right
}
.details__btns--inline {
  font-size:0
}
@media only screen and (min-width:500px) and (max-width:900px) {
  .details__btns {
    width:80%;
    margin:0 auto
  }
  .section--darktext .details__btns {
    width:100%
  }
}
@media only screen and (max-width:900px) {
  .details__btns {
    margin-top:30px;
    text-align:center
  }
}
@media only screen and (max-width:500px) {
  .details__btns {
    width:unset;
    margin-top:40px
  }
}
@media only screen and (min-width:500px) and (max-width:700px) {
  .details--graphic .details__btns {
    width:100%
  }
}
@media only screen and (max-width:900px) {
  .section--darktext .details__btns {
    text-align:center
  }
}
.details__btns--full {
  width:100%
}
.details__btns .btn,
.details__btns .swal-button--cancel,
.details__btns .swal-button--confirm {
  display:inline-block;
  text-align:center
}
.details__btns .btn>svg,
.details__btns .swal-button--cancel>svg,
.details__btns .swal-button--confirm>svg {
  width:2rem;
  height:2rem
}
@media only screen and (max-width:1200px) {
  .details__btns .btn>svg,
  .details__btns .swal-button--cancel>svg,
  .details__btns .swal-button--confirm>svg {
    width:1.5rem;
    height:1.5rem
  }
}
.section--small .details__btns .btn>svg,
.section--small .details__btns .swal-button--cancel>svg,
.section--small .details__btns .swal-button--confirm>svg {
  width:1.2rem;
  height:1.2rem
}
.section--small .details__btns .btn>svg.svg--basket,
.section--small .details__btns .swal-button--cancel>svg.svg--basket,
.section--small .details__btns .swal-button--confirm>svg.svg--basket {
  width:1.0625rem;
  height:1.3125rem;
  margin-left:.3125rem
}
.details__btns .btn>span,
.details__btns .swal-button--cancel>span,
.details__btns .swal-button--confirm>span {
  margin-right:5px;
  font-size:1rem
}
.section--small .details__btns .btn>span,
.section--small .details__btns .swal-button--cancel>span,
.section--small .details__btns .swal-button--confirm>span {
  font-size:.875rem
}
@media only screen and (max-width:1200px) {
  .details__btns .btn>span,
  .details__btns .swal-button--cancel>span,
  .details__btns .swal-button--confirm>span {
    font-size:14px
  }
}
@media only screen and (max-width:800px) {
  .details__btns .btn>span,
  .details__btns .swal-button--cancel>span,
  .details__btns .swal-button--confirm>span {
    margin-right:5px
  }
}
@media only screen and (max-width:1050px) {
  .details__btns .btn,
  .details__btns .swal-button--cancel,
  .details__btns .swal-button--confirm {
    margin-bottom:10px
  }
}
.section--small .details__btns .btn,
.section--small .details__btns .swal-button--cancel,
.section--small .details__btns .swal-button--confirm {
  padding:8px 0
}
.section--small.section--darktext .details__btns .btn,
.section--small.section--darktext .details__btns .swal-button--cancel,
.section--small.section--darktext .details__btns .swal-button--confirm {
  padding:8px;
  display:inline-block
}
@media only screen and (max-width:500px) {
  .section--small.section--darktext .details__btns .btn,
  .section--small.section--darktext .details__btns .swal-button--cancel,
  .section--small.section--darktext .details__btns .swal-button--confirm {
    display:block
  }
}
.details__btns--inline .btn,
.details__btns--inline .swal-button--cancel,
.details__btns--inline .swal-button--confirm {
  margin:0 0 10px
}
.details__btns--inline .btn:first-of-type,
.details__btns--inline .swal-button--cancel:first-of-type,
.details__btns--inline .swal-button--confirm:first-of-type {
  margin-left:.625rem
}
@media only screen and (max-width:600px) {
  .details__btns--inline .btn:first-of-type,
  .details__btns--inline .swal-button--cancel:first-of-type,
  .details__btns--inline .swal-button--confirm:first-of-type {
    margin:0 0 10px
  }
}
@media only screen and (max-width:600px) {
  .details__btns--inline .btn,
  .details__btns--inline .swal-button--cancel,
  .details__btns--inline .swal-button--confirm {
    display:block;
    width:100%
  }
}
.details__rate {
  margin-bottom:1.875rem
}
.details__slider-wrap-3d {
  padding:1.25rem 0 4.375rem
}
.details--50 .details__slider-wrap-3d,
.details__images .details__slider-wrap-3d {
  padding:1.25rem 0
}
.details__slider .swiper-slide {
  -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
  white-space:normal
}
.details--company .details__slider,
.details--offer-3d .details__slider {
  position:relative
}
@media only screen and (min-width:901px) {
  .details--company .details__slider,
  .details--offer-3d .details__slider {
    position:absolute;
    top:50%;
    right:100%;
    width:150%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
  }
}
@media only screen and (max-width:900px) {
  .details--company .details__slider,
  .details--offer-3d .details__slider {
    margin-bottom:70px
  }
  .details--offer-3d .details__slider.details__images {
    margin-bottom:0
  }
}
.details--iphoto .details__slider {
  position:relative
}
@media only screen and (min-width:901px) {
  .details--iphoto .details__slider {
    position:absolute;
    top:50%;
    right:100%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
  }
}
@media only screen and (max-width:800px) {
  .details__slider {
    margin-bottom:10px
  }
}
@media only screen and (min-width:901px) {
  .details--50 .details__slider {
    width:150%
  }
}
.details__tic {
  position:relative;
  width:100%;
  height:0;
  padding-top:22.73%;
  margin-bottom:1.875rem
}
.details__tic>* {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:100%
}
@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
  .details__tic>* {
    margin-left:-100%
  }
}
.details__tic>div {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  right:0;
  width:100%;
  margin:0
}
.details__tic-price {
  text-align:center
}
.details__tic-price var {
  font-size:50px;
  font-size:3.125rem;
  line-height:3.125rem;
  display:block;
  color:#fff
}
@media only screen and (min-width:500px) and (max-width:800px) {
  .details__tic-price var {
    font-size:2.75rem;
    line-height:2.75rem
  }
}
@media only screen and (max-width:500px) {
  .details__tic-price var {
    font-size:30px;
    line-height:1
  }
}
.details__tic-price span {
  font-size:14px;
  font-size:.875rem;
  display:block;
  line-height:24px;
  color:#fff;
  margin-top:-9px
}
.details__tic-count {
  opacity:.5;
  position:relative;
  text-align:center
}
.details__tic-count>div {
  display:inline-block;
  margin:0 auto;
  position:relative;
  -webkit-transform:translateX(-25%);
  -ms-transform:translateX(-25%);
  transform:translateX(-25%)
}
.details__tic-count var {
  color:#fff;
  font-size:50px;
  font-size:3.125rem;
  line-height:3.125rem;
  display:block;
  text-align:center
}
@media only screen and (min-width:500px) and (max-width:800px) {
  .details__tic-count var {
    font-size:2.75rem;
    line-height:2.75rem
  }
}
.details__tic-count>div>span:first-of-type {
  position:absolute;
  width:100%;
  height:100%;
  left:110%;
  max-width:36px;
  margin-left:12px
}
.details__tic-count>div>span:last-of-type {
  font-size:14px;
  font-size:.875rem;
  display:block;
  text-align:center;
  line-height:24px;
  color:#fff;
  margin-top:-9px
}
.rating--flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.wp-block-preformatted,
.wp-block-code {
    direction: ltr;
    text-align: left;
    border-left: 2px solid #455a64;
    font-size: 16px;
    margin-bottom: 30px;
    background: #fafafa;
    padding: 10px 20px;
    white-space: pre-line;
}
.svg--full {
  width:100%;
  height:100%
}
.text-medium {
  font-family:IRANSansMedium,tahoma,arial!important
}

html {
  position:relative;
  /*! font-size:16px */
}
@media only screen and (min-width:2201px) {
  html {
    font-size:18px
  }
}
@media only screen and (max-width:1367px) {
  html {
    font-size:15px
  }
}
@media only screen and (max-width:500px) {
  html {
    font-size:14px
  }
}
.section--off {
  position:relative;
  padding-top:12.5rem;
  overflow:hidden
}
@media only screen and (max-width:500px) {
  .section--off {
    padding-top:130px
  }
}
.section--theme {
  padding:0;
  overflow:hidden;
  position:relative;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover
}
.section--theme:after {
  content:"";
  width:100%;
  height:100%;
  background:#333;
  opacity:.8;
  z-index:0;
  position:absolute;
  left:0;
  top:0;
  display:none
}
.section--overlay:after {
  display:block;
  background:#000;
  background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(75%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));
  background:-o-linear-gradient(left,#000 0,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%);
  background:linear-gradient(90deg,#000 0,rgba(0,0,0,0) 75%,rgba(0,0,0,0))
}
@media only screen and (max-width:900px) {
  .section--overlay:after {
    background:rgba(0,0,0,.8)
  }
}
.section--hasbg-l:after {
  -webkit-transform:scaleX(-1);
  -ms-transform:scaleX(-1);
  transform:scaleX(-1)
}
@media only screen and (max-width:800px) {
  .section__container {
    padding:0 15px
  }
}
@media only screen and (min-width:500px) and (max-width:900px) {
  .details__btns {
    width:80%;
    margin:0 auto
  }
  .section--darktext .details__btns {
    width:100%
  }
}
@media only screen and (max-width:500px) {
  .details__tic-price var {
    font-size:30px;
    line-height:1
  }
}
.details__tic-price span {
  font-size:14px;
  font-size:.875rem;
  display:block;
  line-height:24px;
  color:#fff;
  margin-top:-9px
}
.details__tic-count {
  opacity:.5;
  position:relative;
  text-align:center
}
.details__tic-count>div {
  display:inline-block;
  margin:0 auto;
  position:relative;
  -webkit-transform:translateX(-25%);
  -ms-transform:translateX(-25%);
  transform:translateX(-25%)
}
.details__tic-count var {
  color:#fff;
  font-size:50px;
  font-size:3.125rem;
  line-height:3.125rem;
  display:block;
  text-align:center
}
@media only screen and (min-width:900px) and (max-width:1190px) {
  .details__tic-count var {
    font-size:2.75rem
  }
}
@media only screen and (min-width:500px) and (max-width:800px) {
  .details__tic-count var {
    font-size:2.75rem;
    line-height:2.75rem
  }
}
@media only screen and (max-width:500px) {
  .details__tic-count var {
    font-size:30px;
    line-height:1
  }
}
.details__tic-count>div>span:first-of-type {
  position:absolute;
  width:100%;
  height:100%;
  left:110%;
  max-width:36px;
  margin-left:12px
}
@media only screen and (min-width:900px) and (max-width:1190px) {
  .details__tic-count>div>span:first-of-type {
    max-width:30px
  }
}
@media only screen and (max-width:500px) {
  .details__tic-count>div>span:first-of-type {
    max-width:24px
  }
}
.details__tic-count>div>span:last-of-type {
  font-size:14px;
  font-size:.875rem;
  display:block;
  text-align:center;
  line-height:24px;
  color:#fff;
  margin-top:-9px
}

.rating-info {
  color:#fff;
  font-size:.875rem
}
.rating--flex .rating-info {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
a.added_to_cart.wc-forward {
    display: none;
}
html {
	font-family: tarafont, tahoma, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
 
body {
	background-color: #fff;
}

a:hover,
a:focus {
	text-decoration: none;
}

a:focus,
button:focus {
	outline: 0;
}

body,
button,
input,
select,
textarea {
    font-family: tarafont, tahoma, sans-serif;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: tarafont, tahoma, sans-serif;
}

:-moz-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: tarafont, tahoma, sans-serif;
}

::-moz-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: tarafont, tahoma, sans-serif;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: rgba(167, 177, 175, 1);
	font-family: tarafont, tahoma, sans-serif;
}

b,
strong {
    font-weight: 600;
}

img,
object,
figure,
embed {
    max-width: 100%;
	border: 0;
    height: auto;
}

iframe {
    max-width: 100%;
	border: 0;
}

legend {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}

table {
	width: 100%;
	border: 1px solid #dedede;
	border-spacing: 0;
	border-collapse: separate;
	vertical-align: middle;
}

thead {
    font-size: 1em;
    background-color: #f2f2f2;
    color: #9d9d9d;
}

th {
	font-weight: bold;
	color: #737373;
}

th,td {
	padding: 0.5em;
	border: 1px solid #fff;
	border-right-width: 0;
	border-top-width: 0;
	text-align: right;
}

th:last-child,
td:last-child {
	border-left-width: 0;
}

tr:last-child td,
tr:last-child th {
	border-bottom-width: 0;
}

thead tr:last-child td,
thead tr:last-child th {
	border-bottom-width: 1px;
}

tfoot tr:first-child td,
tfoot tr:first-child th {
	border-top-width: 1px;
}

button,
input {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: normal;
}

input,
select,
button,
textarea {
    font-family: tarafont, tahoma, sans-serif;
	font-weight: 400;
}
 
 
textarea:not(.form-control):focus {
    color: #444444;
    background-color: #fff;
    border-color: #d0d0d0;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
 
label {
	color: #4d4d4d;
	font-size: 13px;
	font-weight: 500;
}

blockquote {
	padding: 15px;
	color: #010101;
	background-color: #f8f9fa;
	border-bottom: 4px solid #fea000;
}

blockquote p:last-child {
	margin: 0;
}

.image-border, .wp-caption {
	padding: 3px;
	background-color: #f8f9fa;
	border: 1px solid #eee;
}

.gallery-caption,
.wp-caption-text,
.wp-caption-dd {
	margin: 0;
	padding: 8px;
	background-color: #f8f9fa;
	text-align: center;
}

.clear {
	clear: both;
}

.clearfix:after {
	display: table;
	clear: both;
	content: " ";
}

.nobreak {
	white-space: nowrap;
}
 
.alignnone {
    margin: 0.5em 0 0 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
	text-align: center;
	margin: 0 auto;
}

.alignvertical {
	margin: 0.6em 0 0.25em;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery .gallery-caption {
	color: #707070;
	display: block;
	font-size: 14px;
	line-height: 1.5;
	padding: 7px 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.ltr {
    direction: ltr;
}
.bold-icon:before {
	font-weight: 600;
}

.bold-300 {
	font-weight: 300!important;
}

.bold-400 {
	font-weight: 400!important;
}

.bold-500 {
	font-weight: 500!important;
}

.bold-600 {
	font-weight: 600!important;
}

.bold-900 {
	font-weight: 900!important;
}

.font-10 {
	font-size: 10px!important;
}

.font-11 {
	font-size: 11px!important;
}

.font-12 {
	font-size: 12px!important;
}

.font-14 {
	font-size: 14px!important;
}

.font-16 {
	font-size: 16px!important;
}

.font-18 {
	font-size: 18px!important;
}

.font-20 {
	font-size: 20px!important;
}

.font-22 {
	font-size: 22px!important;
}

.font-24 {
	font-size: 24px!important;
}

.font-28 {
	font-size: 28px!important;
}

.font-32 {
	font-size: 32px!important;
}

.font-36 {
	font-size: 36px!important;
}

.font-40 {
	font-size: 40px!important;
}

.ellipsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tara-container {
	width: 100%;
	padding: 0 5%;
}

.no-shadow,
.no-shadow:hover,
.no-shadow:focus {
	box-shadow: none !important;
}

.btn-grey {
	color: #808080;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}

.btn-grey:focus,
.btn-grey:hover {
	color: #626262;
	background-color: #cfcfcf;
	border-color: #cfcfcf;
}

.icon-aparat {
	width: 38px;
	position: relative;
}

.icon-aparat:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -7px;
	margin-right: -7px;
	width: 18px;
	height: 18px;
	background-image: url(../img/aparat-16.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.icon-aparat.white:before {
	background-image: url(../img/aparat-16-white.png);
}

.icon-aparat-large {
	width: 52px;
	position: relative;
}

.icon-aparat-large:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -10px;
	margin-right: -10px;
	width: 20px;
	height: 20px;
	background-image: url(../img/aparat-32.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.icon-aparat-large.white:before {
	background-image: url(../img/aparat-32-white.png);
}

/**
 * SWEET ALERT
 */
.swal-footer {
    text-align: left !important;
}

.swal-text {
	text-align: right !important;
}

form.loading {
	position: relative;
}

form.loading:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgba( 0, 0, 0, 0.3);
	border-radius: .25rem;
	z-index: 99;
}

form.loading:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -1.5em;
	margin-top: -1.5em;
	width: 3rem;
	height: 3rem;
	border: .25em solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
	z-index: 100;
}

/**
 * Date picker
 */
.ui-datepicker {
	display: none;
	width: 240px;
	margin-top: 4px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
	z-index: 100!important;
}

.ui-datepicker a,
.ui-datepicker a:hover {
	color: #6c757d;
	text-decoration: none;
	-webkit-transition: color 0.1s ease-in-out;
	-moz-transition: color 0.1s ease-in-out;
	-o-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #fea000;
}

.ui-datepicker .ui-datepicker-header {
	padding: 4px 0;
	text-align: center;
	overflow: hidden;
}

.ui-datepicker .ui-datepicker-prev {
	float: right;
	text-align: right;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
	float: left;
	text-align: left;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar {
	table-layout: fixed;
	width: 100%;
	border-color: #f1f1f1;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
	font-size: 12px;
	border-color: #f1f1f1;
}

.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 0;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-current-day {
	color: #fff;
	background-color: #fea000;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

.ui-datepicker .ui-state-disabled {
	color: #eee;
}

select.ui-datepicker-month,
select.ui-datepicker-year {
	width: 75px!important;
	display: inline-block!important;
	font-size: 11px!important;
	padding: 0!important;
	line-height: 20px!important;
	height: 20px!important;
}

select.ui-datepicker-year {
	float: right;
	margin-right: 10px;
}

select.ui-datepicker-month {
	float: left;
	margin-left: 10px;
}

/**
 * PACE
 */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #fea000;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #fea000, 0 0 5px #fea000;
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 15px;
	right: 15px;
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: #4d4d4d;
	border-left-color: #4d4d4d;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes pace-spinner {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes pace-spinner {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes pace-spinner {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.swiper-pagination-bullets .swiper-pagination-bullet:focus {
	outline: 0;
}

/**
 * SELECT2
 */
.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-search--inline .select2-search__field:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}


/**
 * SEARCH POPUP
 */
.app-search-popup {
	top: 0;
	right: 0;
	left: 0;
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

body.search-open:before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(79,79,79,.6);
	z-index: 998;
}

.app-search-popup.hide {
	opacity: 0;
	visibility: hidden;
}

.app-search-popup .search-input-group {
	border: 1px solid #ccc;
}

.app-search-popup .search-input-group:hover,
.app-search-popup .search-input-group:focus {
	border-color: #fea000;
}

.app-search-popup .search-input-group .form-control {
	padding: 15px 20px 15px 0;
}

.app-search-popup .search-input-group .form-control:focus {
	box-shadow: none;
}

.app-search-popup .search-input-group .search-btn {
	width: 54px;
	height: 54px;
	fill: #4d4d4d;
	padding: 11px;
}

.app-search-popup .app-close-search-btn {
	color: #b3b3b3;
	background-color: hsla(0, 0%, 95%, 0.7);
}

.app-search-popup .app-close-search-btn:focus {
	box-shadow: none;
}

/**
 * CART POPUP
 */
.app-cart-popup {
	right: 0;
	top: 0;
	bottom: 0;
	width: 540px;
	max-width: 100%;
	opacity: 1;
	visibility: visible;
	overflow-y: scroll;
	pointer-events: all;
	z-index: 995;
}

body.card-open:before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(79,79,79,.6);
	z-index: 994;
}

.app-cart-popup.hide {
	right: -540px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.app-cart-popup .app-close-cart-btn {
	color: #b3b3b3;
	background-color: hsla(0, 0%, 95%, 0.7);
}

.app-cart-popup .cart-header .btn-col {
	width: 82px;
	max-width: 82px;
}

.app-cart-popup .cart-header .title-col {
	width: calc(100% - 82px);
	max-width: calc(100% - 82px);
}

/**
 * MOBILE MENU
 */
.app-mobile-menu .app-right-mobile-menu {
	right: -80px;
	top: 0;
	bottom: 0;
	width: 80px;
	opacity: 0;
	z-index: 9999;
	pointer-events: none;
}

.app-mobile-menu .app-left-mobile-menu {
	left: -100%;
	top: 0;
	bottom: 0;
	width: 90%;
	width: calc(100% - 80px);
	background-color: #fea000;
	opacity: 0;
	z-index: 9999;
	pointer-events: none;
}

.app-mobile-menu.open .app-right-mobile-menu {
	right: 0;
	opacity: 1;
	pointer-events: all;
}

.app-mobile-menu.open .app-left-mobile-menu {
	left: 0;
	opacity: 1;
	pointer-events: all;
}

.app-mobile-menu .app-close-mobile-btn {
	color: #b3b3b3;
}

.app-mobile-menu .cat-nav .cat-link .icon {
	display: block;
	padding: 4px;
	color: #808080;
	font-size: 28px;
	line-height: 28px;
}

.app-mobile-menu .cat-nav .cat-link.active .icon,
.app-mobile-menu .cat-nav .cat-link:hover .icon {
	color: #fea000;
}

.app-mobile-menu .border-orange {
	border-color: #fec666;
}

.app-mobile-menu .search-input-group .form-control {
	padding: 25px 20px 24px 0;
}

.app-mobile-menu .search-input-group .search-btn {
	width: 54px;
	height: 73px;
	fill: #fff;
	padding: 11px;
}

.app-mobile-menu .search-input-group .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 1);
}

.app-mobile-menu .search-input-group .form-control:-moz-placeholder {
	color: rgba(255, 255, 255, 1);
}

.app-mobile-menu .search-input-group .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 1);
}

.app-mobile-menu .search-input-group .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 1);
}

.app-mobile-menu .main-nav .menu-item-has-children>.nav-link {
	position: relative;
	padding-left: 30px;
}

.app-mobile-menu .main-nav .menu-item-has-children>.nav-link:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.app-mobile-menu .main-nav .sub-menu {
	display: none;
	width: 100%;
	background-color: #666;
}

/**
 * NOTIFICATION
 */
.app-notification {
	height: 70px;
	background-color: #f8931f;
}

.app-notification .close-col {
	width: 54px;
	max-width: 54px;
}

.app-notification .action-col {
	width: 150px;
	max-width: 150px;
}

.app-notification .text-col {
	max-width: calc( 100% - 204px );
}

.app-notification .close-notification-btn {
	line-height: 28px;
}

/**
 * FIXED HEADER
 */
.app-fixed-header {
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
	box-shadow: 0 0 10px rgba(54,83,120,.14);
    -webkit-box-shadow: rgba(54,83,120,.14) 0 0 10px;
	z-index: 990;
}

.app-fixed-header.hide {
	-webkit-transform: translateY(-195px);
	-ms-transform: translateY(-195px);
	transform: translateY(-195px);
}

.app-header-menu .site-logo {
	height: 50px;
}

.app-header-menu .cat-link {
	padding: 0 7px;
}

.app-header-menu .cat-link .icon {
	display: block;
	padding: 4px;
	color: #808080;
	font-size: 32px;
	line-height: 32px;
}

.app-header-menu .cat-link:hover .icon {
	color: #fea000;
}

.app-header-menu .app-search-btn,
.app-header-menu .app-notification-btn,
.app-header-menu .app-basket-btn {
    margin: 0 7px 0 10px;
	padding: 0 10px;
}

.app-header-menu .app-search-btn:focus,
.app-header-menu .app-notification-btn:focus,
.app-header-menu .app-user-btn:focus,
.app-header-menu .app-basket-btn:focus {
	box-shadow: none;
}

.app-header-menu .app-search-btn svg,
.app-header-menu .app-notification-btn svg,
.app-header-menu .app-basket-btn svg {
    width: 23px;
    height: 27px;
    fill: #4d4d4d;
}

.app-header-menu .app-basket-btn:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
	width: 2px;
    height: 70%;
    background-color: #b3b3b3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.app-header-menu .app-notification-btn.al:before,
.app-header-menu .app-basket-btn.al:before {
	content: "";
	position: absolute;
	right: 2px;
	top: 0px;
	width: 6px;
	height: 6px;
	background-color: #fea000;
	border-radius: 50rem;
}

.app-header-menu .login-btn {
    margin: 0 7px;
    padding: 7px 10px;
    color: #b3b3b3;
}

.app-header-menu .login-btn:hover {
	color: #9a9a9a;
	background-color: #ececec;
}

.app-header-menu .register-btn {
	padding: 7px 20px;
	color: #fff;
	background-color: #fea000;
}

.app-header-menu .register-btn:hover {
	color: #fff;
	background-color: #e59000;
}

.app-header-menu .login-btn:focus,
.app-header-menu .register-btn:focus,
.app-header-menu .app-search-btn:focus,
.app-header-menu .app-basket-btn:focus {
	box-shadow: none;
}

.app-header-menu .user-tools .avatar {
	width: 48px;
	height: 48px;
	border: 2px solid #fff;
}

.app-header-menu .user-tools .dropdown-toggle {
    padding-left: 20px!important;
}

.app-header-menu .user-tools .dropdown-divider {
	border-color: #f2f2f2;
}

.app-header-menu .user-tools .dropdown-toggle:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	border: 0;
	border-left: 2px solid #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
	-webkit-transform-origin: center 66%;
	-ms-transform-origin: center 66%;
	transform-origin: center 66%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.app-header-menu .user-tools.show .dropdown-toggle:after {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.app-header-menu .user-tools .dropdown-item {
	color: #95989a;
}

.app-header-menu .user-tools .dropdown-item:hover {
	color: #fea000;
	background-color: #fafafa;
}

.app-header-menu .user-tools .dropdown-item svg {
	width: 16px;
	height: 16px;
}

/* TOGGLE BTN */
.app-header-menu .toggle-quru {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 42px;
	height: 40px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
}

.app-header-menu .toggle-quru:focus {
	outline: none;
}

.app-header-menu .toggle-quru span {
	display: block;
	position: absolute;
	top: 18.3px;
	left: 7.5px;
	right: 7.5px;
	height: 3px;
	background: #808080;
}

.app-header-menu .toggle-quru span::before,
.app-header-menu .toggle-quru span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #808080;
	content: "";
}

.app-header-menu .toggle-quru span::before {
	top: -8px;
}

.app-header-menu .toggle-quru span::after {
	bottom: -8px;
}

.app-header-menu .toggle-daha {
	background-color: #fff;
}

.app-header-menu .toggle-daha span {
	transition: transform 0.3s;
}

.app-header-menu .toggle-daha span::before {
	transform-origin: top left;
	transition: transform 0.3s, width 0.3s, top 0.3s;
}

.app-header-menu .toggle-daha span::after {
	transform-origin: bottom left;
	transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

.app-header-menu .toggle-daha.is-active span {
	transform: rotate(180deg);
}

.app-header-menu .toggle-daha.is-active span::before,
.app-header-menu .toggle-daha.is-active span::after {
	width: 50%;
}

.app-header-menu .toggle-daha.is-active span::before {
	top: 0;
	transform: translateX(-3.3px) translateY(1.66px) rotate(-45deg);
}

.app-header-menu .toggle-daha.is-active span::after {
	bottom: 0;
	transform: translateX(-3.3px) translateY(-1.66px) rotate(45deg);
}

.app-fixed-header .app-mega-menu {
	height: 50px;
	background: #fbfbfb;
    background: linear-gradient(90deg,transparent,#f9f9f9 3%,#f9f9f9 97%,transparent);
}

.app-fixed-header .app-mega-menu .nav {
	flex-flow: row nowrap !important;
}

.app-fixed-header .app-mega-menu .nav-link {
	padding: 12px 10px;
	line-height: 26px;
}

.app-fixed-header .app-mega-menu .menu-item-has-children>.nav-link {
	position: relative;
	padding-left: 15px;
}

.app-fixed-header .app-mega-menu .menu-item-has-children>.nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.app-fixed-header .app-mega-menu .sub-menu {
	top: 50px;
	right: 0;
	left: 0;
	opacity: 0;
    visibility: hidden;
	box-shadow: 0px 8px 12px rgba(0,0,0,.1);
	z-index: 99;
	pointer-events: none;
}

.app-fixed-header .app-mega-menu .sub-menu ul {
	list-style: none;
}

.app-fixed-header .app-mega-menu .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
	pointer-events: all;
}

.app-fixed-header .app-mega-menu .mega-nav > .nav-item:hover>.nav-link {
	color: #007bff !important;
}

.app-fixed-header .app-mega-menu .mega-nav > .nav-item:hover>.nav-link:after {
	border-color: #007bff !important;
}

.app-fixed-header .app-mega-menu .sub-menu .nav-link {
	color: #808080;
	border-radius: 4px;
}

.app-fixed-header .app-mega-menu .sub-menu .nav-link:hover,
.app-fixed-header .app-mega-menu .sub-menu .nav-link:focus {
	background-color: #f7f7f7;
}

.app-fixed-header .app-mega-menu .sub-menu a.icon {
	position: relative;
	padding-right: 40px;
}

.app-fixed-header .app-mega-menu .sub-menu a.icon:before {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 5px;
	top: 10px;
	color: #fff;
	background-color: #F44336;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+2) > a.icon:before {
	background-color: #9C27B0;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+3) > a.icon:before {
	background-color: #2196F3;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+4) > a.icon:before {
	background-color: #009688;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+5) > a.icon:before {
	background-color: #CDDC39;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+6) > a.icon:before {
	background-color: #FF9800;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+7) > a.icon:before {
	background-color: #795548;
}

.app-fixed-header .app-mega-menu .sub-menu li:nth-child(8n+8) > a.icon:before {
	background-color: #607D8B;
}

/**
 * HOME HEADER
 */
@media( min-width: 992px ) {
	.app-fixed-header.home-header {
		position: absolute !important;
	}

	.app-fixed-header.home-header .hinv {
		display: none !important;
	}

	.app-fixed-header.home-header .app-mega-menu {
		background: transparent;
		position: absolute !important;
		bottom: 10px;
		right: 15px;
		left: 15px;
		z-index: 3;
	}

	.app-fixed-header.home-header .z4 {
		z-index: 4;
	}

	.app-fixed-header.home-header .container {
		max-width: 100%;
	}

	.app-fixed-header.home-header .app-mega-menu .mega-nav {
		-ms-flex-pack: start!important;
		justify-content: start!important;
	}

	.app-fixed-header.home-header .app-mega-menu .nav-link {
		color: #999 !important;
	}
}

/**
 * HOME SEARCH
 */
.app-home-search {
	padding: 180px 15px 0;
	width: 100%;
	max-width: 45rem;
}

.app-home-search .app-logo {
    width: 120px;
}

.app-home-search .home-title .main {
	color: #6d6d6d;
}

.app-home-search .home-title .sub {
	color: #3c4354;
}

.app-home-search .home-title .low {
	color: #c9c9c9;
}

.app-home-search .search-input .input,
.app-home-search .search-input .input:active,
.app-home-search .search-input .input:focus {
    display: block;
    padding: 15px 20px;
    color: #666;
    border: 0;
	border-radius: 4px;
    -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.1);
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
}

.app-home-search .search-input .search-btn {
    width: 54px;
    border-radius: 4px;
}

.app-home-search .search-input .search-btn > svg {
	fill: #fff;
	-webkit-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
}

/**
 * HOME BANNERS
 */
.app-home-banners .tara-home-banner {
	height: 208px;
	border-radius: 4px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/**
 * HOME TABS
 */
.app-home-tabs .app-tabs-nav {
	border: 2px solid #e6e6e6;
	border-radius: 3px;
}

.app-home-tabs .app-tabs-nav .nav-link {
	padding: 18px 26px;
	color: #999;
}

.app-home-tabs .app-tabs-nav .nav-link.active {
	color: #666;
	background-color: #e6e6e6;
}

.app-home-tabs .app-tabs-nav .nav-item:not(:last-child) .nav-link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	width: 2px;
	height: 50%;
	background-color: #e6e6e6;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.app-home-tabs .app-tabs-nav .nav-item:not(:last-child) .nav-link.active:after {
	content: none;
}

.app-mini-products .product-col {
	width: 140px;
	max-width: 140px;
	padding: 15px;
}

.app-mini-products .product-item img {
	display: block;
	width: 110px;
	height: 110px;
	padding: 15px;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.14);
	box-shadow: 0 2px 10px rgba(0,0,0,.14);
	border-radius: 8px;
}

.app-mini-products .product-item .item-off {
	right: -22px;
	top: -22px;
	width: 44px;
	height: 44px;
}

.app-mini-products .product-item .item-off svg {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	fill: #53c68c;
}

.app-mini-products .product-item .item-off .c {
	line-height: 1em;
}

/**
 * POPUP BOX
 */
.app-fixed-popup-box {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 22rem;
    max-width: 450px;
	border-radius: .4rem;
	-webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .17);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
    opacity: 0;
	z-index: 999;
	pointer-events: none;
}

.app-fixed-popup-box.active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
    opacity: 1;
}

.app-fixed-popup-box .item-image {
	padding-bottom: 100%;
	border-top: 10px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.app-fixed-popup-box .item-image img {
	left: 0;
    top: 0;
    width: 100%;
	height: 100%;
	object-fit: cover;
}

.app-fixed-popup-box .item-image:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 60%);
    opacity: 1;
    pointer-events: none;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.app-fixed-popup-box .item-avatar {
	bottom: 10px;
	right: 10px;
	left: 10px;
	line-height: 1.5em;
	z-index: 9;
}

.app-fixed-popup-box .item-avatar .avatar-col {
	width: 54px;
	max-width: 54px;
}

.app-fixed-popup-box .item-avatar .name-col {
	width: calc(100% - 54px);
	max-width: calc(100% - 54px);
}

.app-fixed-popup-box .item-avatar .avatar {
	width: 48px;
	height: 48px;
	background-color: #fff;
	padding: 2px;
}

.app-fixed-popup-box .item-text {
	border-bottom: 1px solid #e6e6e6;
}

.app-fixed-popup-box .text-grey {
	color: #808080;
}

.app-fixed-popup-box .item-rate:after {
	display: inline-block;
	margin-right: 3px;
	color: #ffbf01;
	font-family: markettara;
	font-size: 15px;
	line-height: 22px;
}

/**
 * HEADER INTRO
 */
.app-header-intro {
	padding-top: 225px;
	padding-bottom: 30px;
}

/**
 * PRODUCT SLIDE
 */
.app-product-slide {
	background-color: #4d4d4d;
}

.app-product-slide-widget {
	background-color: rgb(30, 29, 35);
	background: linear-gradient(130deg, rgb(30, 29, 35) 0%, rgb(12, 21, 34) 100%);
}

.app-product-slide .slide-title .badge-col {
	width: 100px;
	max-width: 100px;
}

.app-product-slide .slide-title .title-col {
	width: calc(100% - 100px);
	max-width: calc(100% - 100px);
}

.app-product-slide .slide-badge {
	display: block;
	width: 100%;
	height: 60px;
}

.app-product-slide .slide-badge svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	fill: #ff5c62;
}

.app-product-slide .slide-badge .t {
    position: relative;
    padding-right: .9375rem;
    line-height: 30px;
    z-index: 1;
}

.app-product-slide .variations label,
.app-product-slide .woocommerce-variation {
	color: #fff;
}

.tara-rating-box .star-col {
	width: 134px;
	max-width: 134px;
}

.tara-rating-box .text-col {
	width: calc(100% - 134px);
	max-width: calc(100% - 134px);
}

.tara-rating-box.lg .star-col {
	width: 165px;
	max-width: 165px;
}

.tara-rating-box.lg .text-col {
	width: calc(100% - 165px);
	max-width: calc(100% - 165px);
}

.tara-rating-box .stars-group>label {
    float: right;
    margin: 0;
    color: #ccc;
}

.tara-rating-box .stars-group>label:before {
    display: block;
    margin-left: 3px;
    font-family: markettara;
    font-size: 17px;
    line-height: 24px;
}

.tara-rating-box .stars-group.lg>label:before {
    font-size: 24px;
}

.tara-rating-box .stars-group.np * {
	pointer-events: none;
}

.tara-rating-box .stars-group>label.checked,
.tara-rating-box .stars-group>input:checked~label,
.tara-rating-box .stars-group:not(:checked)>label:hover,
.tara-rating-box .stars-group:not(:checked)>label:hover~label {
    color: #ffbf01 !important;
}

.tara-rating-box .stars-group > input:checked + label:hover,
.tara-rating-box .stars-group > input:checked ~ label:hover,
.tara-rating-box .stars-group > label:hover ~ input:checked ~ label,
.tara-rating-box .stars-group > input:checked ~ label:hover ~ label {
	color: #ffed85 !important;
}

.app-product-slide .slide-price,
.app-product-slide-widget .slide-price {
	width: 100%;
	height: 0;
	padding-top: 22.73%;
	margin-bottom: 1.875rem;
}

.app-product-slide .slide-price>*,
.app-product-slide-widget .slide-price>* {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	opacity: .6;
	fill: #fff;
}

.app-product-slide .slide-price .item-sales,
.app-product-slide-widget .slide-price .item-sales {
	position: relative;
	padding-right: 50px;
}

.app-product-slide .slide-price .item-sales svg,
.app-product-slide-widget .slide-price .item-sales svg {
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
}

.app-product-slide .slide-links .btn,
.app-product-slide-widget .slide-links .btn {
	display: block;
    width: 100%;
	padding: 1rem;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	transition: all .2s ease-in-out;
}

.app-product-slide .slide-links .btn .icon,
.app-product-slide-widget .slide-links .btn .icon {
	position: relative;
	left: 5px;
	top: 3px;
	font-size: 14px;
}

.app-product-slide .slide-links .btn-demo,
.app-product-slide-widget .slide-links .btn-demo {
	color: #fff;
	background-color: #fea000;
}

.app-product-slide .slide-links .btn-buy {
	color: #fff;
	background-color: #5ec37d;
}

.app-product-slide .slide-links .btn-demo:hover,
.app-product-slide-widget .slide-links .btn-demo:hover,
.app-product-slide .slide-links .btn-demo:focus,
.app-product-slide-widget .slide-links .btn-demo:focus {
	background-color: #e59000;
	box-shadow: none;
}

.app-product-slide .slide-links .btn-buy:hover,
.app-product-slide .slide-links .btn-buy:focus {
	background-color: #41ad62;
	box-shadow: none;
}

.app-product-slide .slide-medals .nav-link svg {
	width: 60px;
	height: 60px;
}

.app-product-slide .slide-image .slide-item,
.app-product-slide-widget .slide-image .slide-item {
	position: relative;
	width: 80%;
	height: auto;
	object-fit: cover;
	border-radius: 5px;
	opacity: 1;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	z-index: 2;
}

.app-product-slide .slide-image .slide-item:nth-child(2),
.app-product-slide-widget .slide-image .slide-item:nth-child(2) {
	position: absolute;
	bottom: -20%;
	right: 0;
	opacity: .5;
	z-index: 1;
}

@-webkit-keyframes blink {
	0%{opacity:0}
	4%{opacity:0}
	5%{opacity:1}
	8%{opacity:1}
	9%{opacity:0}
	10%{opacity:0}
	14%{opacity:0}
	15%{opacity:1}
	18%{opacity:1}
	19%{opacity:0}
	20%{opacity:0}
	24%{opacity:0}
	25%{opacity:1}
	28%{opacity:1}
	29%{opacity:0}
	30%{opacity:0}
	34%{opacity:0}
	35%{opacity:1}
	38%{opacity:1}
	39%{opacity:0}
	40%{opacity:0}
	44%{opacity:0}
	45%{opacity:1}
	48%{opacity:1}
	49%{opacity:0}
	50%{opacity:0}
	54%{opacity:0}
	55%{opacity:1}
	58%{opacity:1}
	59%{opacity:0}
	60%{opacity:0}
	64%{opacity:0}
	65%{opacity:1}
	68%{opacity:1}
	69%{opacity:0}
	70%{opacity:0}
	74%{opacity:0}
	75%{opacity:1}
	78%{opacity:1}
	79%{opacity:0}
	80%{opacity:0}
	84%{opacity:0}
	85%{opacity:1}
	88%{opacity:1}
	89%{opacity:0}
	90%{opacity:0}
	94%{opacity:0}
	95%{opacity:1}
	98%{opacity:1}
	99%{opacity:0}
}

@keyframes blink {
	0%{opacity:0}
	4%{opacity:0}
	5%{opacity:1}
	8%{opacity:1}
	9%{opacity:0}
	10%{opacity:0}
	14%{opacity:0}
	15%{opacity:1}
	18%{opacity:1}
	19%{opacity:0}
	20%{opacity:0}
	24%{opacity:0}
	25%{opacity:1}
	28%{opacity:1}
	29%{opacity:0}
	30%{opacity:0}
	34%{opacity:0}
	35%{opacity:1}
	38%{opacity:1}
	39%{opacity:0}
	40%{opacity:0}
	44%{opacity:0}
	45%{opacity:1}
	48%{opacity:1}
	49%{opacity:0}
	50%{opacity:0}
	54%{opacity:0}
	55%{opacity:1}
	58%{opacity:1}
	59%{opacity:0}
	60%{opacity:0}
	64%{opacity:0}
	65%{opacity:1}
	68%{opacity:1}
	69%{opacity:0}
	70%{opacity:0}
	74%{opacity:0}
	75%{opacity:1}
	78%{opacity:1}
	79%{opacity:0}
	80%{opacity:0}
	84%{opacity:0}
	85%{opacity:1}
	88%{opacity:1}
	89%{opacity:0}
	90%{opacity:0}
	94%{opacity:0}
	95%{opacity:1}
	98%{opacity:1}
	99%{opacity:0}
}

.app-product-slide .slide-image img:nth-of-type(2){
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-animation: blink 120s infinite;
	animation: blink 120s infinite;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.app-product-slide-widget .slide-image img:nth-of-type(2){
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.app-product-slide-widget .variations label {
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: 0;
}

.app-product-slide-widget .variations .reset_variations {
	display: none !important;
}

/**
 * ARCHIVE ITEMS
 */
.app-products-archive .box-title .title {
	padding-right: 50px;
	line-height: 24px;
}

.app-products-archive .box-title .title .icon {
	display: block;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	color: #fff;
	background-color: #fea000;
	line-height: 45px;
	text-align: center;
	border-radius: 5px;
}

.app-products-archive .box-title .title .icon:before {
	display: block;
	font-size: 24px;
	line-height: 42px;
}

.app-products-archive .box-title .dropdown-toggle,
.app-products-archive .box-title .dropdown-toggle:active,
.app-products-archive .box-title .dropdown-toggle:focus,
.app-products-archive .box-title .dropdown-toggle:hover {
	overflow: hidden;
	width: 40px;
	height: 40px;
	padding: 0;
	color: #9a9a9a !important;
	background-color: #f8f9fb !important;
	font-size: 20px;
	line-height: 48px;
}

.app-products-archive .box-title .dropdown-toggle:after {
	content: none;
}

.app-products-archive .box-title .dropdown-item,
.app-products-archive .box-title .dropdown-item:hover,
.app-products-archive .box-title .dropdown-item:focus,
.app-products-archive .box-title .dropdown-item:active {
	color: #b3b3b3;
	background: transparent!important;
}

.app-products-archive .box-title .dropdown-item.active {
	color: #666!important;
}

.app-products-archive .box-title .nav .nav-link {
	position: relative;
	color: #b3b3b3;
}

.app-products-archive .box-title .nav .nav-link.active {
	color: #666;
}

.app-products-archive .box-title .nav .nav-link:not(:last-child):before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 50%;
	width: 1px;
	background-color: #e6e6e6;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.app-products-archive .archive-item {
	border: 1px solid #e6e6e6;
	border-radius: .4rem;
	-webkit-transition: all .4s;
    transition: all .4s;
	z-index: 19;
}

.app-products-archive .archive-item .item-image {
	padding-bottom: 100%;
	border-top: 10px solid #e6e6e6;
}

.app-products-archive .archive-item .item-image img {
	left: 0;
    top: 0;
    width: 100%;
	height: 100%;
	object-fit: cover;
}

.app-products-archive .archive-item .item-image:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), color-stop(60%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 60%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 60%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.app-products-archive .archive-item .item-avatar {
	bottom: 10px;
	right: 10px;
	left: 10px;
	opacity: 0;
	visibility: hidden;
	line-height: 1.5em;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	z-index: 9;
}

.app-products-archive .archive-item .item-avatar .avatar-col {
	width: 54px;
	max-width: 54px;
}

.app-products-archive .archive-item .item-avatar .name-col {
	width: calc(100% - 54px);
	max-width: calc(100% - 54px);
}

.app-products-archive .archive-item .item-avatar .avatar {
	width: 48px;
	height: 48px;
	background-color: #fff;
	padding: 2px;
}

.app-products-archive .archive-item .item-off {
	right: -27px;
	top: -27px;
	width: 54px;
	height: 54px;
}

.app-products-archive .archive-item .item-off svg {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	fill: #53c68c;
}

.app-products-archive .archive-item .item-off .c {
	line-height: 1em;
}

.app-products-archive .archive-item .item-content {
	height: 120px;
	-webkit-transition: all .4s;
    transition: all .4s;
}

.app-products-archive .archive-item .item-content .inside {
	background-color: #fff;
	-webkit-transition: all .4s;
    transition: all .4s;
}

.app-products-archive .archive-item .item-title {
	height: 60px;
	line-height: 30px;
}

.app-products-archive .archive-item .item-text {
	line-height: 25px;
}

.app-products-archive .archive-item .item-add-to-cart,
.app-products-archive .archive-item .item-text {
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .4s;
    transition: all .4s;
}

.app-products-archive .archive-item .item-meta {
	border-top: 1px solid #e6e6e6;
}

.app-products-archive .archive-item .text-grey {
	color: #808080;
}

.app-products-archive .archive-item .rate-col {
	flex-grow: 0;
}

.app-products-archive .archive-item .item-rate {
	padding-left: 5px;
	border-left: 1px solid #e6e6e6;
}

.app-products-archive .archive-item .item-rate:after {
	display: inline-block;
	margin-right: 3px;
	color: #ffbf01;
	font-family: markettara;
	font-size: 15px;
	line-height: 22px;
}

.app-products-archive .archive-item .off-price {
	display: block;
	top: -15px;
	right: 0;
	left: 0;
	text-align: center;
	text-decoration: line-through;
}

.app-products-archive .archive-item:hover {
	-webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .17);
	z-index: 20;
}

.app-products-archive .archive-item:hover .item-add-to-cart,
.app-products-archive .archive-item:hover .item-text {
	height: 74px;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .4s;
    transition: all .4s;
}

.app-products-archive .archive-item:hover .item-text {
	margin-bottom: 10px;
}

.app-products-archive .archive-item:hover .item-image:after {
    opacity: 1;
}

.app-products-archive .archive-item:hover .item-avatar {
	opacity: 1;
	visibility: visible;
}

.app-products-archive .archive-item .item-price ins {
	text-decoration: none;
}

.app-products-archive .archive-item .item-price .woocommerce-Price-currencySymbol {
	color: #808080;
	font-size: 12px;
	font-weight: 300;
}

.app-products-archive .archive-item .item-price del,
.app-products-archive .archive-item .added_to_cart {
	display: none;
}

.tara-products-slider {
	overflow: visible;
	padding-bottom: 50px;
}

/**
 * TOP VENDOR WIDGET
 */
.app-top-vendor-widget {
	background-color: rgb(97, 0, 33);
	background: linear-gradient(171deg, rgb(97, 0, 33) 0%, rgb(0, 0, 0) 80%);
}

.app-top-vendor-widget .avatar-col {
	width: 78px;
	max-width: 78px;
}

.app-top-vendor-widget .name-col {
	width: calc(100% - 78px );
	max-width: calc(100% - 78px );
}

.app-top-vendor-widget .store-link {
	width: 50px;
	height: 50px;
}

.app-top-vendor-widget .vendor-link .btn .icon {
    position: relative;
    left: 5px;
    top: 3px;
    font-size: 14px;
}

.app-top-vendor-widget .avatar {
	width: 70px;
	height: 70px;
	object-fit: cover;
}

.app-top-vendor-widget .user-medals .nav-link svg {
	width: 60px;
	height: 60px;
}

.app-top-vendor-widget .top-vendor-slider {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.app-top-vendor-widget .top-vendor-slider .swiper-slide {
	width: 275px;
	overflow: visible !important;
}

.app-top-vendor-widget .product-item {
	background-color: #fff;
	border-radius: 7px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.app-top-vendor-widget .product-item .item-image {
	padding-bottom: 100%;
	border-top: 6px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 7px 7px 0 0;
}

.app-top-vendor-widget .product-item .item-price {
	right: -33px;
	top: -33px;
	width: 66px;
	height: 66px;
}

.app-top-vendor-widget .product-item .item-price svg {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	fill: #fff;
}

.app-top-vendor-widget .product-item .item-price .c {
	line-height: 1em;
}

.app-top-vendor-widget .product-item .item-image img {
	left: 0;
    top: 0;
    width: 100%;
	height: 100%;
	object-fit: cover;
}

.app-top-vendor-widget .product-item .item-title {
	height: 70px;
	line-height: 30px;
}

/**
 * PRODUCT TABS
 */
.app-product-tabs {
	background-color: #e6e6e6;
	-webkit-box-shadow: 0 -10px 10px 0 rgba(0,0,0,.07);
	box-shadow: 0 -10px 10px 0 rgba(0,0,0,.07);
}

.app-product-tabs .nav .nav-link {
    display: block;
	min-width: 200px;
    padding: 13px 10px;
    color: #808080;
	text-align: center;
	border: 0;
	border-radius: 0;
	border-right: 1px solid #b5b7b8;
}

.app-product-tabs .nav .nav-link .icon {
	position: relative;
	top: 2px;
	left: 5px;
}

.app-product-tabs .nav .nav-item:last-child .nav-link {
	border-left: 1px solid #b5b7b8;
}

.app-product-tabs .nav .nav-link:hover,
.app-product-tabs .nav .nav-link.active {
	color: #fea000;
	background-color: #fff;
    box-shadow: 0px -4px 0px 0px #fea000;
}

.tara-share-nav > a {
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin: 3px;
	padding: 0;
	color: #fff;
	background-color: #808080;
	font-size: 17px;
	line-height: 44px;
	text-align: center;
	border-radius: 50rem;
}

.tara-share-nav > .title {
	padding: 0;
	margin: 3px;
	color: #808080;
	line-height: 40px;
}

.tara-share-nav > a.icon-telegram {
	background-color: #0088cc ;
}

.tara-share-nav > a.icon-whatsapp {
	background-color: #25D366;
}

.tara-share-nav > a.icon-twitter {
	background-color: #00acee;
}

/**
 * SINGLE PRODUCT
 */
@media (min-width: 992px) {
	.single-product-rows .single-product-content-col {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}

	.single-product-rows .single-product-sidebar-col {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
}

.purchase-product-widget .text-black {
	color: #000;
}

.purchase-product-widget .slide-price {
	width: 100%;
	height: 0;
	padding-top: 22.73%;
	margin-bottom: 1.875rem;
}

.purchase-product-widget .slide-price>* {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	opacity: .6;
	fill: #e8e8e8;
}

.purchase-product-widget .slide-price .item-sales {
	position: relative;
	padding-right: 50px;
}

.purchase-product-widget .slide-price .item-sales svg {
	position: absolute;
	right: 0;
	top: 10%;
	width: 40%;
	height: 80%;
}

.app-product-slide .slide-price ins,
.app-product-slide-widget .slide-price ins,
.purchase-product-widget .item-price ins {
	text-decoration: none;
}

.app-product-slide .slide-price .woocommerce-Price-currencySymbol,
.app-product-slide-widget .slide-price .woocommerce-Price-currencySymbol,
.purchase-product-widget .item-price .woocommerce-Price-currencySymbol {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-weight: 300;
}

.app-product-slide .slide-price del,
.app-product-slide-widget .slide-price del,
.app-product-slide .added_to_cart,
.app-product-slide-widget .added_to_cart,
.purchase-product-widget .added_to_cart {
	display: none;
}

.app-product-slide .slide-price .item-price,
.app-product-slide-widget .slide-price .item-price {
	position: relative;
}

.app-product-slide .slide-price .item-price del,
.purchase-product-widget .item-price del,
.app-product-slide-widget .slide-price .item-price del {
	display: block;
	position: relative;
	right: 0;
	top: 0;
	font-size: 14px;
	text-decoration: line-through;
}

.app-product-slide .slide-price del .woocommerce-Price-currencySymbol,
.purchase-product-widget .item-price del .woocommerce-Price-currencySymbol,
.app-product-slide-widget .slide-price del .woocommerce-Price-currencySymbol {
	display: none;
}

.purchase-product-widget .item-desc {
	background-color: #f2f2f2;
}

.purchase-product-widget .item-desc .dotted {
	position: relative;
	padding-right: 20px;
}

.purchase-product-widget .item-desc .dotted:before {
	content: "";
	position: absolute;
	right: 0;
	top: 7px;
	width: 10px;
	height: 10px;
	background-color: #fea000;
	border-radius: 50rem;
}

.purchase-product-widget .btn-buy {
	display: block;
    width: 100%;
	padding: 1rem;
	color: #fff;
	background-color: #5ec37d;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	transition: all .2s ease-in-out;
}

.purchase-product-widget .btn-buy .icon {
	position: relative;
	left: 5px;
	top: 3px;
	font-size: 14px;
}

.purchase-product-widget .btn-buy:hover,
.purchase-product-widget .btn-buy:focus {
	background-color: #41ad62;
	box-shadow: none;
}

.purchase-product-widget .slide-medals .nav-link svg {
	width: 60px;
	height: 60px;
}

.product-meta-widget .col-auto {
	min-width: 50%;
}

.product-gallery-widget a {
	padding-bottom: 100%;
}

.product-gallery-widget img {
	right: 0;
	top: 0;
}

.product-vendor-widget .shop-col {
	width: 58px;
	max-width: 58px;
}

.product-vendor-widget .vendor-col {
	width: calc(100% - 58px );
	max-width: calc(100% - 58px );
}

.product-vendor-widget .avatar-col {
	width: 78px;
	max-width: 78px;
}

.product-vendor-widget .name-col {
	width: calc(100% - 78px );
	max-width: calc(100% - 78px );
}

.product-vendor-widget .store-link {
	width: 50px;
	height: 50px;
}

.product-vendor-widget .avatar {
	width: 70px;
	height: 70px;
	object-fit: cover;
}

.product-vendor-widget .user-medals .nav-link svg {
	width: 60px;
	height: 60px;
}

.product-tags-widget a:not(.btn) {
	display: inline-block !important;
	padding: 10px !important;
	margin-left: 8px !important;
	margin-bottom: 8px !important;
	color: #666 !important;
	background-color: #f2f2f2 !important;
	font-size: 13px !important;
	line-height: 24px !important;
	border-radius: 3px !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.product-tags-widget a:not(.btn):hover {
	background-color: #d9d9d9 !important;
}

/**
 * FOOTER
 */
.app-footer {
	background-color: #4d4d4d;
}

.app-footer .container {
	max-width: 1000px;
}

.app-footer .footer-items {
	border-top: 1px solid #5e5e5e;
}

.app-footer .footer-logo img {
	width: 100px;
	height: auto;
}

.app-footer .footer-nav li {
	display: inline-block;
	padding-left: 5%;
	color: #808080;
}

.app-footer .footer-nav li a {
	color: #808080;
	font-size: 15px;
	line-height: 1.8em;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.app-footer .footer-nav li:before,
.app-footer .footer-nav li a:before {
	content: none;
}

.app-footer .footer-nav li a:hover,
.app-footer .footer-nav li a:focus {
	color: #ccc;
}

.app-footer .text-grey,
.app-footer .widget-title {
	color: #808080 !important;
}

.tara-stats-box .stat-item .icon {
	color: #fff;
	font-size: 30px;
	line-height: 30px;
}

.tara-stats-box .stat-item .count {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fea000;
	font-size: 18px;
}

.tara-stats-box .stat-item .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 10px;
}

.tara-footer-widget {
	color: #fff;
}

.tara-footer-widget .widget-title {
	display: block;
	font-size: 14px;
	font-weight: 600;
}

.tara-footer-widget .widget-title:not(.icon):after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 4px;
	margin: 11px 10px 0 0;
	background-color: #fea000;
	border-radius: 1rem;
}

/**
 * INTEGRATE
 */
.tara-about-widget .icon {
	display: block;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
}

.icon-aparat-large:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -10px;
	margin-right: -10px;
	width: 20px;
	height: 20px;
	background-image: url(../img/aparat-32.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.icon-aparat-large {
	width: 34px;
	position: relative;
}

.icon-aparat-large.white:before {
	background-image: url(../img/aparat-32-white.png);
}

.icon-aparat-large.grey:before {
	background-image: url(../img/aparat-32-grey.png);
}

/**
 * DASHBOARD
 */
.page-header {
	padding-top: 200px;
	color: #fff;
	background: -webkit-gradient(linear,left top,right top,from(#f0886f),color-stop(62%,#fea000));
	background: -o-linear-gradient(left,#f0886f 0,#fea000 62%);
	background: linear-gradient(90deg,#f0886f 0,#fea000 62%);
}

.page-header.mini {
	padding-top: 150px;
}

body.nnf .page-header {
	padding-top: 130px;
}

body.nnf .page-header.mini {
	padding-top: 80px;
}

.app-panel-content {
	height: 100%;
	min-height: 100vh;
	padding-left: 30px;
	padding-right: 280px;
}

.app-panel-content .dashboard-menu {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 250px;
	background-color: #4d4d4d;
	z-index: 9;
}

.app-panel-content .dashboard-menu.open {
	right: 0!important;
}

.app-panel-content .dashboard-menu .app-close-mobile-btn {
	position: absolute;
	top: 80px;
	right: 0;
	width: 40px;
	height: 40px;
}

.app-panel-content .dashboard-menu.open .app-close-mobile-btn {
	right: 100%;
}

.app-panel-content .dashboard-menu .nav-tabs .nav-link {
	color: #95989a;
	background-color: #333131;
	border: 0;
	border-radius: 0 0 .625rem .625rem;
}

.app-panel-content .dashboard-menu .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #4d4d4d;
}

.app-panel-content .dashboard-menu .panel-nav > li {
	border-top: 1px solid #666;
}

.app-panel-content .dashboard-menu .panel-nav a {
	color: #95989a;
	font-size: 14px;
	line-height: 24px;
	border-radius: 0 !important;
}

.app-panel-content .dashboard-menu .panel-nav > li > a {
	padding: 15px 10px !important;
}

.app-panel-content .dashboard-menu .panel-nav a .cnt {
	background-color: #fea000;
}

.app-panel-content .dashboard-menu .panel-nav .icon:before {
	float: right;
	width: 30px;
	margin-left: 5px;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
}

.app-panel-content .dashboard-menu .panel-nav .multi > a:after {
	content: "\ea3e";
	float: left;
	margin-right: 5px;
	color: #95989a;
	font-family: 'markettara';
	font-size: 12px;
	line-height: 24px;
}

.app-panel-content .dashboard-menu .panel-nav .acik.multi > a:after {
	content: "\ea3a";
}

.app-panel-content .dashboard-menu .panel-nav a:hover {
	color: #fff;
}

.app-panel-content .dashboard-menu .panel-nav .acik > a {
	color: #fff;
	background-color: #808080;
	border-left: 5px solid #fea000;
}

.app-panel-content .dashboard-menu .panel-nav .children {
	display: none;
}

.app-panel-content .dashboard-menu .panel-nav .acik .children {
	display: block;
}

.app-panel-content .dashboard-menu .panel-nav .children a {
	font-size: 12px;
}

.app-panel-content .dashboard-menu .panel-nav .children .icon:before {
	color: #4d4d4d;
}

.app-panel-content .total-stats-widget .stat-item {
	border: 1px solid #e6e6e6;
}

.app-panel-content .total-stats-widget .stat-item:hover {
	border-color: rgba(0,0,0,0);
	-webkit-box-shadow: 0 3px 13px 0 rgba(0,0,0,.07);
	box-shadow: 0 3px 13px 0 rgba(0,0,0,.07);
}

.app-panel-content .total-stats-widget .stat-item .icon {
	width: auto;
	height: 75px;
}

.app-panel-content .total-stats-widget .stat-item img {
	max-width: 75px;
	max-height: 100%;
}

.row {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px
}
.align-items-center {
  -ms-flex-align:center!important;
  align-items:center!important
}
/**
 * LOGIN PAGE
 */
.login-page-wrapper,
.login-page-wrapper > .row {
    min-height: 100vh;
}

.login-page-wrapper {
	background-color: #4d4d4d;
}

.login-page-wrapper .auth-form {
    width: 500px;
    max-width: 95%;
}

.login-page-wrapper .go-back-link {
	width: 128px;
	color: #95989a;
	text-align: right;
}

.login-page-wrapper .go-back-link:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 0 0 2px 2px;
	vertical-align: top;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.login-page-wrapper .go-back-link.sc {
	width: auto;
	padding-left: 20px;
}

.login-page-wrapper .go-back-link.sc:before {
	top: 5px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.login-page-wrapper .security-tips {
	top: 100%;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.login-page-wrapper .security-tips.open {
	top: 0;
}

.login-page-wrapper .security-tips .dotted {
    position: relative;
    padding-right: 20px;
}

.login-page-wrapper .security-tips .dotted:before {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    background-color: #fea000;
    border-radius: 50rem;
}

/**
 * COMMENTS
 */
.tara-comments-box {
	margin: 30px 0;
}

.tara-comments-box .comment-list {
	list-style: none;
}

.tara-comments-box .comment-list > li {
	position: relative;
	overflow-y: hidden;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}

.tara-comments-box .comment-list .children {
	display: block;
	list-style: none;
	margin-right: 45px;
	margin-top: 20px;
	padding: 0;
}

.tara-comments-box .comment-list .children:before {
	content: "";
	position: absolute;
	right: 35px;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #e6e6e6;
	z-index: 1;
}

.tara-comments-box .comment-list .children > li {
	position: relative;
	margin-bottom: 20px;
}

.tara-comments-box .comment-list .children > li:last-child:after {
	content: "";
	position: absolute;
	right: -10px;
	top: 37px;
	height: 100%;
	width: 2px;
	background-color: #fff;
	z-index: 1;
}

.tara-comments-box .comment-body {
	position: relative;
    padding-right: 80px;
}

.tara-comments-box .comment-body:before {
	content: "";
	position: absolute;
	right: -10px;
	top: 35px;
	height: 2px;
	width: 10px;
	background-color: #e6e6e6;
	z-index: 1;
}

.tara-comments-box .comment-body .comment-author img.avatar {
	position: absolute;
	top: 0;
	right: 5px;
	width: 64px;
	height: 64px;
	border: 2px solid #fff;
	background-color: #fff;
	border-radius: 100%;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
	z-index: 3;
}

.tara-comments-box .comment-list .comment-meta {
	overflow: hidden;
	margin-bottom: 15px;
}

.tara-comments-box .comment-list .comment-author a {
	color: #4d4d4d;
}

.tara-comments-box .comment-list .comment-author .says,
.tara-comments-box .comment-list .comment-metadata {
	display: none;
}

.tara-comments-box .comment-list .comment-content {
	clear: both;
	margin-bottom: 25px;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 300;
	line-height: 28px;
	text-align: justify;
}

.tara-comments-box #cancel-comment-reply-link,
.tara-comments-box .comment-list .comment-reply-link {
	display: inline-block;
	padding: 0 10px;
	color: #4d4d4d;
	background-color: #fff;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #b3b3b3;
	border-radius: .2rem;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tara-comments-box #cancel-comment-reply-link:hover,
.tara-comments-box .comment-list .comment-reply-link:hover {
	color: #fff;
	background-color: #35bf95;
	border-color: #35bf95;
}

.tara-comments-box #cancel-comment-reply-link:focus,
.tara-comments-box .comment-list .comment-reply-link:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5);
}

.tara-comments-box .comment-respond {
	position: relative;
	background: #fff;
	z-index: 9;
}

.tara-comments-box .no-comments,
.tara-comments-box .comment-respond .logged-in-as a {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
}

.tara-comments-box .comment-form .form-submit input[type="submit"] {
	display: block;
	width: 100%;
}

.tara-comments-box .comment-nav .comment-nav-prev {
	float: right;
}

.tara-comments-box .comment-nav .comment-nav-next {
	float: left;
}

.tara-comments-box .tara-interaction .icon:before {
	position: relative;
	left: -2px;
	top: 1px;
	font-size: 10px;
}

/**
 * BOXES
 */
.tara-widget {
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.tara-box-title {
	display: inline-block;
	color: #4d4d4d;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
}

.tara-box-title.sm {
	font-size: 14px;
	line-height: 28px;
}

.tara-box-title:not(.icon):after {
	content: "";
	float: left;
	width: 60px;
	height: 6px;
	margin: 20px 15px 0 0;
	background-color: #007bff;
	border-radius: 1rem;
}

.tara-box-title.sm:not(.icon):after {
	width: 30px;
	height: 4px;
	margin: 15px 10px 0 0;
}

.tara-box-title.icon {
	display: block;
	border-bottom: 1px solid #eee;
}

.tara-box-title.icon:before {
	display: block;
	float: right;
	margin-left: 10px;
	color: #999;
	font-size: 30px;
	line-height: 40px;
}

.tara-box-title.sm.icon:before {
	font-size: 20px;
	line-height: 26px;
}

/**
 * AJAX SEARCH
 */
.tara-ajax-search .tara-search-results {
	right: 0;
	left: 0;
	top: 100%;
	z-index: 999;
}

.tara-ajax-search .tara-search-results .slimscroll {
	height: auto;
	max-height: 180px;
}

.tara-ajax-search .tara-search-results .slimscroll li:not(:last-child) {
	border-bottom: 1px solid #f8f9fa;
}

.tara-ajax-search .tara-search-results .media .item-image {
	width: 40px;
	height: 40px;
}

.tara-ajax-search .tara-search-results .media .item-title {
	line-height: 22px;
}

/**
 * ARCHIVE
 */
.tara-archive .tara-product,
.tara-archive .tara-product-sm {
	border-bottom: 2px solid transparent;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.tara-archive .tara-product .item-header {
	height: 220px;
}

.tara-archive .tara-product .item-header img {
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.tara-archive .tara-product .item-header .vip {
	left: 15px;
	top: 15px;
	color: #ffd000;
	font-size: 20px;
	text-shadow: 0px 1px 2px rgba(255, 255, 255,0.3);
}

.tara-archive .tara-product .item-header .off {
	right: 15px;
	top: 15px;
}

.tara-archive .tara-product .item-title {
	font-size: 14px;
	line-height: 24px;
}

.tara-archive .tara-product .item-title > a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #4d4d4d;
}

.tara-archive .tara-product .item-meta {
	color: #666;
	font-size: 11px;
	line-height: 24px;
}

.tara-archive .tara-product .item-meta.icon:before {
	display: block;
	float: right;
	margin-left: 5px;
	font-size: 16px;
	line-height: 24px;
}

.tara-archive .tara-product .item-vendor {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	font-size: 11px;
	line-height: 32px;
}

.tara-archive .tara-product .item-vendor img {
	width: 32px;
	height: 32px;
}

.tara-archive .tara-product .item-purchase {
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	font-size: 11px;
	line-height: 24px;
	text-align: center;
}

.tara-archive .tara-product .added_to_cart {
	display: none;
}

.tara-archive .tara-product .border-top {
	border-color: #fafafa !important;
}

.tara-archive .tara-product:hover,
.tara-archive .tara-product-sm:hover {
	border-color: #007bff;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.17 );
}

.tara-vendor-products-slider .swiper-slide {
	width: 172px;
}

.tara-archive .tara-product-sm .item-image {
	width: 100%;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-size: cover;
}

.tara-archive .tara-product-sm .item-title {
	display: block;
	overflow: hidden;
	height: 36px;
	color: #666;
	font-size: 11px;
	line-height: 18px;
}

/* BLOG */
.tara-archive .tara-blog {
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.tara-archive .tara-blog:hover {
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.17 );
}

.tara-archive .tara-blog .item-image {
	display: block;
	width: 136px;
	height: 136px;
}

.tara-archive .tara-blog .item-title,
.tara-archive .tara-blog .item-excerpt {
	max-height: 48px;
	line-height: 24px;
}

/* POST */
.tara-archive .tara-post {
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 35px rgba(119,132,157,.14);
	box-shadow: 0 5px 35px rgba(119,132,157,.14);
}

.tara-archive .tara-post .item-header {
	height: 165px;
}

.tara-archive .tara-post .item-header img {
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.tara-archive .tara-post .item-title {
	font-size: 14px;
	line-height: 24px;
}

.tara-archive .tara-post .item-title > a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #53565d;
}

.tara-archive .tara-post .item-excerpt {
	height: 72px;
	line-height: 24px;
	color: #6a6a6a;
}

.tara-archive .tara-post .item-meta,
.tara-archive .tara-post .item-meta a {
	color: #6a6a6a;
	font-size: 11px;
	line-height: 24px;
}

.tara-archive .tara-post .item-meta.icon:before {
	display: block;
	float: right;
	margin-left: 5px;
	font-size: 16px;
	line-height: 24px;
}

.tara-archive .tara-post .border-top {
	border-color: #fafafa !important;
}

.tara-archive .tara-post:hover {
	box-shadow: 0 5px 35px rgba(119,132,157,.35);
	-webkit-box-shadow: 0 5px 35px rgba(119,132,157,.35);
}

/**
 * CATEGORY BOX
 */
.tara-category-widget .tara-category-box {
	border-bottom: 2px solid transparent;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.tara-category-widget .tara-category-box .item-image {
	width: 80px;
	height: 80px;
}

.tara-category-widget .tara-category-box .item-title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	font-size: 10px;
}

.tara-category-widget .tara-category-box .btn {
	font-size: 12px;
}

.tara-category-widget .tara-category-box:hover {
	border-color: #fea000;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.17 );
}

/**
 * MODAL LOGIN
 */
#tara-login-register-popup .modal-body .login-box-col {
	min-height: 250px;
}

#tara-login-register-popup .close {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 30px;
	z-index: 99;
}

#tara-login-register-popup .tara-popup-login-cover {
	position: relative;
	background: #fff;

	/*
	PINK
	background: #ec008c;
	background: -webkit-linear-gradient(to right, #fc6767, #ec008c);
	background: linear-gradient(to right, #fc6767, #ec008c);
	/* BLUE
	background: #2193b0;
	background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
	background: linear-gradient(to right, #6dd5ed, #2193b0);
	/* YELLOW
	background: #ffe259;
	background: -webkit-linear-gradient(to right, #ffa751, #ffe259);
	background: linear-gradient(to right, #ffa751, #ffe259);
	/* RED
	background: #FF416C;
	background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	*/
}

#tara-login-register-popup .tara-popup-login-cover:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url(../img/login-popup.png);
}

#tara-login-register-popup .tara-popup-form {
	display: none;
}

#tara-login-register-popup .tara-popup-form.acik {
	display: block;
}

/**
 * NAVIGATION
 */
.tara-navigation .page-item .page-link {
	display: block;
	padding: 15px 25px;
	color: #4d4d4d;
	background-color: #fff;
	border-radius: 0;
	box-shadow: 0;
	transition: all 0.2s ease-in-out;
}

.tara-navigation .page-item .page-link .icon:before {
	line-height: 18px;
}

.tara-navigation .page-item .page-link:hover {
	background-color: #eee;
}

.tara-navigation .page-item.active .page-link {
	color: #fff;
	background-color: #fea000;
}

.tara-navigation .page-item.disabled .page-link {
	color: #999;
	background-color: #fafafa;
}

/**
 * SINGLE PRODUCT
 */
.tara-panel-wrapper .tara-share-btn:before,
.tara-single-post .tara-share-btn:before,
.tara-single-product .tara-share-btn:before {
	display: block;
	float: right;
	margin: 0 0 0 4px;
	line-height: 24px;
}

.tara-panel-wrapper .tara-share-dropdown .icon:before,
.tara-single-post .tara-share-dropdown .icon:before,
.tara-single-product .tara-share-dropdown .icon:before {
	position: relative;
	top: 2px;
	left: 6px;
}

.tara-single-product .tara-product-meta {
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba( 0, 0, 0, 0.05 );
}

.tara-single-product .tara-product-meta .icon {
	color: #fea000;
	font-size: 24px;
	line-height: 40px;
}

.tara-single-product .tara-product-meta .t {
	color: #666;
}

.tara-single-product .tara-product-meta .t,
.tara-single-product .tara-product-meta .v {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	line-height: 20px;
}

.tara-single-post .tara-post-cat-box a,
.tara-single-product .tara-product-cat-box a {
	color: #4d4d4d;
	transition: color 0.2s ease-in-out;
}

.tara-single-post .tara-post-cat-box a:hover,
.tara-single-product .tara-product-cat-box a:hover {
	color: #fea000;
}

.tara-single-post .tara-post-cat-box a + a:before,
.tara-single-product .tara-product-cat-box a + a:before {
	content: "/";
	display: inline-block;
	padding: 0 .5rem;
	color: #ffc107;
}

.tara-post-tags.kapali,
.tara-post-tags.kapali {
	overflow: hidden;
	max-height: 120px;
}

.tara-single-post .tara-post-tags a:not(.btn),
.tara-single-product .tara-post-tags a:not(.btn) {
    display: inline-block;
    margin: 0 0 2px 2px;
    padding: 2px 5px;
    color: #666;
    background-color: #f8f9fa;
    font-size: 10px;
    line-height: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tara-single-post .tara-post-tags a:not(.btn):hover,
.tara-single-post .tara-post-tags a:not(.btn):focus,
.tara-single-product .tara-post-tags a:not(.btn):hover,
.tara-single-product .tara-post-tags a:not(.btn):focus {
	color: #fff;
	background-color: #ffc107;
}

.tara-post-tags a.btn,
.tara-post-tags a.btn {
	position: absolute;
	left: 5px;
	bottom: 5px;
	font-size: 11px;
	font-weight: 300;
	z-index: 9;
}

.tara-post-tags.kapali::after,
.tara-post-tags.kapali::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 50%;
    background-color: transparent;
    background: -moz-linear-gradient( bottom, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0.1 ) 100% );
    background: -webkit-gradient( linear, left bottom, left bottom, color-stop( 0%, rgba( 255, 255, 255, .1 ) ), color-stop( 100%, rgba( 255, 255, 255, 0.1 ) ) );
    background: -webkit-linear-gradient( bottom, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0.1 ) 100%);
    background: -o-linear-gradient( bottom, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0.1 ) 100%);
    background: -ms-linear-gradient( bottom, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0.1 ) 100%);
    background: linear-gradient( to top, rgba( 255, 255, 255, 1 ) 0%, rgba( 255, 255, 255, 0.1 ) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba( 255, 255, 255, 1 )', endColorstr='rgba( 255, 255, 255, 0.1 )',GradientType=0 );
    z-index: 5;
}

.tara-purchase-product-widget .owner:before {
	content: " ";
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	height: 1px;
	background-color: #f8f9fa;
	z-index: 1;
}

.tara-purchase-product-widget .owner .v {
	max-width: 140px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
	z-index: 2;
}

.tara-purchase-product-widget .meta-item .icon {
	color: #666;
	font-size: 24px;
	line-height: 40px;
}

.tara-purchase-product-widget .tara-rating-box .icon:before {
	font-size: 18px;
	line-height: 20px;
}

.tara-product-vendor-widget img.avatar {
	width: 128px;
	height: 128px;
}

.tara-product-vendor-widget .vendor-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tara-product-vendor-widget .vendor-name a,
.tara-product-vendor-widget .vendor-name span {
	font-size: 16px;
	line-height: 28px;
}

.tara-comments-box .comment-author .user-verified,
.product-vendor-widget .author.verified,
.tara-archive .tara-product .item-vendor.verified,
.tara-product-vendor-widget .vendor-name .verified {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: left center;
	background-color: transparent;
	background-image: url(../img/medals/zhaket-verified.svg);
}

.tara-comments-box .comment-author .user-verified,
.product-vendor-widget .author.verified,
.tara-archive .tara-product .item-vendor.verified {
	display: inline-block;
	max-width: 100%;
	padding-left: 20px;
	background-size: 16px;
}

.tara-product-vendor-widget .tara-vendor-social-nav .icon:before {
    font-size: 18px;
	line-height: 26px;
}

.tara-product-medal-nav .medal,
.tara-vendor-medal-nav .medal {
	display: block;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: transparent;
}

.tara-comments-medal-nav .medal {
	width: 32px;
	height: 32px;
}

.tara-vendor-medal-nav .medal-account-ok {
	background-image: url(../img/medals/zhaket-approved.svg);
}

.tara-vendor-medal-nav .medal-profile-ok {
	background-image: url(../img/medals/zhaket-profile.svg);
}

.tara-vendor-medal-nav .medal-vip-product {
	background-image: url(../img/medals/zhaket-vip-product.svg);
}

.tara-vendor-medal-nav .medal-valid-comment {
	background-image: url(../img/medals/zhaket-comments.svg);
}

.tara-vendor-medal-nav .medal-valid-withdraw {
	background-image: url(../img/medals/zhaket-withdraws.svg);
}

.tara-vendor-medal-nav .medal-valid-purchase {
	background-image: url(../img/medals/zhaket-purchaser.svg);
}

.tara-vendor-medal-nav .medal-valid-subset {
	background-image: url(../img/medals/zhaket-networker.svg);
}

.tara-vendor-medal-nav .medal-valid-product {
	background-image: url(../img/medals/zhaket-vendor.svg);
}

.tara-vendor-medal-nav .medal-valid-post {
	background-image: url(../img/medals/zhaket-author.svg);
}

.tara-vendor-medal-nav .medal-valid-ref {
	background-image: url(../img/medals/zhaket-referrer.svg);
}

.tara-vendor-medal-nav .medal-ref-income {
	background-image: url(../img/medals/zhaket-referrer-50.svg);
}

.tara-vendor-medal-nav .medal-sale-income {
	background-image: url(../img/medals/zhaket-vendor-500.svg);
}

.tara-vendor-medal-nav .medal-subset-income {
	background-image: url(../img/medals/zhaket-network-20.svg);
}

.tara-vendor-medal-nav .medal-vendor {
	background-image: url(../img/medals/zhaket-is-vendor.svg);
}

.tara-product-medal-nav .medal-featured {
	background-image: url(../img/badges/zhaket-featured.svg);
}

.tara-product-medal-nav .medal-free {
	background-image: url(../img/badges/zhaket-free.svg);
}

.tara-product-medal-nav .medal-iran {
	background-image: url(../img/badges/zhaket-iran.svg);
}

.tara-product-medal-nav .medal-license {
	background-image: url(../img/badges/zhaket-license.svg);
}

.tara-product-medal-nav .medal-original {
	background-image: url(../img/badges/zhaket-original.svg);
}

.tara-product-medal-nav .medal-sale {
	background-image: url(../img/badges/zhaket-sale.svg);
}

/**
 * COURSE CHAPTERS
 */
.tara-course-chapters-widget .chapter-header {
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba( 0, 0, 0, 0.05 );
}

.tara-course-chapters-widget .chapter-header .icon {
	left: 10px;
	top: 50%;
	margin-top: -12px;
	color: #aaa;
}

.tara-course-chapters-widget .lesson-header {
	background-color: #fafafa;
}

.tara-course-chapters-widget .lesson-header .icon {
	color: #aaa;
}

/**
 * VENDOR PAGE
 */
.tara-vendor-box .vendor-cover {
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/cover.png);
}

.tara-vendor-box .vendor-cover .tara-vendor-social-nav {
	position: absolute;
	left: 10px;
	top: 10px;
}

.tara-vendor-box .vendor-image {
	margin-top: -100px;
}

.tara-vendor-box .vendor-image img {
	width: 128px;
	height: 128px;
	background-color: #fff;
	box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.tara-vendor-box .tara-vendor-bio .meta {
	color: #999;
}

.tara-vendor-box .tara-vendor-bio .meta .v {
	color: #010101;
}

.tara-vendor-box .vendor-stats .stat-item .icon {
	font-size: 28px;
	color: #fea000;
}

.tara-vendor-box .vendor-stats .stat-item .count {
	font-size: 16px;
	line-height: 30px;
}

.tara-vendor-box .vendor-stats .stat-item .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #999;
	line-height: 20px;
}

.tara-vendors-slider-wrapper .swiper-slide {
	width: 125px;
}

.tara-vendor-top-slider .swiper-slide {
	width: 140px;
}

.tara-product-vendor-widget .top-product img {
	width: 100%;
	height: 140px;
}

/**
 * USER PANEL
 */
.tara-user-panel-widget .panel-top {
	background: #fff;
	/*
	background: #ec008c;
	background: -webkit-linear-gradient(to right, #fc6767, #ec008c);
	background: linear-gradient(to right, #fc6767, #ec008c);
	*/
}

.tara-user-panel-widget .panel-top .avatar {
	padding: 3px;
	border: 1px solid #eee;
}

.tara-user-panel-widget .progress {
	height: 25px;
}

.tara-user-panel-widget .progress .progress-bar {
	background: #2193b0;
	background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
	background: linear-gradient(to right, #6dd5ed, #2193b0);
}

.tara-user-panel-widget .panel-nav a {
	color: #666;
	font-size: 13px;
	line-height: 24px;
}

.tara-mobile-nav a .cnt,
.tara-user-panel-widget .panel-nav a .cnt {
	background-color: #ed2324;
}

.tara-user-panel-widget .panel-nav .icon:before {
	float: right;
	width: 30px;
	margin-left: 5px;
	color: #b9b9b9;
	font-size: 17px;
	line-height: 24px;
	text-align: center;
}

.tara-user-panel-widget .panel-nav .multi > a:after {
	content: "\ea3e";
	float: left;
	margin-right: 5px;
	color: #b9b9b9;
	font-family: 'markettara';
	font-size: 12px;
	line-height: 24px;
}

.tara-user-panel-widget .panel-nav .acik.multi > a:after {
	content: "\ea3a";
}

.tara-user-panel-widget .panel-nav a:hover {
	background-color: #f8f9fa;
}

.tara-user-panel-widget .panel-nav .acik > a {
	color: #fff;
	background-color: #fea000;
}

.tara-user-panel-widget .panel-nav .acik > a:before,
.tara-user-panel-widget .panel-nav .acik > a:after {
	color: #f8f9fa;
}

.tara-user-panel-widget .panel-nav .acik > a .cnt {
	background-color: #b9b9b9;
}

.tara-user-panel-widget .panel-nav .children {
	display: none;
	background-color: rgba(0,0,0,0.01);
	border-bottom: 1px solid #eee;
}

.tara-user-panel-widget .panel-nav .acik .children {
	display: block;
}

.tara-user-panel-widget .panel-nav .children a {
	font-size: 12px;
}

.tara-user-panel-widget .panel-nav .children .icon:before {
	font-size: 12px;
}

.tara-panel-wrapper .tara-user-meta {
    border: 1px solid #eee;
    box-shadow: 0 0 3px rgba( 0, 0, 0, 0.05 );
}

.tara-panel-wrapper .tara-user-meta .icon {
    color: #fea000;
    font-size: 24px;
    line-height: 40px;
}

.tara-panel-wrapper .tara-user-meta .t,
.tara-panel-wrapper .tara-user-meta .v {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 24px;
}

.tara-panel-wrapper .tara-user-meta .t {
	color: #999;
	font-size: 11px;
	line-height: 20px;
}

.tara-panel-wrapper .tara-archive .tara-product-sm,
.tara-panel-wrapper .tara-category-widget .tara-category-box {
	box-shadow: none;
	border: 1px solid #f8f9fa;
	border-bottom: 2px solid #f8f9fa;
}

.tara-panel-wrapper .tara-archive .tara-product-sm:hover,
.tara-panel-wrapper .tara-category-widget .tara-category-box:hover {
	border-bottom: 2px solid #fea000;
}

.tara-panel-wrapper .tara-archive .tara-product-sm .item-image {
	height: 101px;
}

.tara-panel-wrapper .tara-wallet-changes.slimscroll {
	height: 156px !important;
}

/* social */
.tara-panel-social-icons .icon-telegram {
    background: #1cade0;
}

.tara-panel-social-icons .icon-instagram {
	background: #c14574;
    background: -webkit-linear-gradient(to left,#cd2e97,#c14574);
    background: linear-gradient(to left,#cd2e97,#c14574);
}

.tara-panel-social-icons .icon-telegram:before,
.tara-panel-social-icons .icon-instagram:before {
	display: block;
	float: right;
	font-size: 17px;
	line-height: 24px;
	margin-left: 5px;
}

.tara-panel-social-icons .icon-telegram:hover,
.tara-panel-social-icons .icon-instagram:hover {
	opacity: 0.8;
}

/* upload */
.tara-image-preview .avatar {
	width: 150px;
	height: 150px;
}

.tara-image-preview .thumbnail {
	width: 180px;
	height: 180px;
}

.tara-image-preview .cover {
	width: 100%;
	height: auto;
	max-height: 300px;
}

.tara-ftp-upload-holder {
	position: relative;
	overflow: hidden;
}

.tara-ftp-upload-holder input[type="file"] {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 99;
}

/* tables */
.tara-table thead,
.tara-orders-wrapper table thead {
	background: #fea000;
}

.tara-table tr > th,
.tara-orders-wrapper table tr > th {
	min-width: 80px;
	padding: 0.5rem;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
}

.tara-table tr > th.sm {
	width: 80px;
}

.tara-table tr > th.md {
	width: 140px;
}

.tara-table tr > th.lg {
	min-width: 240px;
}

.tara-table tbody tr > th,
.tara-table tr > td,
.tara-orders-wrapper table tbody tr > th,
.tara-orders-wrapper table tr > td {
	padding: 0.5rem;
	color: #444;
	font-size: 12px;
	font-weight: 400;
}

.tara-table tbody tr > th,
.tara-table tbody tr > td,
.tara-orders-wrapper table tbody tr > th,
.tara-orders-wrapper table tbody tr > td {
	border-bottom: 1px solid #eee;
}

.tara-panel-wrapper .woocommerce-table a,
.tara-panel-wrapper .woocommerce-orders-table a,
.tara-panel-wrapper .tara-table .title {
    color: #444;
    font-weight: 600;
}

.tara-panel-wrapper .woocommerce-table a:hover,
.tara-panel-wrapper .woocommerce-orders-table a:hover,
.tara-panel-wrapper .tara-table .title:hover {
	color: #fea000;
	text-decoration: none;
}

/* tickets */
.tara-panel-wrapper .tara-ticket-table .details {
    font-size: 11px;
    color: #666;
}

.tara-ticket-content .meta .badge,
.tara-panel-wrapper .tara-ticket-table .badge {
	min-width: 60px;
    padding: 1px 8px;
    font-size: 11px;
	font-weight: 400;
    line-height: 20px;
}

.tara-ticket-content .ticket-header .meta {
	background: #fafafa;
}

.tara-ticket-content .ticket-header .meta .t {
	font-weight: bold;
}

.tara-ticket-content .ticket-header .meta .v.date {
	line-height: 32px;
}

.tara-ticket-content .ticket-reply .top-bar {
    background: #fea000;
}

.tara-ticket-content .ticket-reply .top-bar .user img {
	width: 40px;
	height: 40px;
}

.tara-ticket-content .ticket-reply .top-bar .date {
    margin: 8px 10px 8px 0px;
    font-size: 12px;
}

#tara_new_ticket_form .form-group.gzl {
	display: none;
}

.ticket-attaches-placeholder {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 100px;
    margin: 0 0 8px;
    padding: 5px;
    background: #f8f8f8;
    border: 2px dashed #ddd;
}

.ticket-attaches-placeholder .placeholder {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -12px;
    font-size: 24px;
    font-weight: 200;
    color: #ccc;
    text-align: center;
	z-index: 1;
}

.ticket-attaches-placeholder > a {
    display: block;
	position: relative;
	overflow: hidden;
    float: right;
	width: 105px;
	height: 105px;
	margin: 3px;
	padding: 2px;
	background: #fff;
	border-radius: 2px;
	z-index: 5;
}

.ticket-attaches-placeholder > a > img {
    display: block;
	width: 100%;
	height: 100%;
}

.ticket-attaches-placeholder > a > .fas {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #ff1829;
	background: rgba( 255, 255, 255, 0.7 );
	font-size: 50px;
	line-height: 110px;
	text-align: center;
	cursor: pointer;
	filter: Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ticket-attaches-placeholder > a:hover > .fas {
	filter: Alpha(Opacity=100);
	opacity: 1;
}

.tara-attach-upload-holder {
	position: relative;
	overflow: hidden;
}

.tara-attach-upload-holder input[type="file"] {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 99;
}

.tara-attach-upload-progress .progress {
    height: 3px;
    border-radius: 0;
}

/* bookmarks */
.tara-bookmark-table .tara-tool {
	display: block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	color: #fff;
	background-color: #eee;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.tara-bookmark-table .tara-tool .ion {
	font-size: 17px;
	line-height: 34px;
}

.tara-bookmark-table .bookmarked .ion {
	color: #cc3333;
}

.tara-bookmark-table .tara-tool:hover {
	background-color: #fea000;
}

.tara-bookmark-table .added_to_cart {
	display: none;
}

/* orders */
.tara-orders-wrapper > h2 {
	display: none;
}

.tara-orders-wrapper table,
.tara-orders-wrapper tr > th,
.tara-orders-wrapper tr > td {
	border: 0;
}

.tara-panel-wrapper .woocommerce-orders-table .button {
	margin: 0.15rem;
}

.tara-panel-wrapper .woocommerce-table th.product-image {
	width: 80px;
}

/* upgrade */
.verify-identity-help .btn {
	white-space: nowrap;
}

.verify-identity-help .btn .icon:before {
    display: block;
    font-size: 16px;
    line-height: 24px;
}

/* medals */
.tara-user-medals-widget .progress {
	height: 5px;
}

.tara-user-medals-widget .progress .progress-bar {
	background: #2193b0;
	background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
	background: linear-gradient(to right, #6dd5ed, #2193b0);
}

/* plans */
.tara-frequent-questions-wrapper .card-header .icon {
	font-size: 15px;
	line-height: 30px;
}

/* questions */
.tara-panel-social-icons .icon-telegram {
    background: #1cade0;
}

/* draft button */
.tara-panel-wrapper .tara-save-draft-col {
	max-width: 120px;
}

/* chapters and lessons */
.tara-panel-wrapper .tara-chapter-image-col {
	max-width: 64px;
}

.tara-panel-wrapper .chapter-item .chapter-image {
	width: 64px;
	height: 64px;
}

.tara-panel-wrapper .lesson-item .lesson-option .btn,
.tara-panel-wrapper .chapter-item .chapter-options .btn {
	line-height: 20px;
}

/* social login */
.wp-social-login-provider {
    display: block;
    padding: 8px 12px;
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	background-color: #fff;
    color: #4d4d4d;
}

.wp-social-login-provider:hover,
.wp-social-login-provider:focus{
	background-color: #ebebeb;
	border-color: #ababab;
	text-decoration:none
}

.wp-social-login-provider-google {
	background: #fff;
	color: #777;
	border: 1px solid #e7e7e7;
	box-shadow: 0 3px 5px rgba( 227, 227, 227, 0.4 );
}

.wp-social-login-provider-google:hover,
.wp-social-login-provider-google:focus {
	background: #fff;
	color: #777;
	border: 1px solid #e7e7e7;
	box-shadow: 0 3px 8px rgba( 227, 227, 227, 0.4 );
}

/**
 * COUNTDOWN
 */
.counter-box {
	display: block;
	position: relative;
    margin: 5px 0;
	padding-right: 40px;
}

.counter-box .icon {
	position: absolute;
	right: 15px;
	top: 0;
}

.counter-box .icon:before {
	display: block;
	font-size: 30px;
	line-height: 40px;
}

.tara-countdown {
    display: block;
    text-align: center;
	direction: ltr;
}

.tara-countdown .countdown-section {
	display: inline-block;
	text-align: center;
	margin: 0 3px;
	padding: 0 5px;
	border-right: 1px dashed #f8f9fa;
}

.tara-countdown .countdown-section:last-child {
	border-right: 0;
}

.tara-countdown .countdown-amount {
	display: block;
	overflow: hidden;
	width: 45px;
	color: #4d4d4d;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.tara-countdown .countdown-period {
	display: block;
	font-size: 10px;
	line-height: 10px;
	color: #6c757d;
}

.tara-countdown .countdown-section:hover .countdown-amount {
	color: #fff;
	background: #fea000;
}

/**
 * WIDGETS
 */
.tara-widget .widget-title {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}

.tara-widget .widget-title:not(.icon):after {
	content: "";
	float: left;
	width: 20px;
	height: 4px;
	margin: 11px 10px 0 0;
	background-color: #fea000;
	border-radius: 1rem;
}

.tara-contact-widget .icon:before {
	display: block;
	float: right;
	margin-left: 10px;
	line-height: 22px;
}

.tara-about-widget .icon {
	font-size: 20px;
}

.tara-namad-slider .swiper-pagination {
	display: block;
	clear: both;
	position: relative;
	bottom: 0;
	margin: 20px 0 0;
}

.tara-product-fixed-widget {
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 99;
}

.tara-product-fixed-widget .added_to_cart {
	display: none !important;
}

.tara-product-fixed-widget .code-col,
.tara-product-fixed-widget .view-col {
	width: 80px;
	max-width: 80px;
	border-left: 2px dashed #fff;
}

.tara-product-fixed-widget .price-col {
	width: calc(100% - 160px);
	max-width: calc(100% - 160px);
	position: inherit;
}

.tara-product-fixed-widget .price-col .btn {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	color: #fff !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding-right: 160px !important;
	white-space: nowrap;
	overflow: hidden;
	padding-top: 20px;
}

/* OFFERS WIDGET */
.tara-offers-slider-wrapper .tara-offers-box {
    box-shadow: 0 3px 15px rgba( 0, 0, 0, 0.07 );
}

.tara-offers-slider-wrapper .swiper-button-next,
.tara-offers-slider-wrapper .swiper-button-prev {
	display: block;
	overflow: hidden;
	top: 10px;
	right: 10px;
	left: auto;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 4px;
	background: #f1f1f1;
	-webkit-mask-image: none;
	mask-image: none;
	border-radius: 3px;
}

.tara-offers-slider-wrapper .swiper-button-prev {
	right: 55px;
}

.tara-offers-slider-wrapper .swiper-button-next .icon,
.tara-offers-slider-wrapper .swiper-button-prev .icon {
	display: block;
	width: 32px;
	height: 32px;
	background-color: #999;
	-webkit-mask-image: url(../img/icon-right.svg);
	mask-image: url(../img/icon-right.svg);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.tara-offers-slider-wrapper .swiper-button-prev .icon {
	-webkit-mask-image: url(../img/icon-left.svg);
	mask-image: url(../img/icon-left.svg);
}

.tara-offers-slider .tara-product-offer .sale-badge {
	top: 0;
	right: 180px;
	border-radius: 0 0 1rem 1rem;
}

.tara-offers-slider .tara-product-offer .item-image {
	height: 250px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tara-offers-slider .tara-product-offer .item-title {
	font-size: 14px;
	line-height: 24px;
}

.tara-offers-slider .tara-product-offer .item-title > a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #4d4d4d;
}

.tara-offers-slider .tara-product-offer .item-meta {
	color: #666;
	font-size: 11px;
	line-height: 24px;
}

.tara-offers-slider .tara-product-offer .item-meta.icon:before {
	display: block;
	float: right;
	margin-left: 5px;
	font-size: 16px;
	line-height: 24px;
}

.tara-offers-slider .tara-product-offer .item-vendor {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	font-size: 11px;
	line-height: 32px;
}

.tara-offers-slider .tara-product-offer .item-vendor img {
	width: 32px;
	height: 32px;
}

.tara-offers-slider .tara-product-offer .item-purchase {
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	font-size: 11px;
	line-height: 24px;
	text-align: center;
}

.tara-offers-slider .tara-product-offer .added_to_cart {
	display: none;
}

.tara-offers-slider .tara-product-offer .border-top {
	border-color: #fafafa !important;
}

/**
 * 404
 */
.page-404 .title-404 {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.6em;
}

.page-404 svg {
	display: block;
	width: 380px;
	height: 500px;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.page-404 .path-1,
.page-404 .path-2,
.page-404 .path-3,
.page-404 .path-4,
.page-404 .path-5 {
  animation: oyna 1s infinite ease-in-out alternate;
}

.page-404 .path-2 {
  animation-delay: .2s;
}

.page-404 .path-3 {
  animation-delay: .4s;
}

.page-404 .path-4 {
  animation-delay: .6s;
}

.page-404 .path-5 {
  animation-delay: .8s;
}

@-webkit-keyframes oyna {
	100% { transform: translateY(20px); }
}

@-moz-keyframes oyna {
	100% { transform: translateY(20px); }
}

@-o-keyframes oyna {
	100% { transform: translateY(20px); }
}

@-ms-keyframes oyna {
	100% { transform: translateY(20px); }
}

@keyframes oyna {
	100% { transform: translateY(20px); }
}

/* CART WIDGET */
.widget_shopping_cart .cart_list li {
	padding-left: 2em;
	padding-right: 0;
}

.product_list_widget li {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.product_list_widget li:before,
.widget_shopping_cart .cart_list li:before {
	content: none !important;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
	margin: 5px 0;
	text-align: right;
	border-bottom: 1px solid #eee;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
	color: #444 !important;
	font-size: 12px;
	line-height: 24px;
	white-space: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
	top: 5px;
	right: auto;
	left: 0;
	height: 16px;
	width: 16px;
	color: #fff!important;
	background: #fea000;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
	float: right;
	width: 40px;
	margin: 4px 0 0 4px;
}

.woocommerce ul.cart_list li .quantity {
	float: left;
	color: #959ba8;
	font-size: 12px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 5px 0 0;
	font-size: 12px;
	text-align: center;
	border: 0;
}

.woocommerce .widget_shopping_cart .buttons,
.woocommerce.widget_shopping_cart .buttons {
	display: block;
	clear: both;
	margin: 10px 0 0;
	padding: 10px 0 0;
	font-size: 12px;
	text-align: center
}

.woocommerce .widget_shopping_cart .buttons a.checkout,
.woocommerce.widget_shopping_cart .buttons a.checkout {
	color: #fff;
	background-color: #00a022;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: .175rem .75rem;
	line-height: 24px;
	height: auto;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
	color: #fff !important;
    background-color: #5ec37d !important;
    border: 1px solid #5ec37d !important;
	border-radius: .25rem;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #5ec37d !important;
	border-color: #5ec37d !important;
    color: #fff !important;
}

.purchase-product-widget .single_add_to_cart_button,
.app-product-slide .single_add_to_cart_button,
.tara-purchase-btn .single_add_to_cart_button {
	display: block !important;
	width: 100% !important;
	padding: 1rem!important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	color: #fff;
    background-color: #41ad62;
    border-color: #41ad62;
}

.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
	outline: 0;
	box-shadow: 0;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	display: block;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	padding: .175rem .75rem;
	color: #fff;
}

/**
 * WC
 */
.woocommerce .quantity .qty {
	width: 70px;
}

.woocommerce .purchase-product-widget .quantity .qty,
.woocommerce .app-product-slide .quantity .qty,
.woocommerce .tara-purchase-btn .quantity .qty {
	display: block;
	width: 100%;
	margin-bottom: 3px;
}

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
    display: block;
	float: none !important;
    width: 100%;
    max-width: 100%;
	padding: 0;
}

.woocommerce form .form-row {
	display: block;
	float: none;
	width: 100%;
	margin: 0 0 1rem;
	padding: 0 10px;
}

.woocommerce form .form-row label {
	display: block;
    line-height: 22px;
}

.woocommerce form .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
	clear: both;
	float: none;
}

.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
    display: block;
	float: none !important;
    width: 100%;
    max-width: 100%;
	padding: 0;
}

.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden;
	pointer-events: none;
}

.woocommerce-MyAccount-navigation ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-MyAccount-navigation ul a {
	display: block;
	padding: 5px 8px;
	color: #444;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: .25rem;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.woocommerce-MyAccount-navigation ul a:hover {
	color: #fea000;
}

.woocommerce-MyAccount-navigation ul .is-active a {
    color: #fff;
    background: #fea000;
}

.woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-content {
	display: block;
	width: 100%;
	float: none;
}

.woocommerce-MyAccount-content .col-1.woocommerce-Address,
.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2 {
	display: block;
    width: 100%;
    max-width: 100%;
}

.woocommerce-MyAccount-content h3 {
	display: none;
}

.woocommerce-MyAccount-content .woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

.woocommerce-account .addresses .title .edit {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 0 5px;
	color: #000;
	background-color: #eee;
	line-height: 22px;
	border-radius: .25rem;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.woocommerce-account .addresses .title .edit:hover,
.woocommerce-account .addresses .title .edit:focus {
	color: #fff;
	background: #fdac25;
}

.woocommerce table.shop_table thead {
	background: #fff;
}

.woocommerce table.variations,
.woocommerce table.variations tr > th,
.woocommerce table.variations tr > td,
.woocommerce table.shop_table,
.woocommerce table.shop_table tr > th,
.woocommerce table.shop_table tr > td {
	padding: 0.5rem;
	font-size: 12px;
	font-weight: 400;
	border: 0;
}

.woocommerce table.variations thead tr > th,
.woocommerce table.variations thead tr > td,
.woocommerce table.shop_table thead tr > th,
.woocommerce table.shop_table thead tr > td {
	color: #201e1e;
}

.woocommerce table.variations tbody tr > th,
.woocommerce table.variations tr > td,
.woocommerce table.shop_table tbody tr > th,
.woocommerce table.shop_table tr > td {
	padding: 0.5rem;
	color: #444;
	font-size: 12px;
	font-weight: 400;
	border: 0;
}

.woocommerce table.variations tbody tr > th,
.woocommerce table.variations tbody tr > td,
.woocommerce table.shop_table tbody tr > th,
.woocommerce table.shop_table tbody tr > td {
	border: 0;
	border-bottom: 1px solid #eee;
}

.woocommerce table.shop_table th.product-remove {
    width: 34px;
}

.woocommerce table.shop_table th.product-thumbnail {
	width: 48px;
}

.woocommerce table.shop_table .product-name a {
	color: #444;
}

.woocommerce-thankyou-order-received {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: .25rem;
}

.woocommerce ul.order_details {
	display: block;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

.woocommerce ul.order_details li {
	font-size: 12px;
	line-height: 22px;
	border-left: 1px dashed #fea000;
}

.woocommerce ul.order_details li strong {
    font-size: 12px;
    line-height: 22px;
}

.woocommerce .woocommerce-customer-details address {
    border: 0;
    border-radius: 0.25rem;
    padding: 10px;
    background: #fafafa;
}

.woocommerce form.cart a.added_to_cart,
.woocommerce table.variations a.reset_variations {
	display: block;
	margin: 5px 0 0;
	padding: 0;
	color: #fea000;
	background-color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #fea000;
	border-radius: .25rem;
	transition: all .2s ease-in-out;
}

.woocommerce form.cart a.added_to_cart:hover,
.woocommerce table.variations a.reset_variations:hover {
	color: #fff;
	background-color: #fea000;
}

.tara-product-offer del,
.tara-archive .tara-product del,
.tara-product-fixed-widget del,
.woocommerce-variation-price .price del,
.tara-purchase-product-widget del {
	color: #cc3333;
	text-decoration: line-through;
}

.tara-product-offer ins,
.tara-archive .tara-product ins,
.tara-product-fixed-widget ins,
.woocommerce-variation-price .price,
.woocommerce-variation-price .price ins,
.tara-purchase-product-widget ins {
	text-decoration: none;
}

.woocommerce table.shop_attributes {
	border-top: 0;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
	border-left: 0;
	border-right: 0;
}

/**
 * STEPS
 */
.tara-progress-bar .step-item:before {
    content: " ";
    display: block;
    position: absolute;
    height: 2px;
    right: 0;
	left: 0;
    bottom: 10px;
    background: rgb(255, 164, 48);
	z-index: 1;
}

.tara-progress-bar .step-item .num {
    width: 20px;
    height: 20px;
    background: rgb(255, 164, 48);
	z-index: 2;
}

.tara-progress-bar .step-item .txt {
    color: rgb(255, 164, 48);
}

.tara-progress-bar .step-item.active ~ .step-item {
	color: #eee;
}

.tara-progress-bar .step-item.active ~ .step-item .txt {
    color: #666;
}

.tara-progress-bar .step-item.active ~ .step-item:before,
.tara-progress-bar .step-item.active ~ .step-item .num {
    background: #eee;
}



/* start mohammadian css */
.app-cart-popup p.woocommerce-mini-cart__buttons.buttons {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex !important;
    flex-direction: column;
}

.app-cart-popup{
	overflow: hidden;
}

ul.woocommerce-mini-cart.cart_list.product_list_widget {
    height: calc(100vh - 270px);
    overflow-y: auto;
    padding: 0 0 0 10px;
}


.woocommerce-cart-form__contents td.product-thumbnail {
    width: 100px;
}

.woocommerce-cart-form__contents td.product-thumbnail img {
    width: 100% !important;
}

.woocommerce-cart-form__contents  a.remove {
    background: #eee;
    color: #aaa !important;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.woocommerce-cart-form__contents .coupon input {
    width: 160px !important;
    height: 40px;
}

.woocommerce-cart-form__contents td.actions{
	background-color: #eee;
}

.woocommerce-cart-form__contents td.actions button {
    height: 40px !important;
}

.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item.cart_item span.woocommerce-Price-amount.amount bdi {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
}

.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item.cart_item span.woocommerce-Price-amount.amount bdi span {
    font-size: 13px;
    margin-top: 6px;
}

.woocommerce-cart-form__contents th.product-price,
.woocommerce-cart-form__contents th.product-quantity,
.woocommerce-cart-form__contents th.product-subtotal {
    text-align: center;
}

.woocommerce-cart .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item.cart_item td.product-quantity input {margin: auto !important;}

.woocommerce-cart table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th {
    padding: 18px 0;
}

.woocommerce-cart .wc-proceed-to-checkout .button {
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 !important;
}

/* end mohammadiani css */

@media( max-width: 768px ) {
	.tara-panel-wrapper .woocommerce-table th.product-image,
	.tara-panel-wrapper .woocommerce-table td.product-image {
		display: none;
	}
}

@media( max-width: 400px ) {
	.tara-archive .tara-blog .media-img {
		display: none;
	}
}

/**
 * SEARCH PAGE
 */
@media( min-width: 992px ) {
	.app-search-page-wrapper .slimScrollBar,
	.app-search-page-wrapper .slimScrollRail {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

@media( max-width: 991px ) {
	.tara-search-page-header .filter-col {
		width: 80px;
		max-width: 80px;
	}

	.tara-search-page-header .input-col {
		width: calc(100% - 80px);
		max-width: calc(100% - 80px);
	}

	.app-search-page-wrapper {
		position: fixed;
		right: -250px;
		top: 0;
		bottom: 0;
		width: 250px;
		padding: 15px;
		background-color: #fff;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		z-index: 9999;
	}

	.app-search-page-wrapper.open {
		right: 0;
	}
}

.tara-search-page-header .search-input-group {
	border: 1px solid #ccc;
}

.tara-search-page-header .search-input-group:hover,
.tara-search-page-header .search-input-group:focus {
	border-color: #fea000;
}

.tara-search-page-header .search-input-group .form-control {
	padding: 15px 20px 15px 0;
}

.tara-search-page-header .search-input-group .form-control:focus {
	box-shadow: none;
}

.tara-search-page-header .search-input-group .search-btn {
	width: 54px;
	height: 54px;
	fill: #4d4d4d;
	padding: 11px;
}

.tara-search-page-header .app-search-filter-btn svg {
	pointer-events: none;
}

.tara-filters-widget .category-item {
	padding-left: 15px;
}

.tara-filters-widget .category-item .toggle {
	display: block;
	left: 0;
	top: 0;
	color: #777;
	font-size: 20px;
	line-height: 15px;
}

.tara-filters-widget .category-item .childs {
	display: none;
	padding-right: 15px;
}

.tara-filters-widget .category-item.open .childs {
	display: block;
}

/**
 * SIMPLE LOGIN FORM
 */

/**
 * RESPONSIVE
 */
@media( max-width: 991px ) {
	.app-header-menu .site-logo {
		height: 32px;
		object-fit: contain;
	}

	.app-header-intro {
		padding-top: 175px;
	}

	.page-header {
		padding-top: 150px;
	}

	.page-header.mini {
		padding-top: 100px;
	}

	body.nnf .page-header {
		padding-top: 80px;
	}

	.app-cart-popup {
		width: 500px;
	}

	.app-cart-popup.hide {
		right: -500px;
	}
}

@media( max-width: 767px ) {
	.app-notification .text-col {
		max-width: calc( 100% - 54px );
	}

	.app-footer .footer-nav {
		text-align: center !important;
	}

	.app-panel-content {
		padding-right: 30px;
	}

	.app-panel-content .dashboard-menu {
		position: fixed;
		right: -250px;
		z-index: 999;
	}

	.app-home-tabs .app-tabs-nav .nav-link {
		padding: 6px 12px;
	}

	.app-product-tabs .nav .nav-link {
		min-width: 50px;
		font-size: 12px !important;
	}

	.app-product-tabs .nav .nav-item {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: center;
	}

	.app-cart-popup {
		width: 400px;
	}

	.app-cart-popup.hide {
		right: -400px;
	}
}

@media( max-width: 500px ) {
	.app-footer .footer-nav li {
		display: block;
		padding: 5px 0;
	}

	.app-cart-popup {
		width: 350px;
	}

	.app-cart-popup.hide {
		right: -350px;
	}

	.login-page-wrapper .go-back-link {
		width: 60px;
	}
}

@media( max-width: 450px ) {
	.app-header-menu .app-search-btn,
	.app-header-menu .app-basket-btn {
		margin: 0 5px;
		padding: 0;
	}

	.app-header-menu .app-basket-btn:after {
		left: -5px;
	}

	.app-header-menu .login-btn {
		margin: 0 5px;
		padding: 4px 5px;
	}

	.app-header-menu .register-btn {
		padding: 4px 5px;
	}

	.app-header-menu .header-nav {
		height: 50px;
	}

	.app-mini-products .product-item .item-off,
	.app-products-archive .archive-item .item-off {
		right: 0;
	}
}


/* start mohammadiani css */

.tara-show-history-download a.tara-btn-dl {
    background: #5c5c5c;
    display: none;
	margin-bottom: 16px;
    margin-top: 16px;
    text-align: center;
    padding: 8px;
    border-radius: 4px;
    color: #fff;
}

.tara-show-history-download h3.tara-box-title.icon.icon-presentation.sm.mb-3:before {
    display: none;
}

.tara-show-history-download h3.tara-box-title.icon.icon-presentation.sm.mb-3 {
    border: 0;
}

.tara-show-history-download {
    border: 1px solid #dee2e6;
    margin-bottom: 20px;
    padding: 10px;
	cursor: pointer;
    border-radius: 5px;
}


.tara-show-history-download h3 {
    color: #626262;
    font-weight: 400;
	margin: 0 !important;
}

.filter__title>span:first-of-type {
  vertical-align:middle;
  display:inline-block;
  width:20px;
  height:20px
}
.filter__title>span:last-of-type {
  font-size:16px;
  font-size:1rem;
  color:grey;
  padding-right:5px;
  line-height:28px
}
.filter__title svg {
  width:100%;
  height:100%
}
.filter__list--color {
  font-size:0
}
.filter__list--color>.filter__list-item {
  display:inline-block;
  border:none;
  margin:6px
}
.filter__list--color>.filter__list-item>div {
  padding:0
}
.filter__list-item {
  position:relative;
  padding:4px 0
}
.filter__list-item--icon {
  padding:10px 0
}
.filter__list-item>div.filter__checkbox.filter__checkbox--centerd>.filter__checkmark,
.filter__list-item>div.filter__checkbox.filter__checkbox--centerd>input {
  top:50%!important;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
.filter__list-item--haschild.active>span:after {
  -webkit-transform:translate(50%,-50%) rotate(0deg);
  -ms-transform:translate(50%,-50%) rotate(0deg);
  transform:translate(50%,-50%) rotate(0deg)
}
.filter__list-item--haschild.active>ul {
  display:block
}
.filter__list-item--haschild>ul {
  display:none
}
.filter__list-item>a {
  display:block;
  font-size:.875rem;
  width:100%;
  padding:5px 7px;
  color:#95989a;
  -webkit-transition:all .15s;
  -o-transition:all .15s;
  transition:all .15s
}
.filter__list-item>a.active {
  background:#f7f7f7
}
@media only screen and (min-width:1051px) {
  .filter__list-item>a:hover {
    color:#fea000
  }
}
.filter__list-itemplus {
  position:absolute;
  left:0;
  top:12px;
  width:20px;
  height:20px;
  cursor:pointer;
  -webkit-transform:translate(50%,-50%);
  -ms-transform:translate(50%,-50%);
  transform:translate(50%,-50%);
  z-index:10
}
.filter__list-itemplus:after,
.filter__list-itemplus:before {
  content:"";
  position:absolute;
  width:12px;
  height:2px;
  background-color:#b3b3b3;
  border-radius:2px;
  top:50%;
  left:50%;
  margin-top:-1px;
  margin-left:-6px;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  -o-transition:transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}
.filter__list-itemplus:hover:after,
.filter__list-itemplus:hover:before {
  background-color:#fea000
}
.filter__list-itemplus:after {
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg)
}
.filter__list-item--haschild.active .filter__list-itemplus:after {
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg)
}
.filter__single:not(:first-child) {
  margin-top:1.875rem;
  padding-top:1.875rem;
  border-top:1px solid #e6e6e6
}
.p-0 {
  padding:0!important
}
.header__errornotif {
  display: none;
  background-color: #ff6481;
  color: #fff;
  font-size: 18px;
  font-size: 0.945rem;
  line-height: 1;
  text-align: center;
  -webkit-transition: padding .4s ease-in-out,margin .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;
  transition: padding .4s ease-in-out,margin .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;
  -o-transition: padding .4s ease-in-out,box-shadow .4s ease-in-out,margin .4s ease-in-out;
  transition: padding .4s ease-in-out,box-shadow .4s ease-in-out,margin .4s ease-in-out;
  transition: padding .4s ease-in-out,box-shadow .4s ease-in-out,margin .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;
  -webkit-box-shadow: inset 0 5px 10px 0 rgba(0,0,0,.16);
  box-shadow: inset 0 5px 10px 0 rgba(0,0,0,.16);
  padding: 18px 0;
  display: block;
  position: fixed;
  -webkit-box-shadow: inset 0 4px 10px 0 rgba(0,0,0,.16);
  box-shadow: inset 0 4px 10px 0 rgba(0,0,0,.16);
  top: 83px;
  width: 100vw;
  right: 0;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.min-w-\[195px\] {
  min-width: 195px;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-\[195px\] {
  max-width: 195px;
}
.max-w-\[300px\] {
  max-width: 300px;
} 
.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}
 
.hero-section {
  padding:80px 20px;
  text-align:center
}
.hero-title {
  font-size:36px;
  font-weight:700;
  color:#243238;
  position:relative
}
.hero-title::before {
  content:'';
  position:absolute;
  top:27px;
  right:88px;
  width:6px;
  height:6px;
  background:#ffc107;
  border-radius:50%
}
.hero-description {
  font-size:16px;
  font-weight:300;
  color:#243238;
  padding-top:2px
}
.hero-search-box {
  width:100%
}
.hero-search-box-holder {
  width:100%;
  max-width:670px;
  height:65px;
  background:#F5F5F5;
  margin:40px 0 15px;
  border-radius:12px;
  cursor:text
}
.search-trends-words {
  font-size:13px;
  gap:7px;
  font-weight:300
}
.search-trends-words-label {
  color:#243238;
  font-weight:400
}
.search-trends-words-label svg {
  width:14px;
  height:14px;
  color:#54667a;
  margin-top:5px;
  float:right;
  margin-left:3px;
  opacity:0.5
}
.search-trends-words-list {
  color:#78747e;
  column-gap:15px;
  row-gap:5px
}
.search-trends-words-list > a {
  display:flex;
  flex-direction:row;
  align-items:center
}
.search-trends-words-list > a > svg {
  width:12px;
  height:12px;
  margin-left:5px
}
.search-trends-words-list a:hover {
  color:#ff4f5d
}
.search-trends-words-list .words-separator {
  padding:0 1px 0 2px
}
.hero-search-box-holder svg {
  width:20px;
  height:20px;
  position:absolute;
  top:23px;
  left:22px;
  color:#b5b5b5;
  pointer-events:none;
  opacity:0.8
}
.hero-search-box-holder span {
  font-size:16px;
  position:absolute;
  top:18px;
  right:27px;
  pointer-events:none;
  color:#646464;
  font-weight:300;
  opacity:0.7
}
@media screen and (max-width:900px) {
  .hero-title {
    font-size:24px
  }
  .hero-description {
    font-size:14px
  }
  .hero-title::before {
    display:none
  }
}
@media screen and (max-width:700px) {
  .hero-title {
    font-size:24px;
    padding-bottom:6px;
    max-width:290px
  }
  .hero-description {
    font-size:14px;
    max-width:395px
  }
  .hero-section {
    padding:40px 20px
  }
  .hero-search-box-holder {
    height:50px
  }
  .hero-search-box-holder span {
    font-size:14px;
    top:13px
  }
  .hero-search-box-holder svg {
    width:18px;
    height:18px;
    top:16px;
    left:19px
  }
}
.products-tabs.loading .products-tabs-contents {
  display:none!important
}
.products-tabs.loading .products-tabs-items {
  pointer-events:none
}
.products-tabs-loading {
  display:none
}
.products-tabs.loading .products-tabs-loading {
  display:flex
}
.products-tabs-loading-item {
  width:137px;
  height:137px
}
.products-tabs-loading-item i {
  width:117px;
  height:117px;
  background:#f3f3f3;
  border-radius:4px;
  background:linear-gradient(to right,#f3f3f3 10%,#ededed 18%,#f3f3f3 33%);
  background-size:800px 104px;
  animation:placeHolderShimmer 2s linear 0s infinite
}
@keyframes placeHolderShimmer {
  0% {
    background-position:468px 0
  }
  100% {
    background-position:-468px 0
  }
}
.products-tabs {
  position:relative;
  z-index:9
}
.products-tabs-items {
  border:solid 1px #eceef2;
  border-radius:5px;
  margin:0 12px 21px
}
.products-tabs-item {
  flex:1;
  cursor:pointer;
  padding:16px 0;
  gap:4px;
  opacity:0.7;
  height:59px
}
.products-tabs-item svg {
  width:18px;
  height:18px;
  position:relative
}
.products-tabs-item span {
  font-size:15px;
  position:relative;
  white-space:nowrap
}
.products-tabs-contents.show {
  display:flex;
  animation:pTabShow 0.3s ease 0s forwards
}
.products-tabs-item.active {
  opacity:1
}
@keyframes pTabShow {
  to {
    opacity:1;
    transform:scale(1)
  }
}
.products-tabs-contents-item-wrapper {
  width:137px;
  height:137px;
  position:relative
}
.products-tabs-contents-item {
  width:115px;
  height:115px;
  background:#ffffff;
  box-shadow:0 6px 21px rgb(82 85 90 / 15%);
  border-radius:8px
}
.products-tabs-contents-item:hover {
  box-shadow:0 6px 21px rgb(82 85 90 / 18%)
}
.products-tabs-contents-item img {
  width:80px;
  height:80px;
  display:block;
  -webkit-user-drag:none;
  pointer-events:none
}
.products-tabs-item::after {
  content:'';
  position:absolute;
  bottom:-1px;
  left:50%;
  right:50%;
  height:1px;
  background:#ff4f5d;
  transition:all 0.2s ease
}
.products-tabs-item::before {
  content:'';
  position:absolute;
  top:0;
  right:50%;
  left:50%;
  bottom:0;
  background:rgba(255,193,7,0.03)
}
.products-tabs-item.active {
  color:#ff4f5d
}
.products-tabs-item.active::after {
  left:10px;
  right:10px
}
.products-tabs-item.active::before {
  animation:tabItemBefore 1s ease 0s forwards
}
@keyframes tabItemBefore {
  0% {
    right:50%;
    left:50%;
    background:rgba(255,7,85,0.03)
  }
  50% {
    right:0%;
    left:0%
  }
  100% {
    background:transparent
  }
}
.products-tabs-view-more {
  margin:20px 0 10px;
  width:100%
}
.products-tabs-view-more a {
  font-size:14px;
  padding:8px 34px 8px 28px;
  display:flex;
  margin:11px 0;
  gap:6px;
  border-radius:4px;
  background:#fff;
  box-shadow:0 6px 21px rgb(82 85 90 / 15%);
  user-select:none
}
.products-tabs-view-more a:hover {
  transform:scale(1.05)
}
.products-tabs-view-more a svg {
  width:14px;
  height:14px;
  opacity:0.5
}
.products-tabs-view-more a span {
}
@media screen and (max-width:1000px) {
  .products-tabs-item span {
    display:none
  }
  .products-tabs-items {
    width:266px;
    margin-right:auto;
    margin-left:auto
  }
}
.products-tabs-contents-item > .product-item-percent {
  transform:scale(0.8);
  top:-21px;
  left:-21px
}
.products-popup-container {
  position:absolute;
  top:-240px;
  background:#ffffff;
  z-index:99;
  width:400px;
  box-shadow:0 0 40px rgba(82,85,90,0.2);
  border-radius:6px;
  pointer-events:none
}
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(1) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(2) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(3) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(4) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(5) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(11) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(12) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(13) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container {
  left:auto;
  right:142px
}
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(6) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(7) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(8) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(9) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(10) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(16) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(17) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(18) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(19) > .products-popup-container,
.products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(20) > .products-popup-container {
  left:142px;
  right:auto
}
@media screen and (max-width:1399px) {
  .products-tabs-items {
    max-width:500px;
    margin-right:auto;
    margin-left:auto
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(19),
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(20) {
    display:none
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(1) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(2) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(3) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(4) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(5) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(6) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(10) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(11) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(12) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(13) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container {
    left:auto;
    right:142px
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(7) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(8) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(9) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(16) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(17) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(18) > .products-popup-container {
    left:142px;
    right:auto
  }
}
@media screen and (max-width:1262px) {
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(17),
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(18) {
    display:none
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(1) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(2) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(3) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(4) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(9) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(10) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(11) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(12) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container {
    left:auto;
    right:142px
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(5) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(6) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(7) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(8) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(13) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(14) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(15) > .products-popup-container,
  .products-tabs-contents > .products-tabs-contents-item-wrapper:nth-child(16) > .products-popup-container {
    left:142px;
    right:auto
  }
}
@media screen and (max-width:1125px) {
  .products-popup-container {
    display:none!important
  }
  .products-tabs-contents > .products-tabs-contents-item-wrapper {
    display:flex!important
  }
}
.products-tabs-empty {
  gap:8px;
  padding:60px 0
}
.products-tabs-empty > svg {
  width:40px;
  height:40px;
  opacity:0.2
}
.products-tabs-empty > div {
  font-size:14px;
  font-weight:500;
  opacity:0.4
}
.product-item-image img {
  width:400px;
  height:400px;
  display:block;
  margin:0;
  padding:0
}
.product-item-title {
  padding:0;
  margin:0
}
.product-item-title a {
  display:block;
  font-size:16px;
  font-weight:500;
  padding:16px 20px 1px
}
.product-item-developer {
  padding:4px 20px 4px 8px;
  gap:8px
}
.product-item-developer img {
  width:25px;
  height:25px;
  border-radius:50%
}
.product-item-developer span {
  font-size:12px;
  font-weight:500
}
.product-item-category {
  font-size:12px;
  padding:4px 0px 4px;
  gap:8px;
  color:#9ea6af
}
.product-item-category span {
  font-weight:500;
  color:#54667a
}
.product-item-desc {
  padding:8px 20px;
  font-size:13px;
  font-weight:300;
  text-align:justify
}
.product-item-detail {
  padding:20px 20px 23px;
  border-top:solid 1px #ebedf2;
  margin-top:10px
}
.product-item-sales {
  line-height:20px
}
.product-item-sales span {
  font-size:18px;
  font-weight:500
}
.product-item-sales small {
  font-size:13px;
  font-weight:300;
  opacity:0.8
}
.product-item-rate {
  line-height:20px
}
.product-item-rate svg {
  width:16px;
  height:16px;
  color:#ffc107
}
.product-item-rate span {
  font-size:14px;
  font-weight:500
}
.product-item-price {
  column-gap:3px;
  justify-content:flex-end;
  line-height:20px
}
.product-item-price .del {
  padding-left:2px;
  font-size:15px;
  opacity:0.8;
  text-decoration:line-through
}
.product-item-price .price {
  font-size:18px;
  font-weight:500
}
.product-item-price .desc {
  white-space:nowrap;
  font-size:13px;
  padding-right:2px;
  opacity:0.8
}
.product-item-window {
  position:absolute;
  top:21px;
  left:15px;
  gap:4px
}
.product-item-window i {
  width:12px;
  height:12px;
  background:#e9e9e9;
  border-radius:50%
}
.product-item-percent {
  position:absolute;
  top:18px;
  left:-20px;
  z-index:5;
  color:#fff;
  width:70px;
  height:70px
}
.product-item-percent svg {
  width:70px;
  height:70px;
  position:absolute;
  color:#ffb03b
}
.product-item-percent span {
  position:absolute;
  top:14px;
  left:0;
  right:0;
  text-align:center;
  font-size:16px;
  font-weight:500;
  direction:ltr
}
.product-item-percent small {
  position:absolute;
  bottom:16px;
  left:0;
  right:0;
  text-align:center;
  font-size:11px;
  font-weight:300
}
.idx-products {
  padding:20px 0
}
.idx-products-head {
}
.idx-products-title {
  flex:1;
  gap:8px;
  font-size:18px;
  font-weight:500
}
.idx-products-title>svg {
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin-right:4px
}
.idx-products-btns {
  gap:10px
}
.idx-products-btn {
  font-size:14px;
  padding:8px 20px 8px 14px;
  display:flex;
  margin:11px 0;
  gap:6px;
  border-radius:4px;
  background:#fff;
  box-shadow:0 6px 21px rgb(82 85 90 / 15%);
  user-select:none;
  font-weight:500;
  opacity:0.8;
  transition:all 0.2s ease
}
.idx-products-btn:hover {
  opacity:1
}
.idx-products-btn>svg {
  width:12px;
  height:12px;
  opacity:0.4
}
.swiper {
  width:100%
}
.swiper-slide {
  display:flex;
  justify-content:center;
  align-items:center
}
.swiper-slide,
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height:100%!important
}
.wgt_product-item {
  position: relative;
  padding-bottom: 15px;
}
.idx-products-items {
  max-width:2600px;
  margin:auto;
  width:100%;
  min-height:250px
}
.wgt_product-item-title {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.zarinmaster__swiper_cards {
  width:700px
}
@media screen and (max-width:1300px) {
  .zarinmaster__swiper_cards {
    width:500px
  }
}
.idx-product-promotion-slide img {
  width:100%;
  height:auto
}
.idx-product-promotion {
  padding:70px 0;
  margin:20px 0;
  background:#000;
  overflow:hidden;
  color:#ffffff
}
.idx-product-promotion-bg {
  position:absolute;
  top:-70px;
  left:-70px;
  right:-70px;
  bottom:-70px;
  filter:blur(80px);
  opacity:0.4
}
.idx-product-promotion-cover {
  position:relative;
  z-index:2
}
.idx-product-promotion-contents {
  padding-right:70px;
  padding-left:70px
}
.idx-product-promotion-contents>h2 {
  padding:0;
  margin:0;
  font-size:22px;
  font-weight:500;
  margin-bottom:6px;
  transition:all 0.2s ease
}
.idx-product-promotion-contents>h2:hover {
  opacity:0.8
}
.idx-product-promotion-data {
  justify-content:space-between;
  margin-bottom:40px;
  padding:10px 20px;
  border-radius:10px;
  box-shadow:0 0 0 2px #ffffff21;
  gap:30px
}
.idx-product-promotion-data-item {
  padding:9px 10px
}
.idx-product-promotion-data-item-value {
  font-size:20px;
  font-weight:600
}
.idx-product-promotion-data-item-label {
  font-size:13px;
  font-weight:400;
  opacity:0.8
}
.idx-product-promotion-data-item-label > svg {
  width:20px;
  height:20px;
  color:#ffc859
}
.idx-product-promotion-btns {
}
.idx-product-promotion-btns > .wgt_product-item-btn {
  padding:0px 10px;
  height:54px;
  font-size:15px;
  font-weight:500;
  box-shadow:0 10px 20px rgba(0,0,0,0.1)!important
}
.idx-product-promotion-btns > .wgt_product-item-btn-preview:hover {
  background:#1987de
}
.idx-product-promotion-btns > .wgt_product-item-btn-preview:active {
  background:#1279ca
}
.idx-product-promotion .wgt_product-item-badge {
  border:none
}
.idx-product-promotion .wgt_product-item-badge.special {
  background:#ffb100
}
.idx-product-promotion .wgt_product-item-badge.bundle {
  background:#00bcd4
}
.idx-product-promotion .wgt_product-item-badge.orginal {
  background:#3f51b5
}
.idx-product-promotion .wgt_product-item-badge.iran {
  background:#49cd72
}
.idx-product-promotion .wgt_product-item-badge.guard {
  background:#666
}
.idx-product-promotion .wgt_product-item-badge.video {
  background:#f3483c
}
.idx-product-promotion .wgt_product-item-badge.updates {
  background:#47a9f7
}
.idx-product-promotion .wgt_product-item-badge.trend {
  background:#12ade5
}
.idx-banner {
  padding:10px 0;
  margin-top:10px
}
.idx-banner img {
  max-width:100%
}
@media screen and (max-width:1100px) {
  .idx-product-promotion .container {
    flex-direction:column
  }
  .idx-product-promotion-contents {
    padding-right:15px;
    padding-left:15px;
    padding-top:50px;
    width:100%
  }
}
@media screen and (max-width:610px) {
  .zarinmaster__swiper_cards {
    width:400px
  }
}
@media screen and (max-width:480px) {
  .zarinmaster__swiper_cards {
    width:300px
  }
  .idx-product-promotion {
    padding:30px 0
  }
  .idx-product-promotion-btns {
    flex-direction:column
  }
  .idx-product-promotion-btns > .wgt_product-item-btn {
    width:100%;
    flex:auto
  }
  .idx-product-promotion-data {
    flex-wrap:wrap
  }
}
.vendor-pin-label svg {
  width:24px;
  height:24px;
  margin-left:4px;
  color:#ff6a3d;
  animation:itemPreviewAni 1s ease 0s infinite;
  cursor:pointer
}
.idx-vendor-data-item {
  font-size:13px;
  padding:0 13px;
  font-weight:500;
  user-select:none;
  line-height:28px
}
.idx-vendor-data-item span {
  opacity:0.6;
  font-size:14px
}
.idx-vendor-data-item strong {
  font-size:19px;
  user-select:text;
  opacity:1;
  color:#57d17d
}
.vendor-pin-label-tip {
  background:#fe6a3d;
  color:#fff;
  position:absolute;
  top:-2px;
  right:24px;
  white-space:nowrap;
  font-size:14px;
  font-weight:500;
  padding:2px 15px;
  border-radius:18px;
  box-shadow:0 10px 20px rgba(0,0,0,0.09);
  z-index:1;
  opacity:0;
  pointer-events:none
}
.vendor-pin-label:hover .vendor-pin-label-tip {
  opacity:1;
  right:28px
}
@media screen and (max-width:600px) {
  .idx-products-head {
    flex-wrap:wrap
  }
}


/* end mohammadiani css */
 
 /* hamyar-tools/assets/css/hmyt-ajax-search.css */
.hmyt-ajax-search-wrapper {
    position: relative;
    font-family: inherit;
    width: 100%;
}
.hmyt-ajax-search-form {
    display: flex !important;
    align-items: center;
    overflow: hidden;
    padding: 15px;
    position: relative !important;
    z-index: 101; /* Higher than results */
    background: #fff;
}

.hmyt-ajax-search-input {
    flex-grow: 1;
    border: 1px solid #dee1e9ee;
    border-radius: 8px !important;
    padding: 10px 45px 10px 15px !important;
    font-size: 16px;
    outline: none;
    background: transparent;
}

/* Hide the default browser 'x' in search inputs */
.hmyt-ajax-search-input::-webkit-search-decoration,
.hmyt-ajax-search-input::-webkit-search-cancel-button,
.hmyt-ajax-search-input::-webkit-search-results-button,
.hmyt-ajax-search-input::-webkit-search-results-decoration {
    -webkit-appearance:none;
}

.hmyt-ajax-search-button {
    position: absolute !important;
     /* Changed to left for RTL */
    top: 50% !important;
    transform: translateY(-50%);
    background-color: transparent !important;
    pointer-events: none;
    border: none !important;
    padding: 0 20px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: center !important;
    height: 100%;
    color: #555;
}

.hmyt-ajax-search-clear svg {
    fill: #555;
}
/* --- Modern Flat Results Container --- */
.hmyt-ajax-search-results {
    background: #fff !important;
    border: 1px solid #e5e7eb; /* خاکستری خیلی ملایم */
    border-top: none;
    border-radius: 16px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01); /* سایه بسیار سافت و مدرن */
    max-height: 500px;
    overflow-y: auto;
    z-index: 102;
    display: none;
    padding: 8px 0; /* فاصله داخلی کلی */
}

.hmyt-results-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.hmyt-result-item {
    margin: 0;
    padding: 4px 8px; /* فاصله بین آیتم‌ها از دیواره */
}

/* --- Card Style --- */
.hmyt-result-card {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none !important;
    color: #1f2937; /* خاکستری تیره */
    border-radius: 10px; /* آیتم‌ها هم گرد می‌شوند */
    transition: background-color 0.15s ease; /* فقط تغییر رنگ پس‌زمینه */
    gap: 12px;
    border: none !important; /* حذف بوردرهای خطی قدیمی */
}

.hmyt-result-card:hover {
    background-color: #f3f4f6; /* رنگ هاور خیلی ملایم */
}

/* --- Thumbnail & Placeholder --- */
.hmyt-card-thumbnail {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.hmyt-card-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.hmyt-card-thumbnail:has(svg) {
  background-color: #e3e8ee;
}

/* استایل آیکون جایگزین جدید */
.hmyt-card-placeholder {
    width: 100%;
    height: 100%;
    background-color: #e3e8ee; /* رنگ طوسی متناسب با آیکون سفید */
    display: flex;
    align-items: center;
    justify-content: center;
}

.hmyt-card-placeholder svg {
    width: 20px;
    height: 20px;
    opacity: 0.9;
}

/* --- Content Typography --- */
.hmyt-card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    min-width: 0; /* جلوگیری از بهم ریختگی متن طولانی */
    gap: 2px;
}

.hmyt-card-title {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.hmyt-card-excerpt {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hmyt-card-price {
    font-size: 13px;
    font-weight: 600;
    color: #059669; /* سبز مدرن */
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.hmyt-card-price del {
    color: #9ca3af;
    font-size: 0.9em;
    font-weight: 400;
    margin-left: 6px;
    opacity: 0.8;
}

.hmyt-card-price ins {
    text-decoration: none; /* حذف خط زیر */
    color: #059669;
    background: transparent;
}

/* حذف خط زیر از قیمت تخفیف‌خورده */
.hmyt-card-price ins {
    text-decoration: none;
    background: transparent; /* برای اطمینان از حذف پس‌زمینه در برخی قالب‌ها */
    font-weight: 700; /* کمی ضخیم‌تر برای تاکید بیشتر */
}

/* --- View All Button --- */
.hmyt-view-all-item {
    padding: 8px;
    margin-top: 4px;
    border-top: 1px solid #f3f4f6;
}

.hmyt-view-all-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    background-color: #e3e8ee;
    color: #4b5563;
    font-weight: 600;
    font-size: 13px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s;
}

.hmyt-view-all-link:hover {
    background-color: #e5e7eb;
    color: #111827;
}

/* -- Suggestions Styles -- */
.hmyt-suggestions-loaded { padding: 15px; }
.hmyt-suggestions-banner { margin-bottom: 15px; }
.hmyt-suggestions-banner img { width: 100%; height: auto; border-radius: 8px !important; display: block; }
.hmyt-suggestions-section { margin-bottom: 15px; }
.hmyt-suggestions-section:last-child { margin-bottom: 0; }
.hmyt-suggestions-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.hmyt-suggestions-title { font-size: 14px; font-weight: 600; color: #333; gap: 10px;}
.hmyt-reset-recent {
    font-size: 12px;
    color: #6b7280;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.hmyt-reset-recent:hover {
    opacity: .6;
}
span.hmyt-suggestions-title > svg {
    width: 20px;
    height: 20px;
    color: #6b7280;
}

span.hmyt-suggestion-item > svg {
    width: 20px;
    height: 20px;
    color: #6b7280;
}

.hmyt-slider-nav > svg {
    width: 15px;
    height: 15px;
}

.hmyt-suggestions-section:last-child {
    padding-top: 10px;
    border-top: 1px solid #ececec;
}
.hmyt-suggestions-list { display: flex; flex-wrap: wrap; gap: 8px; }
.hmyt-suggestion-item {
    color: #3c434a;
    padding: 4px 12px;
    background: #ebeef3;
    border: 1px solid #ebeef3;
    border-radius: 7px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.hmyt-suggestion-item svg {
    margin-right: auto; /* Pushes the icon to the end in RTL */
    opacity: 0.7;
    width: 15px !important;
}

.hmyt-card-arrow {
    padding: 5px;
    border-radius: 50%;
    background: #e3e8ee70;
}

.hmyt-card-arrow > svg {
    opacity: .6;
    width: 14px;
    height: 14px;
}

.hmyt-ajax-search-submit {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    align-items: flex-end;
}

.hmyt-view-all-results a {
    display: block;
    text-align: center;
    padding: 12px 15px;
    background-color: #f8f9fa;
    color: #0073aa;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}
.hmyt-view-all-results a:hover {
    background-color: #f1f1f1;
    color: #005a87;
}
.hmyt-search-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

/* -- Site Overlay Styles -- */
body.hmyt-search-overlay-active {
    overflow: hidden !important; /* جلوگیری از اسکرول سایت */
}

/* استایل دیو مستقل اورلی */
.hmyt-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #00052a30; /* رنگ سیاه با شفافیت */
    backdrop-filter: blur(1px); /* افکت بلور */
    -webkit-backdrop-filter: blur(1px);
    z-index: 999999; /* باید کمتر از مودال (99999) و بیشتر از هدر سایت باشد */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none; /* در حالت مخفی، کلیک را مسدود نکند */
}

/* نمایش اورلی وقتی کلاس فعال روی رپر (Wrapper) باشد */
.hmyt-ajax-search-wrapper.hmyt-modal-active .hmyt-search-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.hmyt-ajax-search-results {
    text-align: right;
}

/* -- Did You Mean Styles -- */
.hmyt-did-you-mean {
    padding: 15px;
    text-align: center;
    font-size: 14px;
    color: #555;
    border-bottom: 1px solid #eee;
}


/* -- Skeleton Loading Styles -- */
.hmyt-skeleton-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hmyt-skeleton-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
}

.hmyt-skeleton-thumb {
    width: 50px;
    height: 50px;
    margin-left: 12px; /* فاصله از متن (در حالت RTL) */
    background-color: #f0f0f0;
    border-radius: 4px;
    flex-shrink: 0;
}

.hmyt-skeleton-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hmyt-skeleton-line {
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 4px;
}

.hmyt-skeleton-line.title {
    width: 70%;
    height: 14px;
}

.hmyt-skeleton-line.meta {
    width: 40%;
}

/* انیمیشن Shimmer (براق شدن متحرک) */
.hmyt-skeleton-thumb,
.hmyt-skeleton-line {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: hmyt-skeleton-loading 1.5s infinite linear;
}

@keyframes hmyt-skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.hmyt-no-results {
    display: flex;
    justify-content: center;
    height: 60px;
    align-items: center;
}

.hmyt-card-arrow {
    display: flex;
}

/* --- Modal Search Styles --- */

/* 1. Trigger Style (The fake input shown on page) */
.hmyt-search-trigger {
    position: relative;
    cursor: text;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 42px; /* تنظیم ارتفاع دلخواه */
}

.hmyt-search-trigger input {
    border: none;
    background: transparent;
    pointer-events: none; /* کلیک روی اینپوت به والد منتقل شود */
    padding: 0 15px;
    width: 100%;
    color: #666;
}

.hmyt-trigger-icon {
    padding: 0 15px;
    display: flex;
    align-items: center;
    color: #555;
}

/* 2. Modal Container (Hidden by default) */
.hmyt-search-modal-container {
    position: fixed;
    top: 15%;
    left: 50%;
    /* شروع انیمیشن: کمی کوچک‌تر (Scale 0.95) و کمی پایین‌تر */
    transform: translate(-50%, 10px) scale(0.95);
    width: 720px;
    max-width: 90%;
    background: #fff;
    z-index: 9999990;
    border-radius: 10px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    /* انیمیشن نرم و جذاب برای زوم و فید */
    transition: opacity 0.25s ease-out, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 3. Active State (When modal is open) */
.hmyt-ajax-search-wrapper.hmyt-modal-active .hmyt-search-modal-container {
    opacity: 1;
    visibility: visible;
    /* پایان انیمیشن: سایز اصلی و سر جای خود */
    transform: translate(-50%, 0) scale(1);
}

/* 4. Modal Form Styling */
.hmyt-search-modal-container .hmyt-ajax-search-form {
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 16px 16px 0 0;
    box-shadow: none;
}

.hmyt-search-modal-container .hmyt-ajax-search-input {
    font-size: 16px; /* بزرگتر کردن فونت در مودال */
    height: auto;
}

/* 5. Results in Modal */
.hmyt-search-modal-container .hmyt-ajax-search-results {
    display: block !important; /* همیشه در دام وجود دارد */
    position: static; /* دیگر شناور نیست، بخشی از مودال است */
    box-shadow: none;
    border: none;
    max-height: 65vh; /* اسکرول خوردن در صورت طولانی بودن */
    border-radius: 0 0 16px 16px;
    padding-top: 0;
    
    /* --- Senior Fix: انیمیشن نرم محتوا برای جلوگیری از گلیچ --- */
    /* محتوا را در حالت بسته مخفی می‌کنیم */
    opacity: 0;
    visibility: hidden;
    /* این ترنزیشن کلید ماجراست: محتوا با سرعت 0.15 ثانیه محو می‌شود (سریعتر از مودال که 0.25 است) */
    transition: opacity 0.15s ease-out, visibility 0.15s; 
}

/* نمایش محتوا وقتی مودال باز است */
.hmyt-ajax-search-wrapper.hmyt-modal-active .hmyt-search-modal-container .hmyt-ajax-search-results {
    opacity: 1;
    visibility: visible;
    /* موقع باز شدن، کمی تاخیر (0.1s) میدهیم تا مودال کامل باز شود بعد محتوا بیاید (زیباتر) */
    transition: opacity 0.3s ease-out 0.1s; 
}

/* 6. Close Button */
.hmyt-modal-close-btn {
    position: absolute;
    top: -40px;
    right: 0; /* یا left بسته به سلیقه */
    color: #fff;
    cursor: pointer;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}
.hmyt-modal-close-btn:hover {
    background: rgba(255,255,255,0.4);
}
/* Mobile Tweaks */
@media (max-width: 768px) {
    .hmyt-search-modal-container {
        /* تغییر از حالت تمام صفحه به مودال وسط‌چین */
        top: 10%; /* فاصله مناسب از بالا */
        left: 50%;
        width: 90%; /* عرض ۹۰ درصد صفحه */
        max-width: 90%;
        height: auto; /* ارتفاع بر اساس محتوا */
        border-radius: 12px; /* گوشه‌های گرد */
        /* حذف کدهای فول‌اسکرین قبلی */
    }

    /* محدود کردن ارتفاع لیست نتایج تا کاربر بتواند اسکرول کند */
    .hmyt-search-modal-container .hmyt-ajax-search-results {
        max-height: 60vh; 
    }

    /* دکمه بستن در موبایل */
    .hmyt-modal-close-btn {
        /* قرارگیری در بیرون باکس (بالای مودال) */
        top: -40px; 
        right: 0;
        width: 30px;
        height: 30px;
        background: rgba(255, 255, 255, 0.2); /* شفاف و شیک */
        backdrop-filter: blur(4px);
    }
}

/* --- Ultra Thin & Transparent Scrollbar --- */

/* برای مرورگرهای کروم، سافاری و اج */
.hmyt-search-modal-container .hmyt-ajax-search-results::-webkit-scrollbar {
    width: 4px; /* عرض بسیار کم */
}

.hmyt-search-modal-container .hmyt-ajax-search-results::-webkit-scrollbar-track {
    background: transparent; /* پس‌زمینه کاملا شفاف */
}

.hmyt-search-modal-container .hmyt-ajax-search-results::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1); /* رنگ طوسی بسیار محو و شفاف */
    border-radius: 10px; /* لبه‌های کاملا گرد */
    transition: background-color 0.3s;
}

.hmyt-search-modal-container .hmyt-ajax-search-results::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.2); /* کمی پررنگ‌تر هنگام هاور */
}

/* برای مرورگر فایرفاکس */
.hmyt-search-modal-container .hmyt-ajax-search-results {
    scrollbar-width: thin; /* باریک */
    scrollbar-color: rgba(0, 0, 0, 0.1) transparent; /* تامب محو و ترک شفاف */
}


/* --- Footer Modal Instance (Backup) --- */
/* وقتی مودال به صورت خودکار در فوتر لود می‌شود، 
   ما فقط به قابلیت‌های مودال نیاز داریم، نه فیلد جستجوی نمایشی در پایین سایت.
*/
.hmyt-ajax-search-wrapper.hmyt-footer-instance {
    width: 0;
    height: 0;
    position: absolute;
    overflow: visible; /* برای اینکه مودال بتواند از داخلش بیرون بیاید */
}

.hmyt-ajax-search-wrapper.hmyt-footer-instance .hmyt-search-trigger {
    display: none !important;
}
/* --- Grouped Results Layout --- */
.hmyt-results-group {
    margin-bottom: 15px;
}

.hmyt-results-group:last-child {
    margin-bottom: 0;
}

.hmyt-group-header {
    display: flex; /* برای چیدمان آیکون و متن */
    align-items: center; /* تراز عمودی دقیق */
    gap: 6px; /* فاصله مناسب بین آیکون و متن */
    font-size: 13px;
    font-weight: 700;
    color: #9ca3af; /* خاکستری ملایم */
    padding: 8px 15px;
    background: #f9fafb;
    border-bottom: 1px solid #f3f4f6;
    border-top: 1px solid #f3f4f6;
    margin-bottom: 5px;
}

.hmyt-group-header svg {
    width: 15px; /* سایز استاندارد آیکون */
    height: 15px;
}

/* اولین هدر حاشیه بالا نداشته باشد تا زیباتر شود */
.hmyt-results-group:first-child .hmyt-group-header {
    border-top: none;
}

.hmyt-view-all-wrapper {
    padding: 10px;
    border-top: 1px solid #e5e7eb;
}

/* حذف حاشیه لیست‌های قدیمی چون اکنون داخل گروپ هستند */
.hmyt-view-all-item {
    border-top: none; 
    margin-top: 0;
    padding: 0;
}

input.hmyt-ajax-search-input {
    font-family: inherit;
}

.hmyt-search-trigger input {
    font-family: inherit;
}

.hmyt-search-trigger > input {
    border: none !important;
}

/* --- Suggested Products Horizontal Scroll --- */
.hmyt-suggested-section {
    margin-bottom: 20px;
}

.hmyt-slider-wrapper {
    position: relative;
    padding: 0 10px; /* فضای کم برای اینکه دکمه‌ها روی محتوا نیفتند (اختیاری) */
}

.hmyt-products-horizontal-list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    /* مخفی کردن اسکرول بار برای ظاهر تمیزتر */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

/* Chrome, Safari, Opera */
.hmyt-products-horizontal-list::-webkit-scrollbar {
    display: none;
}

.hmyt-horizontal-product-card {
    flex: 0 0 auto;
    width: 230px;
    border: 1px solid #ebeef3;
    border-radius: 20px;
    background: #ebeef3;
    scroll-snap-align: start;
    transition: all 0.2s ease;
}

.hmyt-horizontal-product-card:hover {
    border-color: #d1d5db;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.hmyt-hp-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    text-decoration: none !important;
    gap: 12px;
    height: 100%;
}

.hmyt-hp-thumb {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.hmyt-hp-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hmyt-hp-content {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.hmyt-hp-content > .hmyt-hp-title {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hmyt-hp-meta {
    font-size: 13px;
    font-weight: 700;
    color: #059669;
}

/* --- استایل دکمه‌های ناوبری --- */
.hmyt-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px; /* طبق درخواست شما */
    background-color: #0f3072; /* رنگ پیش‌فرض اگر متغیر نبود */
     /* استفاده از متغیر با فال‌بک */
    color: #fff;
    box-shadow: 0 5px 12px #2d418885 !important;
    z-index: 99;
    cursor: pointer;
    transition: all 0.2s;
}

.hmyt-slider-nav:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

/* موقعیت دکمه‌ها در حالت RTL */
.hmyt-slider-next {
    left: -10px; /* دکمه بعدی (فلش چپ) در سمت چپ */
}

.hmyt-slider-prev {
    right: -10px; /* دکمه قبلی (فلش راست) در سمت راست */
}

/* کلاس مخفی‌ساز برای دکمه‌های ناوبری */
.hmyt-slider-nav.hmyt-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: none !important; /* تضمین حذف کامل از جریان رندر */
}

/* اطمینان از اینکه اسکرول با تاچ کار می‌کند */
.hmyt-products-horizontal-list {
    /* این خطوط باید حتما وجود داشته باشند */
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* اسکرول نرم در iOS */
    cursor: grab; /* تغییر نشانگر موس برای فهماندن قابلیت درگ */
}

.hmyt-products-horizontal-list:active {
    cursor: grabbing;
}

/* --- Drag to Scroll UX Improvements --- */
.hmyt-products-horizontal-list {
    cursor: grab; /* نشانگر دست باز */
    /* جلوگیری از سلکت شدن متن */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* کلاس برای زمانی که در حال کشیدن هستیم */
.hmyt-products-horizontal-list.hmyt-is-dragging {
    cursor: grabbing; /* نشانگر دست مشت شده */
}

/* جلوگیری از درگ شدن عکس (ساخته شدن شبح عکس) */
.hmyt-products-horizontal-list img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none; /* اطمینان از اینکه کلیک روی عکس اختلالی ایجاد نمی‌کند */
}

.hmyt-suggestions-section.hmyt-recent-searches {
    border-top: 1px solid #ececec;
    padding-top: 10px;
}

/* --- Rich Placeholder Styles (Logo in Search) --- */
.hmyt-rich-placeholder {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* تغییر به flex-start برای پر کردن فضا از راست */
    width: 100%;
    padding-right: 15px;
    height: 100%;
    pointer-events: none; /* کلیک روی تریگر والد عمل کند */
    gap: 8px; /* فاصله بین متن و لوگو */
}

.hmyt-rp-text {
    font-size: 14px;
    color: #9ca3af; /* رنگ خاکستری پلیس‌هولدر */
    white-space: nowrap;
}

.hmyt-rp-logo-wrapper {
    display: flex;
    align-items: center;
    width: fit-content;
}

.hmyt-rp-logo-wrapper >.hmyt-rp-logo {
    height: 18px;
    width: auto;
    display: block;
    object-fit: contain;
    transition: all 0.3s ease;
}


/* تنظیمات موبایل */
@media (max-width: 480px) {
    .hmyt-rp-text {
        font-size: 13px;
    }
}

.hmyt-suggestion-item:hover {
    border-color: #d1d5db;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.hmyt-search-modal-container {
    user-select: none;
}

span.hmyt-hp-status {
    color: #9ca3af;
    font-size: 11px;
    background: #fff;
    padding: 2px 6px;
    border-radius: 4px;
}

.hmyt-hp-link > div .hmyt-card-placeholder {
    background: #fff;
}

/* --- Dark Mode Styles --- */

/* Main Container & Form Background */
body.dark .hmyt-ajax-search-form,
body.dark .hmyt-ajax-search-results,
body.dark .hmyt-search-modal-container {
    background: #262631 !important;
    border-color: #414150;
}

/* Search Input & Trigger */
body.dark .hmyt-ajax-search-input {
    color: #fff;
    border-color: #414150;
    background: #353542;
}

body.dark .hmyt-view-all-wrapper {
    border-color: #585868;
}

body.dark .hmyt-search-trigger {
    background: #262631;
    border-color: #414150;
}

body.dark .hmyt-search-trigger input,
body.dark .hmyt-trigger-icon {
    color: #bbb;
}

/* Icons & Buttons */
body.dark .hmyt-ajax-search-button,
body.dark .hmyt-ajax-search-clear svg,
body.dark .hmyt-modal-close-btn {
    color: #ccc;
    fill: #ccc;
}

/* Borders & Separators */
body.dark .hmyt-ajax-search-results,
body.dark .hmyt-search-modal-container .hmyt-ajax-search-form,
body.dark .hmyt-suggestions-section:last-child,
body.dark .hmyt-view-all-item {
    border-color: #414150;
}

/* Result Cards (General) */
body.dark .hmyt-result-card {
    color: #e5e7eb;
}

body.dark .hmyt-result-card:hover {
    background-color: #35354254;
}

body.dark .hmyt-card-title {
    color: #fff;
}

body.dark .hmyt-card-excerpt,
body.dark .hmyt-card-price del {
    color: #9ca3af;
}

/* Card Placeholders & Thumbnails */
body.dark .hmyt-card-placeholder, body.dark .hmyt-hp-thumb, body.dark .hmyt-card-thumbnail {
    background-color: #353542;
}

body.dark .hmyt-card-arrow {
    background: #414150;
}


/* Group Headers */
body.dark .hmyt-group-header {
    background: #353542;
    border-color: #353542;
    color: #ccc;
}
 
body.dark .hmyt-suggestions-section.hmyt-recent-searches {
    border-color: #414150;
}

/* Suggestions & Tags */
body.dark .hmyt-suggestions-title {
    color: #fff;
}

body.dark .hmyt-suggestion-item {
    background: #353542;
    color: #e5e7eb;
    border-color: #353542;
}

body.dark .hmyt-suggestion-item:hover {
    background-color: #414150;
}

body.dark .hmyt-suggestions-loaded > div svg {
    color: #9ca3af;
}

/* Horizontal Products Slider */
body.dark .hmyt-horizontal-product-card {
    background: #353542;
    border-color: #353542;
}

body.dark .hmyt-horizontal-product-card:hover {
    border-color: #414150;
    background: #414150;
}

body.dark .hmyt-hp-title {
    color: #fff;
}

body.dark .hmyt-hp-link {
    color: #e5e7eb;
}

body.dark .hmyt-slider-nav {
    background: #545464;
    box-shadow: 0 5px 12px #6f7fb81f !important;
    border: 1px solid #414150;
}

/* View All Link */
body.dark .hmyt-view-all-link {
    background-color: #353542;
    color: #fff;
}

body.dark .hmyt-view-all-link:hover {
    background-color: #414150;
}

/* Scrollbar for Results */
body.dark .hmyt-search-modal-container .hmyt-ajax-search-results::-webkit-scrollbar-thumb {
    background-color: #414150;
}

body.dark .hmyt-search-modal-container .hmyt-ajax-search-results::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* Skeleton Loading (Optional Fix for Dark) */
body.dark .hmyt-skeleton-thumb,
body.dark .hmyt-skeleton-line {
    background: linear-gradient(90deg, #353542 25%, #414150 50%, #353542 75%);
    background-size: 200% 100%;
}

body.dark .hmyt-skeleton-item {
    border-bottom-color: #414150;
}

body.dark span.hmyt-hp-status {
    background: #262631;
}

body.dark .hmyt-hp-link > div .hmyt-card-placeholder {
    background-color: #262631;
}

.hmyt-hp-meta bdi,
.hmyt-card-price bdi {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    direction: rtl;
}

.hmyt-card-price del,
.hmyt-card-price del .amount,
.hmyt-card-price del bdi {
    text-decoration: line-through;
}

body .hmyt-hp-meta .amount {
    color: inherit;
    font-weight: inherit;
}

span.hmyt-card-price > del > .index-discount-pro {
    display: none;
}


.search-filter-orderby-label {
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.search-filter-orderby-radios {
  justify-content: space-between;
}

.flex {
  display:flex;
}

.header-mobmenu-btn {
  display:none;
  padding-left:10px;
  cursor:pointer;
  height:80px
}

.product-single-contents-min-btn-wrapper{
  position:absolute;
  left:0;right:0;
  bottom:0;
  height:170px;
  align-items:flex-end;
  background-image:linear-gradient(rgba(255,255,255,0),#ffffff);
  display:none
}

.product-cart-data{
  padding-bottom:20px;
  border-bottom:solid 1px #f1f1f1;
  margin-bottom:21px;
  padding-top:7px;
  display:none
}