html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0}
@font-face{font-family: PeydaRegular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/PeydaWeb-Regular.woff') format('woff');}
@font-face{font-family: Peyda;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/PeydaWeb-Medium.woff') format('woff');}
@font-face{font-family: PeydaSemiBold;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/PeydaWeb-SemiBold.woff') format('woff');}
@font-face{font-family: DemiBold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/PeydaWeb-Bold.woff') format('woff');}
@font-face{font-family: Bold;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/fonts/PeydaWeb-ExtraBold.woff') format('woff');}
.PeydaSemiBold{font-family: PeydaSemiBold;}
@font-face{font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-1x{font-size:1.5em}
.fa-phone:before{content: "\f095";}
.fa-instagram:before{content: "\f16d";}
.fa-telegram:before{content: "\f2c6";}
.fa-facebook:before{content: "\f09a";}
.fa-location:before{content:"\f041";}
.fa-user:before{content:"\f007"}
.fa-Mail:before{content: "\f0e0";}
.fa-whatsapp:before{content:"\f232";}
.fa-user-o:before{content: "\f2c0";}
.fa-tag:before{content:"\f02b"}
.fa-eye:before{content: "\f06e";}
.fa-angle-left:before{content:"\f104";}
.fa-edit:before{content: "\f044";}
.fa-tag:before{content: "\f02b";}
.fa-archive:before{content: "\f187";}
.fa-barcode:before{content: "\f02a";}
a:link{color:#333;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#a90b0b}
a.Click:link{color:#91278f !important;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
a.Click:visited{color:#91278f;text-decoration:underline;}
a.Click:hover{color:#000 !important;}
:root{--color1: #ffb400;}
.FloatLeft{float:left;}
.Justify{text-align:justify;}
.Justify p{text-align:justify;}
.Center{text-align:center !important;margin:0 auto;display:block}
.Centerimg{margin-left:auto;margin-right:auto;display:block;}
.Clear{clear:both;}
.LTR{text-align:left}
.RTL{text-align:right}
.D-LTR{direction:ltr}
.Gold{color:#a90b0b}
.VA{vertical-align:middle}
.Black{color:#333333 !important}
.Red{color:red}
.Red2{color:#b2001a}
.Green{color:#4caf50}
.Gray-Light{color:#817f80}
.VA{vertical-align:middle}
.Free10{height:10px}
.Free15{height:15px}
.samaltxt{font-size:13px}
.Mediumtxt{font-size:18px}
.Largetxt{font-size:25px}
.absolute{position:absolute}
.w100{width:100%}
.w60{width:60% !important;}
.lignH1{line-height:1em}
.Red{color:red}
.HeadingL{padding:1% 5%;}
.alt{text-align: center;display:block;color: #797979;padding-bottom: 1%;line-height: 1.5em;}
.ddladd option{font-family:PeydaRegular !important;}
.ddladd{font-family:PeydaRegular !important;}
.cursor{cursor:pointer}
.Block{display:block}
.InBlock{display:inline-block}
.Table{display:table}
.TextBox{width:60%;height:40px;border:1px solid rgba(0,0,0,.24);border-radius:3px;padding:0 12px 0 12px}
.TextBox:focus{border:1px dotted #f5e99e;box-shadow:0px 0px 6px rgba(0,0,0,.24);}
.divSuccess{width:86%;margin:0 auto;padding:1% 2% 1% 2%;background:rgba(171, 171, 171, 0.2);color:#50af00;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
.divUnSuccess{width:86%;margin:0 auto;padding:1% 2% 1% 2%;background:rgba(171, 171, 171, 0.2);color:#c71e12;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}
.Purple{color:#91278c}
.PaidSuccess{background: #28a745 !important;
  color: #fff;
  border-radius: 10px;
  padding: 1% 10%;
  font-size: .85em;}
.PaidUnSuccess{background: rgba(0,0,0,.24) !important;
  color: #fff;
  border-radius: 10px;
  padding: 1% 10%;
  font-size: .85em;}
div.divP p{text-align:justify}
body{font-family:PeydaRegular;font-size:1.1em;color:#333333;background:#fafafa;margin-top:0;line-height:1.5em;direction:rtl}
div#divAll{margin:0 auto;direction:rtl}
div#divAll div.divContent{width:90%;margin:0 auto;}
.Validator{color:#ee384e;font-size:.9em;padding-right:1%;font-weight:bold;display:block;}
.Validator2{color:#ee384e;font-size:.7em;padding-right:1%;font-weight:bold;display:block;}
.divBannerHands{background: #c2f1ff;padding-top:1%;font-size:1.3em}
.divBannerHands .divTitle{background: #ffffffa6;width:35%;border-radius:0 0 20px 20px;margin:0 auto;padding:2% 0;backdrop-filter: blur(7px);}
.divBannerHands h2{text-align:center;}
.divBannerHands .divBannerHand{display: flex;
    align-items: flex-end;
    padding: 2% 10%;
    padding-bottom: 0;
    margin: 3% 0;
    position: relative;
    overflow: hidden;
    height: 400px;}
.divBannerHand img{width: 25%;
        display: block;
        object-fit: cover;}
.lux-title{position: relative;
    line-height: 2.5;
    margin: 2% 0;
    font-size: 1.1em !important;text-align:center}
.lux-title::after{content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        height:2px;
        border-radius: 10px;
        background: linear-gradient(90deg, transparent, #8b00008f, #d10000, #8b00008f, transparent);}
#myInput::placeholder{font-size:.9em !important;}
div.onlinedesigns{width:23%;float:right;margin:1%;}
.circle{position: relative;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  color: #222;
  line-height:2em;
  text-align: center;}
.circle:after{display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #ddd;
  content: "";}
div.divLogin{width:20%;border:.5px solid #ededed;margin:0 auto;padding:2% 2%;border-radius:8px;margin-bottom:5%;margin-top:5%;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background:#fff;}
div.divLogin p{font-size:1.2em}
#cphContent_btnLogin{width:60%;line-height:2.5em}
div.divLogin .pure-material-textfield-outlined{width:100% !important}
div#divGotoTop{border-radius:50%;width:40px;height:40px;border:1px solid #817f80;color:#817f80;text-align:center;position:fixed;margin-right:1%;bottom:1%;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
div#divGotoTop:hover{background:rgba(6, 6, 6, 0.05);cursor:pointer;}
.divPros{display:flex;flex-wrap:wrap;}
a#divpoh{border:1px solid #cfcfcf;font-family:DemiBold;color:#333;padding:.25% 1.5%;border-radius:7px;text-align:center;font-size:.85em;padding:5px 15px}
a#divpoh:hover{transform: translateY(-2px);box-shadow: 0 12px 24px -12px rgba(34, 29, 22, 0.25);border-color: var(--indigo);}
.Box{border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px -3px #666666;
    box-shadow: 0px 0px 13px -3px #66666673;
    background: #fff;}
.bonakp{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:35%;z-index:10}
.bonakp{width:100%;}
.zoom-wrapper{position:relative;
    overflow: hidden;
    width: 100%;}
.zoom-img{width: 100%;
    display: block;
    transform: scale(1.4);
    transition: transform 1.2s ease-out;
    will-change: transform;}
.zoom-img.zoomed-out{transform: scale(1);}
.backw{background:#fff}
.Wheelh{margin-top:-10%}
.hero{position: relative;
    width: 100%;
    background: linear-gradient(to bottom, #b8b8ba 0%, #c7c7c9 55%, #ffffff 55%, #ffffff 100%);}
.hover-sway{transition: transform 0.3s ease;}
.hover-sway:hover{animation: sway 2.5s ease-in-out infinite;}
@keyframes sway{0%   { transform: rotate(0deg); }
  25%  { transform: rotate(-15deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(15deg); }
  100% { transform: rotate(0deg); }}
.content{display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding:0px 40px 0 40px;
    min-height: 620px;}
.side-text{font-family: 'Cormorant Garamond', serif;
    font-size:55px;
    letter-spacing: 10px;
    color: #1a1a1a;
    white-space: nowrap;
    z-index: 2;
    font-weight: 500;
    width: 25%;
    margin-top: -18%;}
.side-text.left{margin-right: -60px;}
.side-text.right{margin-left: -60px;}
.wheel-img{width:50%;
    max-width: 42vw;
    z-index: 3;
    filter: drop-shadow(0 10px 25px rgba(0,0,0,0.25));
    margin-top: -15%;}
.description{max-width: 900px;
    margin: 18px auto 40px auto;
    text-align: center;
    padding: 0 20px;
    color: #2b4a5a;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.6;
    font-weight: 400;}
@media (max-width: 900px){
.side-text{font-size: 36px; letter-spacing: 4px;}
.wheel-img{width: 300px; max-width: 55vw;}
.content{padding-top: 40px; min-height: 400px;}
}
div#divProduct{display:flex;padding:1% 5%;background:#fff;}
div#divProduct div#divProductimg{display:flex;padding:2%;width:28%;}
div#divProduct div#divProductimg img{width:100%;
    border: 1px solid #e0e0e2;
    border-radius: 10px;}
div#divProduct div#divProductdetail{width:73%;padding:1%;flex-direction:column}
div#divProduct div#divProductdetail h1{font-size:1.3rem;line-height:2.7em;margin-bottom:1%;border-bottom:1px solid #ced0d2a1}
div#divProduct div#divProductdetail div#divProductdetailL{float:right;width:50%;padding:0% 1% inherit;box-sizing:border-box}
div#divProduct div#divProductdetail div#divProductdetailL div#divStar a{color:#048fff;font-size:.9em;}
div#divProduct div#divProductdetail div#divProductdetailL div#divStar i{color:#f9a825;font-size:1.2em;vertical-align:middle}
div#divProduct div#divProductdetail div#divProductdetailL div#divStar{font-size:.75em}
div#divProduct div#divProductdetail div#divProductdetailL ul#ProductProperty li{color:#817790;font-size:.8em}
div#divProduct div#divProductdetail div#divProductdetailL ul#ProductProperty li span{color:#000;font-size:.9em;font-weight:bold}
div#divProduct div#divProductdetail div#divProductdetailPrice{float:left;width:30%;padding:1% 2%;box-sizing:border-box;background:#f7f7f8;border:1px solid #e6e6ea;border-radius:5px;}
div#divProduct div#divProductdetail div#divProductdetailPrice div#divPrice{color:#000;margin:3% 0;text-align:center;border-top:1px solid rgba(0,0,0,0.1);padding-top:5%;}
div#divProduct div#divProductdetail div#divProductdetailPrice div#divPrice span{font-size:1.2em;color:#000;}
div#divProduct div#divProductdetail div#divProductdetailPrice div#divPrice span.Toman{font-size:.75em;color:#333;}
div#divProduct div#divProductdetail div#divProductdetailPrice div.divPriceProperty{border-bottom:1px solid 1px solid rgb(0 0 0 / 5%);font-size:.75em;color:#000;line-height:3.5em}
div#divProduct div#divProductdetail div#divProductdetailPrice div.divPriceProperty img{width:14%;vertical-align:middle}
.divshopserv{background:#0a0a3e;padding:2% 23%;display:flex}
.divshopserv .divshopservin{width:9%;padding:0 4%}
.divshopserv .divshopservin img{width:100%;}
.btnRfa{font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    line-height: 3em;
    width:30%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(212 183 79), rgb(237 224 148), rgba(34,34,34,0), rgba(34,34,34,0));
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-color:#ef4056;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    font-weight: bold;}
.btnRfa:hover{color:white !important;
  background-position: 99% 50%;}
.pc-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:22px;border:1px solid #eceef2;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.pc-card:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 22px 44px -16px rgba(20,24,40,.22)}
.pc-media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0%,#f4f5f8 100%)}
.pc-media img{width:100%;height:100%;object-fit:contain;padding:18px;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pc-card:hover .pc-media img{transform:scale(1.09)}
.pc-media::after{content:"";position:absolute;top:0;bottom:0;width:70px;left:-120px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);pointer-events:none}
.pc-card:hover .pc-media::after{left:130%;transition:left .9s ease}
.pc-title a,.pc-title a:link,.pc-title a:visited{color:#1c1f2a;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}
.pc-card:hover .pc-title a:link{color:#e5283e}
.pc-body{display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px;flex:1}
.pc-title{margin:0;font-size:14px !important;font-weight:700;line-height:1.7;height:calc(1.7em * 2)}
.pc-title a,.pc-title a:link,.pc-title a:visited{color:#1c1f2a;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .25s;}
.pc-card:hover .pc-title a:link{color:#e5283e}
.pc-price{margin-top:0;display:flex;flex-wrap:nowrap;align-items:center;
  justify-content:space-between;gap:8px;direction:rtl;white-space:nowrap;}
.pc-offrow{display:flex;align-items:center;gap:8px;flex:none}
.pc-pill{flex:none;min-width:40px;text-align:center;padding:2px 10px;border-radius:30px;
  background:#c0234a;color:#fff;font-size:13px;font-weight:900;line-height:1.5;}
.pc-old{position:relative;color:#9aa0a6;font-size:13px;font-weight:600;
  font-variant-numeric:tabular-nums;}
.pc-old::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;
  background:#c0234a;transform:rotate(-6deg);}
.pc-nowrow{display:flex;align-items:baseline;gap:4px;margin-right:auto;flex:none}
.pc-now{font-size:18px;font-weight:900;color:#1c1f2a;font-variant-numeric:tabular-nums}
.pc-nowrow small{font-size:11px;font-weight:700;color:#7b8190}
.pc-nowrow.off .pc-now,.pc-nowrow.off small{color:#2e9e4f}
.pc-nowrow small{font-size:12px;font-weight:700;color:#2e9e4f}
.ps{position:relative;padding:14px 0 22px;overflow:hidden}
.ps-track{display:flex !important;flex-wrap:nowrap;gap:18px;overflow-x:auto;
  padding:18px 6px 26px;
  scroll-behavior:auto;            
  scrollbar-width:none;
  cursor:grab;
  overscroll-behavior-x:contain;
  user-select:none;-webkit-user-select:none;
  -webkit-mask-image:none;mask-image:none;}
.ps-track::-webkit-scrollbar{display:none}
.ps-track.drag{cursor:grabbing}
.ps-track.drag .pc-card,.ps-track.drag a{pointer-events:none}
.ps-track .pc-card{flex:0 0 232px;width:232px}
.ps-track img{-webkit-user-drag:none;user-select:none}
.ps-right{right:6px;left:auto}
.ps-left{left:6px;right:auto}
.ps-track::-webkit-scrollbar{display:none}
.ps-track .pc-card{flex:0 0 232px;width:232px;scroll-snap-align:start}
.ps.ready .pc-card{animation:psIn .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms)}
@keyframes psIn{from{opacity:0;transform:translateX(-40px) scale(.94)}to{opacity:1;transform:none}}
.ps-nav{position:absolute;top:50%;z-index:5;width:48px;height:48px;margin-top:-34px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;cursor:pointer;background:#fff;color:#1c1f2a;box-shadow:0 10px 26px -8px rgba(20,24,40,.35);transition:transform .3s,background .25s,color .25s,opacity .3s}
.ps-nav svg{width:22px !important;height:22px !important;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ps-nav:hover{background:#e5283e;color:#fff;transform:scale(1.12)}
.ps-nav[disabled]{opacity:0;pointer-events:none}
.ps-bar{height:3px;margin:0 6px;border-radius:3px;background:#eceef2;overflow:hidden}
.ps-bar i{display:block;height:100%;width:30%;border-radius:3px;background:#e5283e}
@media(max-width:700px){
.ps-track{gap:12px}
.ps-track .pc-card{flex-basis:168px;width:168px}
.ps-nav{display:none}
}
div.divNumber{display:table;margin:0 auto;}
.Property{float:right;width:28.333%;font-size:.81em;text-align:center;padding:1.5%;border:2px solid #3333;border-radius:5px;margin:.5%;}
.Property img{width:100%}
.Property tr input{display:none}
.Property tr img{width:100%;display:block;border-radius:5px}
.Property tr input[type=radio]:checked + img.check{border: 5px solid #0DFF92;}
div.divArticleIn h1{color: #892d90;
    font-size: 1.45em}
div.divArticleIn h2{color:#892d90;font-size:1.25em;}
div.divArticleIn h3{color:#892d90;font-size:1.15em;}
div.divArticleIn h4{color:#892d90;font-size:1.15em;}
div.divArticleIn h5{color:#892d90;font-size:1.15em;}
div.divArticleIn h6{color:#892d90;font-size:1.15em;}
div.divArticleIn p{text-align:justify;}
div.divArticleIn p{text-align:justify;}
div.divContent h1{font-size:1.45em;line-height:2.2em}
div.divContent h2{font-size:1.25em;}
div.divContent h3{font-size:1.15em;}
div.divContent h4{font-size:1.15em;}
div.divContent h5{font-size:1.15em;}
div.divContent h6{font-size:1.15em;}
div#divFooter{margin:0 auto;padding:1.5% 10%;background:#000000;}
.hrFooter{color:#fff;margin:1% 0;}
div#divFooter div.divFooterIn{width:25%;float:right;}
div#divFooter div.divFooterIn h4{padding-bottom:5%;color:#fff;font-size:1em !important;border-bottom: 1px solid #a90b0b;width:60%;line-height:0em;margin-bottom:5%;}
div#divFooter div.divFooterIn a{color:#fff;padding-bottom:1.5%;font-size:.8em;opacity:.85;vertical-align:text-top;}
div#divFooter p{font-size:.9em;line-height:2em;}
div#divFooter div.divFooterIn li a:hover{padding-right:10px;color:#fff;opacity:1}
div#divFooter div.divFooterIn img{margin-left:5%}
div#divFooter div.divFooterIn input{border-bottom:1px solid #a1863c !important;width:60%;height:15%;color:#50748a}
div#divCopyright{background:#131313}
div#divCopyright p{direction:ltr !important;color:#fff;font-family:Arial;font-size:.6em;opacity:.8;text-align:center;padding:.25%}
div#divAll div#divFooter h3{font-size:1em !important;line-height:3em !important;}
div#divAll div#divFooter u1{font-size:.7em !important}
div#divAll div#divCopyright{width:100%;background:#333}
div#divAll div#divCopyright p{color:white;text-align:center;font-size:.65em}
div.divGray{background:#f5f5f5;padding:4% 0;}
.c-checkout-steps{display: -webkit-box;display: -ms-flexbox;display: flex;margin: 30px auto 18px;list-style: none;padding: 0;color: #a0a0a0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 783px;font-size: 13px;font-size: .929rem;line-height: 1.692;}
.c-checkout-steps li.is-completed{color: #91278c;}
.c-checkout-steps li{position: relative;z-index: 1;}
.c-checkout-steps li.is-active .c-checkout-steps__item, .c-checkout-steps li.is-active::before{background-color:#91278c;}
.c-checkout-steps__item{position: relative;text-align: center;border-radius: 100%;width: 20px;height: 20px;background-color: #d0d0d0;z-index: 1}
.c-checkout-steps__item::before{position: absolute;top: -25px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: attr(data-title);white-space: nowrap;}
.c-checkout-steps li::before{content: "";position: absolute;width: 372px;height: 3px;border-radius: 3.5px;background-color: #d0d0d0;top: 50%;left: 10px;z-index: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.c-checkout-steps li:first-child::before{display:none}
.select{font-family: 'PeydaRegular';}
.select option{font-family: 'PeydaRegular';}
div.divAddress{width:27%;margin:0 auto;padding: 24px 24px 0;border: 1px solid #eee;border-radius: 8px;background:#fff;font-family:PeydaRegular}
div.divAddress div.divAddress-Input{width:48%;float:right;margin: 1%;font-family:PeydaRegular}
div.divAddress .pure-material-textfield-outlined{width:98% !important;margin: 1% !important;}
div.divAddress h1{font-size: 1.143rem;
    line-height: 2.5;
    color: #232933;}
div.divAddress p{font-size: .857rem;
line-height: 1.83;
color: #62666d;}
div.divWords{width: 24%;
    float: right;
    margin: .5%;}
.grid{position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;}
.grid figure{position: relative;
	margin:0% 0%;}
.grid figure img{position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.9;}
.grid figure figcaption{padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
.grid figure figcaption > a{z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;}
.grid figure h3{word-spacing: -0.15em;
	font-weight: 300;}
.grid figure h3 span{font-weight: 800;}
.grid figure h3,
.grid figure p{margin: 0;}
.grid figure p{font-size: 68.5%;}
figure.effect-marley figcaption{text-align: right;}
figure.effect-marley h3,
figure.effect-marley p{position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;}
figure.effect-marley p{bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);}
figure.effect-marley h3{top: 30px;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    text-shadow:rgb(0, 0, 0) 2px 2px 8px}
figure.effect-marley:hover h3{-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
figure.effect-marley:hover img{opacity:1}
figure.effect-marley h3::after{position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);}
figure.effect-marley h3::after,
figure.effect-marley p{opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}
figure.effect-marley:hover h3::after,
figure.effect-marley:hover p{opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
@media screen and (max-width: 50em){
.content{padding: 0 10px;
		text-align: center;}
.grid figure{display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;}
}
figure.effect-honey{background: #4a3753;}
figure.effect-honey img{opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;}
figure.effect-honey:hover img{opacity: 0.5;}
figure.effect-honey figcaption::before{position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background: #a90b0b;
        content: '';
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);}
figure.effect-honey h3{position: absolute;
	bottom: 0;
	right: 0;
	padding: 1em 1.5em;
	text-align: right;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);}
figure.effect-honey h3 i{font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);}
figure.effect-honey figcaption::before,
figure.effect-honey h3{-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h3,
figure.effect-honey:hover h3 i{opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
.grid2 figure{position: relative;
	float: left;
	overflow: hidden;
	margin:0% 0%;
	text-align: center;
	cursor: pointer;}
div.divSlider{width:100%}
#jquery-overlay{position:absolute;top:0;left:0;z-index:0;width:100% !important;height:auto;z-index:10000000000000000000000000}
#jquery-lightbox{position:fixed;top:50% !important;left:50% !important;transform:translateY(-50%) translateX(-50%);width:100%;z-index:100000000000000000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#817f80;margin:0 auto;width:40% !important;height:inherit !important;}
#lightbox-container-image{padding:10px;}
#lightbox-container-image img{width:100% !important;background:url('/images/lightbox-ico-loading.gif') 32px no-repeat center !important;}
#lightbox-loading{height:32px;width:32px;text-align:center;margin:0 auto;display:block;line-height:0;display:inline-block;vertical-align:middle;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100% !important;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;display:block !important;background: transparent url("/images/lightbox-btn-prev.gif") no-repeat scroll top 49% left 5% !important;}
#lightbox-nav-btnNext{right:0;float:right;display:block !important;background: transparent url("/images/lightbox-btn-next.gif") no-repeat scroll top 49% right 5% !important;}
#lightbox-container-image-data-box{font:10px PeydaRegular;background-color:#817f80;margin:0 auto;line-height:1.4em;overflow:auto;width:33.9% !important;padding:0 10px 0;display:none !important}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:right;text-align:right;direction:rtl;}
#lightbox-image-details-caption{font-size:1.2em;color:White;text-align:right;direction:ltr;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;font-size:0.9em;}
#lightbox-secNav-btnClose{width:66px;float:left;padding-bottom:0.7em;margin-top:0px;}
div#divAll div.divSignupForm{width:60%;margin:0 auto;background:#EEEFF1}
div#divAll div.divSignupForm div.divForm{width:50%;}
div#divAll div.divSignupForm div.divHelpForm{width:50%;float:right;}
div.divMenuUs{background:#eeeeee;margin-bottom:5%;}
div.divMenuUs div.divMenuUsIn{width:20%;float:right;text-align:center;}
div.divMenuUs a{color:#828081;font-size:1.2em;line-height:3em}
div.divMenuUs a:hover{color:#922d90}
div#divAll table.UserInfo{width:100%;margin:0 auto;font-size:15px;background:#fff;box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);border: 1px solid #dedede;}
div#divAll table.UserInfo td{padding:2% 1%;width:16%;border: 1px solid #dedede}
div#divAll table.UserInfo td span{color:#333;font-size:1.1em}
div#divAll table.UserInfo td p{color:#8a8a8a;font-size:1.25em;line-height:2em}
div.divProfile{width:70%;margin:0 auto;font-size:15px;padding:5% 0%;}
div.divProfile div.divUserInfo span.STitle{color:#838182 !important}
.backE{background:#eeeeee}
div#divAll div.divPro{position:relative;box-shadow:0 3px 8px rgba(2,25,89,.07)!important;width:19.8%;background:#f6f6f6;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;padding:1.5%;box-sizing:border-box;border:1px solid #eef2f9}
div#divAll div.divPro img{width:100%;}
div#divAll div.divPro img{margin-left:auto;margin-right:auto;display:block}
div#divAll div.divPro a{font-size:14px;}
div#divAll div.divPro:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
div#divAll div.divPro p.SomeComment{font-family:BYekan;line-height: 1.5em;font-size:.85em;}
div#divAll div.divPro p{line-height:1em;margin:0 1%;}
div#divAll div.divPro .Price{position:absolute;bottom:1%;left:50%;transform: translateX(-50%);}
.container{display: flex;
  justify-content: center;
  align-items: center;}
.container .wrapper{background-color: #fff;
  padding: 20px;
  width: 300px;
  border-radius: 5px;
  position: relative;}
.container .wrapper header{position: relative;
  top: -50px;
  display: flex;
  flex-direction: column;
  align-items: center;}
.container .wrapper header h1{matgin-top: 30px;
  margin-bottom: 0;
  color: #ddd;
  font-weight: 500;}
.container .wrapper header p{color: #898a8e;
  margin: 3px 0 0 0;
  font-weight: 300;}
.container .wrapper footer{position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;}
.container .wrapper footer a{background: #fcfcfc;
        color: #7b7b7b;
        border: 1px solid #ebebeb;
        font-size: .85em !important;
        padding: 2% 0%;
        line-height: 1.3em}
.container .wrapper footer button.follow{background: linear-gradient(to right, #555eea, #CD84F4);
  border-radius: 0 0 5px 0;}
.container .wrapper footer button.next{background-color: #898a8e;
  border-radius: 0 0 0 5px;}
@media screen and (max-width: 320px){
.wrapper{margin: 0 10px;}
}
div#divAll div#divProTitle{width:54%;float:left;box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:1% 3% 1% 3%;margin-bottom:1%;background:#ded580;color:white}
img.ImgBasket{width:90%;}
.DelBasket::after{content: "\f014";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:1.5em;color:#91278f;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.Basket tr{position:relative}
.Basket td{font-size:.8em;vertical-align:top;border-bottom: 1px solid rgba(0,0,0,.24);padding:6px 0px;color:#4f4f4f}
.Basket td a{color:#4f4f4f !important}
table.Basket tr td:nth-child(7){display:none;}
table.Basket tr td:nth-child(4){display:none;}
table.Basket tr td:nth-child(5){display:none;}
table.Basket tr td:nth-child(3){width:45%;}
table.Basket tr td:nth-child(6){width:25%;}
table#gvBasket tr td:last-child{display:none;}
div#divAll table.tbBasket{width:100%;text-align:center;}
div#divAll table.tbBasket tr{color:#777a85}
div#divAll table.tbBasket th{background:#ddd15d;height:30px;padding-top:.4%;display:none}
div#divAll table.tbBasket div.divBasketPro td tr td{width:25% !important}
div#divAll table.tbBasket tr td{width:25%;padding:1% 0;vertical-align:middle;}
div#divAll table.tbBasket tr td a{color:#817f80;}
div#divAll table.tbBasket div.divBasketPro{width:98%;padding:1%;position:relative;}
div#divAll div.divDiscount{background:#91278f;border-radius:1rem;color:#fff;font-size:1.1em;padding:3px .7rem 1px;display:inline-block;margin-right:1%;}
div#divAll div.divPro{position:relative;background:#fff;border-radius:15px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;}
div#divAll div.divPro img{width:100%;}
div#divAll div.divPro img{margin-left:auto;margin-right:auto;display:block}
div#divAll div.divPro a{font-size:14px;}
div#divAll div.divPro:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2)}
div#divAll div.divPro p.SomeComment{font-family:PeydaRegular;line-height: 1.5em;font-size:.85em;}
div#divAll div.divPro p{line-height:1em;margin:0 1%;}
div#divAll div.divPro .Price{position:absolute;bottom:1%;left:50%;transform: translateX(-50%);}
div#divAll div.divPro div.divProTitle{margin-bottom:2%;padding: 3% 5%;}
div#divAll div.divPro div.divProTitle a{font-size:.75em;font-family:PeydaSemiBold}
div#divAll div.divPro div.divPrice{text-align:left;font-size:.9em;font-family:DemiBold;padding: 3% 5%;}
div.divSearch{width:100%;text-align:center;display:none;padding:2% 0%;position:fixed;top:0;right:0;z-index:10000000000;}
div.divSearch input#txtSearch{width:25%;height:25px;border:none;border-bottom:1px solid rgba(212, 212, 212, 0.82);padding:.2% .5%;background:transparent;}
.row{width: 100%;}
.row .block{width:auto;
    height: 150px;
    display:table;
margin:0 auto;}



div.divPayment{width:70%;margin:0 auto;}
div.divPayment h2{line-height: 1.375;font-size:1.1em;margin-bottom:2%}
div.divPayment a.NewAddress{color:#00bfd6;font-size:.857rem;line-height:1.833;font-weight: 700;margin-top:5%;}
div#divAll div.divPaymentR{width:70%;float:right;}
div#divAll div.divPaymentR ul.UlTransfer .li50{float:right;width:50%;}
div#divAll div.divPaymentR ul.UlTransfer li{margin:.7% 0;font-size:1.1em;}
div#divAll div.divPaymentR ul.UlTransfer i{font-size:1.2em;}
div.divBox{background:#fff;font-size:14px;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.1);padding:2% 2%;border:1px solid #e7e7e7;border-radius:8px;margin-bottom:1%;}
.RequestShop{border-radius:8px;border:1px solid rgba(0,0,0,.24);width:100%;height:100px;}
div#divAll div.divPaymentL{width:29%;float:left;}
div#divAll div.divPaymentL div.divOperations{background-color: #fff;padding:4%;-webkit-box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);box-shadow: 0 8px 13px -7px rgba(0,0,0,.05);border: 1px solid #e6e6e6;line-height: 22px;border-radius: 8px;}
div#divAll div.divPaymentL div.divOperations ul.ulPayment li{display:flex;justify-content: space-between;-webkit-box-pack: justify;-ms-flex-pack: justify;color:#777;margin: 6px 0;font-size:.929rem;}
div#divAll div.divPaymentL div.divOperations ul.ulPayment li.br{border-top:1px solid #e6e6e6;font-weight: 700 !important;color: #000 !important;padding-top:5%;}
.CommentPaymentL{font-size:.857rem;color:#695f5f;line-height: 1.833;margin-top:10px;}
div#divAll div.divSignupForm{width:60%;margin:0 auto;background:#EEEFF1}
div#divAll div.divSignupForm div.divForm{width:50%}
div#divAll div.divSignupForm div.divHelpForm{width:50%;float:right;}
div#divAll table.UserInfo{width:95%;margin:0 auto;border:1px solid #cc9c0e;font-size:15px}
div#divAll table.UserInfo td{border:1px solid #b4b4b4;padding:1%}
.nivoSlider{position:relative !important;width:100%;height:auto;overflow:hidden;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
.nivo-main-image{display:block;position:relative !important;width:100% !important;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:100;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
.nivo-slice{display:block;position:absolute;z-index:1;height:100%;top:0;}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img{display:block !important;}
.nivo-caption{position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:0.8;overflow:hidden;display:none !important;-moz-opacity:0.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:PeydaRegular;}
.nivo-caption p{padding:5px;margin:0;font-family:PeydaRegular;}
.nivo-caption a{display:inline !important;}
ctionNav a{z-index:10000;cursor:pointer;color:#070707;font-size:0.5em;}
.nivo-prevNav{position:absolute;left:0%;width:40px;height:37px;background-image:url("/images/ArrowL.png");top:50%;transform: translateY(-50%);}
.nivo-nextNav{position:absolute;right:.8%;width:25px;height:37px;background-image:url("/images/ArrowR.png");top:50%;transform: translateY(-50%);}
.nivo-controlNav{position:absolute;z-index:1000000;bottom:1%;left:50%;transform:translateX(-50%);}
.nivo-controlNav a{z-index:9;display:inline-block;width:22px;height:22px;background:url(/images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin: 0 2px;}
.nivo-controlNav a.active{background-position:0 -22px;}
.slider{width:100%;margin:.5% auto;}
.btnClose{background:url('/images/close.png');height:15px;width:15px;display:inline-block;}
:root{--bg-asphalt: #1b1c1f;
    --bg-asphalt-2: #232428;
    --accent: #ffb400;
    --text: #ffb400;
    --muted: #9a9ca3;
    --line: #4a4c52;
    --radius: 14px;}
.hero-slider{position: relative;
    width: 100%;
    height: min(64vw, 560px);
    min-height: 340px;
    overflow: hidden;
    isolation: isolate;
    padding:0% 10%;}
.hero-slider .active{border:none}
.hero-slider:focus-visible{outline:3px solid var(--accent); outline-offset:3px;}
.asphalt-bg{position:absolute; inset:0;
    z-index:0;}

.slides{position:relative; width:100%; height:100%; z-index:2;}
.slide{position:absolute; inset:0;
    display:flex;
    flex-direction:row;
    direction:ltr; 
    align-items:center;
    justify-content:space-between;
    gap:clamp(16px,3vw,40px);
    padding:0 clamp(20px,5vw,64px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;}
.slide.active{opacity:1; pointer-events:auto;}
.slide-car{flex:1.1 1 0;
    position:relative;
    display:flex;justify-content:center;
    height:100%;
    opacity:0;
    width:50%;}
.slide[data-dir="left"]   .slide-car{transform:translateX(-120%);}
.slide[data-dir="right"]  .slide-car{transform:translateX(120%);}
.slide[data-dir="top"]    .slide-car{transform:translateY(-120%);}
.slide[data-dir="bottom"] .slide-car{transform:translateY(120%);}
.slide:not([data-dir]) .slide-car{transform:translateX(-120%);}
.slide.active[data-dir="left"]   .slide-car{animation:carInLeft .9s cubic-bezier(.2,.7,.25,1) forwards;}
.slide.active[data-dir="right"]  .slide-car{animation:carInRight .9s cubic-bezier(.2,.7,.25,1) forwards;}
.slide.active[data-dir="top"]    .slide-car{animation:carInTop .9s cubic-bezier(.2,.7,.25,1) forwards;}
.slide.active[data-dir="bottom"] .slide-car{animation:carInBottom .9s cubic-bezier(.2,.7,.25,1) forwards;}
.slide.active:not([data-dir])    .slide-car{animation:carInLeft .9s cubic-bezier(.2,.7,.25,1) forwards;}
@keyframes carInLeft{0%{transform:translateX(-120%); opacity:0;}
    70%{opacity:1;}
    100%{transform:translateX(0); opacity:1;}}
@keyframes carInRight{0%{transform:translateX(120%); opacity:0;}
    70%{opacity:1;}
    100%{transform:translateX(0); opacity:1;}}
@keyframes carInTop{0%{transform:translateY(-120%); opacity:0;}
    70%{opacity:1;}
    100%{transform:translateY(0); opacity:1;}}
@keyframes carInBottom{0%{transform:translateY(120%); opacity:0;}
    70%{opacity:1;}
    100%{transform:translateY(0); opacity:1;}}
.slide.active .slide-car::after{animation:skid .9s ease-out forwards;
    animation-delay:.05s;}
@keyframes skid{to{transform:scaleX(1);}}
.slide.active .slide-car::after{animation:skid .9s ease-out forwards;
    animation-delay:.05s;}
@keyframes skid{to{transform:scaleX(1);}}
.slide-content{flex:1 1 0;
    direction:rtl;
    text-align:right;
    transform:translateX(120%);
    opacity:0;padding-left:15%}
.slide.active .slide-content{animation:textIn .8s cubic-bezier(.2,.7,.25,1) forwards;
    animation-delay:.15s;}
@keyframes textIn{0%{transform:translateX(120%); opacity:0;}
    100%{transform:translateX(0); opacity:1;}}
.slide-title{font-size:clamp(22px, 3.4vw, 40px);
    font-weight:800;
    line-height:1.35;
    margin:0 0 10px;color:#000000db;}
.slide-title em{color:var(--accent); font-style:normal;}
.slide-sub{font-size:clamp(13px,1.4vw,16px);
    color:var(--muted);
    line-height:1.9;
    margin:0 0 22px;
    max-width:38ch;}
.cta{display:inline-flex; align-items:center; gap:8px;
    background:var(--accent);
    color:#1b1c1f;
    font-weight:700;
    font-size:14px;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;}
.cta:hover{transform:translateY(-2px); box-shadow:0 10px 20px rgba(255,180,0,.25);}
.cta:focus-visible{outline:2px solid var(--text); outline-offset:3px;}
.arrow{position:absolute; top:50%; translate:0 -50%;
    z-index:4;
    width:42px; height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(20,20,22,.55);
    backdrop-filter:blur(4px);
    color:#fff;
    font-size:18px;
    cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:background .15s ease, border-color .15s ease;}
.arrow:hover{background:rgba(255,180,0,.85); color:#1b1c1f; border-color:transparent;}
.arrow.prev{right:16px;}
.arrow.next{left:16px;}
.dots{position:absolute; z-index:4;
    bottom:18px; left:0; right:0;
    display:flex; justify-content:center; gap:8px;}
.dot{width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgb(0 0 0 / 30%);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background .2s ease, width .2s ease;}
.dot.active{background:var(--accent); width:24px; border-radius:5px;}
@media (max-width:760px){
.hero-slider{height:auto; min-height:0;}
.slide{flex-direction:column;
      direction:rtl;
      padding:24px 20px 76px;
      gap:6px;
      position:relative;
      height:auto;}
.slide:not(.active){display:none;}
.slide-car{height:180px;}
.slide-content{text-align:center;}
.slide-sub{max-width:none; margin-inline:auto;}
}
@media (prefers-reduced-motion: reduce){
.slide-car, .slide-content, .slide-car::after{animation:none !important; transform:none !important;}
.slide-car, .slide-content{opacity:1;}
}
#divCathome{background-color: #fff;
  padding-bottom: 3%;
  margin: 0;}
#divCathome #divCathomeIn{display: flex;
  flex-wrap: wrap;
  justify-content: center;}
#divCathome .cx-item{display: flex;
  flex-direction: column;
  align-items: center;
  width: 220px;
  margin-bottom: 20px;}
#divCathome .cx-box{position: relative;
  display: block;
  width: 160px;
  height: 160px;
  flex: none;
  -webkit-tap-highlight-color: transparent;}
#divCathome .cx-circle{position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 160px;
        height: 160px;
        min-width: 160px;
        min-height: 160px;
        max-width: 160px;
        max-height: 160px;
        box-sizing: border-box;
        border-radius: 50%;
        background: linear-gradient(135deg, #e2e2e2 0%, #afafaf 55%, #757575 100%);
        box-shadow: 0 8px 20px rgb(104 104 104 / 35%);
        transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), box-shadow .45s ease;}
#divCathome .cx-circle::after{content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.55), transparent 55%);}
#divCathome .cx-circle::before{content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 2px dashed #ff5e00;
  opacity: 0;
  transform: scale(.85) rotate(0deg);
  transition: opacity .35s ease, transform .6s ease;}
#divCathome .cx-img{position: absolute;
  left: 20px;
  top: 20px;
  width: 120px;
  height: 120px;
  max-width: none;
  object-fit: contain;
  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1),
              filter .45s ease;
  filter: drop-shadow(0 5px 6px rgba(0,0,0,.25));
  pointer-events: none;}
#divCathome .cx-box:hover .cx-circle{transform: scale(1.08);
  box-shadow:0 14px 30px rgb(255 255 255 / 50%);}
#divCathome .cx-box:hover .cx-circle::before{opacity: 1;
  transform: scale(1) rotate(180deg);}
#divCathome .cx-box:hover .cx-img{transform: translateY(-4px) scale(1.15) rotate(-4deg);
  filter: drop-shadow(0 12px 10px rgba(0,0,0,.35));}
#divCathome .cx-line{width: 130px;
  height: 1px;
  margin-top: 24px;
  background-color: #ddd;
  transition: width .35s ease, background-color .35s ease;}
#divCathome .cx-item:hover .cx-line{width: 180px;
  background-color: #ff7a18;}
#divCathome .cx-name{display: block;
  margin-top: 4px;
  color: #404245;
  font-size: 1.05em;
  font-weight: 600;
  text-align: center;
  line-height: 2;
  transition: color .3s ease;}
#divCathome .cx-item:hover .cx-name{color: #ff5e00;}
.divBrand{padding:1% 5%}
.divBrand h2{line-height:3em;margin-bottom:1%;color:rgba(0,0,0,0.87);font-size:1.2em}
.divBrands{width:9%;
    border-radius: 5px;
    padding:.5%;
    background: #fff;
    float: right;
    margin:.5%;
    box-shadow:0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);box-sizing:border-box;}
.divBrands img{width: 100%;display:block}
.switch{display: table-cell;
    vertical-align: middle;
    padding: 10px}
@media(min-width: 768px) and (max-width:991px){
body{overflow-x: hidden}
}
*, :before, :after{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box}
span.figure{margin:0;padding:0;overflow:hidden;}
span.figure:hover+span{bottom:-36px;opacity:1;}

.btn{background: #428bca;
  border: #357ebd solid 0px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  
  position: relative;
  transition: color .1s ease;}
.btn:hover{background: #357ebd;}
.pure-material-textfield-outlined{--pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    
    padding-top: 6px;
    font-size: 16px;
    line-height: 1;
    overflow: hidden;
    width:60%;}
.pure-material-textfield-outlined > input,
.pure-material-textfield-outlined > textarea{box-sizing: border-box;
    margin: 0;
    border: solid 1px #bababa; 
    
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    
    background-color: transparent;
    box-shadow: none; 
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;}
.pure-material-textfield-outlined > input + span,
.pure-material-textfield-outlined > textarea + span{position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size:90%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;}
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::before,
.pure-material-textfield-outlined > textarea + span::after{content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;}
.pure-material-textfield-outlined > input + span::before,
.pure-material-textfield-outlined > textarea + span::before{margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;}
.pure-material-textfield-outlined > input + span::after,
.pure-material-textfield-outlined > textarea + span::after{flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;}
.pure-material-textfield-outlined:hover > input,
.pure-material-textfield-outlined:hover > textarea{border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;}
.pure-material-textfield-outlined:hover > input + span::before,
.pure-material-textfield-outlined:hover > textarea + span::before,
.pure-material-textfield-outlined:hover > input + span::after,
.pure-material-textfield-outlined:hover > textarea + span::after{border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);}
.pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown{border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown{border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span{font-size: inherit;
    line-height:60px;}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after{border-top-color: transparent;}
.pure-material-textfield-outlined > input:focus,
.pure-material-textfield-outlined > textarea:focus{border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;}
.pure-material-textfield-outlined > input:focus + span,
.pure-material-textfield-outlined > textarea:focus + span{color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-textfield-outlined > input:focus + span::before,
.pure-material-textfield-outlined > input:focus + span::after,
.pure-material-textfield-outlined > textarea:focus + span::before,
.pure-material-textfield-outlined > textarea:focus + span::after{border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);}
.pure-material-textfield-outlined > input:disabled,
.pure-material-textfield-outlined > input:disabled + span,
.pure-material-textfield-outlined > textarea:disabled,
.pure-material-textfield-outlined > textarea:disabled + span{border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;}
.pure-material-textfield-outlined > input:disabled + span::before,
.pure-material-textfield-outlined > input:disabled + span::after,
.pure-material-textfield-outlined > textarea:disabled + span::before,
.pure-material-textfield-outlined > textarea:disabled + span::after{border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;}
.pure-material-textfield-outlined > input:disabled:placeholder-shown,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span{border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;}
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
.pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after{border-top-color: transparent !important;}
@media not all and (min-resolution:.001dpcm){
@supports (-webkit-appearance:none){
.pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after{transition-duration: 0.1s;}
}
}
a{text-decoration:none;}
li{list-style:none;}
.sidebar-menu-arrow2:after{padding:5px;color:#f7941d;position:relative;}
.sidebar-menu-arrow2:hover:after{cursor:pointer;color:red;}
.sidebar-menu-arrow2:active:after{top:2px;}
button, input, select, textarea{font-family: inherit;
    font-size: inherit;
    line-height: inherit;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;
        cursor: pointer;}
.nav{padding-left: 0;
    margin-bottom: 0;
    list-style: none;}
.nav > li{position: relative;
    display: block;}
.nav > li > a{position: relative;
    display: block;
    padding: 10px 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:.9em;}
.row{width: 100%;}
.carousel{position: relative;}
.container::after, .nav::after, .row::after{clear: both;}
.btnR{font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    line-height: 3em;
    width: 100%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(195 0 0), rgb(255 0 0), rgba(34,34,34,0), rgba(34,34,34,0));
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-color: #ef4056;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 7px;
    font-weight: bold;
    font-family: PeydaRegular;}
.btnR:hover{color:white !important;
  background-position: 99% 50%;}
.btnShop{font-size: 15px;
    color: #fff !important;
    border-radius: 0;
    line-height: 3em;
    width: 100%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(195 0 0), rgb(255 0 0), rgba(34,34,34,0), rgba(34,34,34,0));
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-color: #91278c;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    font-weight: bold;
    font-family: PeydaRegular;}
.btnShop:hover{color:white !important;
  background-position: 99% 50%;}
.btnR2{font-size: .85em;
    color: #fff !important;
    border-radius: 0;
    padding: .4% 2%;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, rgb(195 0 0), rgb(255 0 0), rgba(34,34,34,0), rgba(34,34,34,0));
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-color: #5a5a5a;
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    border: none;
    border-radius: 25px;
    font-weight: bold;
    font-family: PeydaRegular;}
.btnR2:hover{color:white !important;
  background-position: 99% 50%;}
section.sec18 div.divSendBox{margin-bottom:5%;}
section.sec18  textarea{background: #fff;width:100%;margin:0 auto;height:70px;margin-bottom:2%;
  color: #525865;
  border-radius:10px;
  border: 1px solid #d1d1d1;
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  outline: none;
  padding:2% 2%;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;}
section.sec18  input.Send2{background: #fff;width:18%;margin-bottom:2%;
  color: #525865;
  border-radius:10px;
  border: 1px solid #d1d1d1;
  font-family: inherit;
  font-size:.9em;
  float:right;margin-left:.5%;
  line-height:3em;
  outline: none;
  padding:0% 2%;
  -webkit-transition: .18s ease-out;
  -moz-transition: .18s ease-out;
  -o-transition: .18s ease-out;
  transition: .18s ease-out;}
section.sec18{padding:0 15%}
.checkmark{width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
   margin: 0 auto;}
.checkmark__circle{stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}
.checkmark__check{transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke{100% {
        stroke-dashoffset: 0;
    }}
@keyframes scale{0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }}
@keyframes fill{100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }}
.value{position: absolute;
  top: 30px;
  left: 50%;
  margin: 0 0 0 -20px;
  width: 40px;
  text-align: center;
  display: block;
  
  
  
  font-weight: normal;
  font-family: Verdana,Arial,sans-serif;
  font-size: 14px;
  color: #333;}
.value i{font-style: normal;}
.PnlPayment{position:absolute;left:10.5%;width:29%;}
div.divSpecial{background:#ef3a4f;box-sizing:border-box;border-radius:15px;padding:1% 0}
div.divSpecial div.divSpecialDef{width:20%;float:right;}
div.divSpecial div.divSpecialDef img{width:60%;}
div.divSpecial h2{color: #ef3a4f;
    text-align: center;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 20% 0;}
.boxSt{animation: animName 50s linear infinite;}
@keyframes animName{0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }}
.divBannerHome img{width:50%;float:right;display:block;border-radius:15px;padding:0 .5%;box-sizing:border-box}
.ImgBrand{float:left;vertical-align:middle;width:15%;margin: 0 1% 1% .5%;}
.grid{position: relative;}
.grid figure{position: relative;
        overflow: hidden;
        margin: .5%;
        cursor: pointer;}
.grid figure img{position: relative;
            display: block;
            width: 100%;}
.grid figure figcaption{padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: .9em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;}
.grid figure figcaption::before,
            .grid figure figcaption::after{pointer-events: none;}
.grid figure figcaption,
            .grid figure figcaption > a{position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;}
.grid figure figcaption > a{z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;}
.grid figure h2{word-spacing: -0.15em;
            font-weight: 300;}
.grid figure h2 span{font-weight: 800;}
.grid figure h2,
        .grid figure p{margin: 0;}
.grid figure p{letter-spacing: 1px;
            font-size: 68.5%;}
section#SecArticle img{width:100%;display:block;border-radius:5px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)}
section#SecArticle div.divArticleH1{width:50%;box-sizing:border-box;float:right;padding:.25%}
section#SecArticle div.divArticleH2{width:50%;box-sizing:border-box;float:right;padding:.25%}
section#SecArticle div.divArticleH2 div.divArticleHIn{width:50%;float:right;padding:0 .1% .1%;box-sizing:border-box}
div#divArticle{width: 90%;
    margin: 0 auto;
    font-size: 13px;}
div#divArticle img{margin-left:auto;margin-right:auto;display:block;box-shadow: 0px 0px 1px #cc9c0e;}
div#divArticle p{text-align:justify}
section#SecArticleIn{background:#f6f5f4;padding:2%;}
div.divArticle{padding:2% 4%;background:#fff;color:#404040;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);border-radius:7px;box-sizing:border-box}
div.divArticleIn{font-size:.85em;line-height: 2em;}
div.divArticleIn h2{color:#f9a300;font-weight:normal;font-size:1.3em}
div.divArticleIn h3{color:#d78d00;font-weight:normal;font-size:1.15em}
div.divArticleIn a{color:#e8b463;}
div.divArticleIn a:hover{color:#ffa700;}
div.divArticleHead{border-bottom: 1px solid #e1e0e0;margin-bottom:3%;padding-bottom:2.5%;color:#6b7074}
div.divArticleHead div.divDetail{float:left;padding-bottom: 2.5%;}
div.divArticleIn div.divArticleHead h1{font-size:1.5em;display:inline-block;font-weight:normal;color:#a90b0b;}
div.divArticle div.divArticleIn img{width:80%;margin-left:auto;margin-right:auto;display:block;}
div.divArticle div.divArticleIn video{width:80% auto !important;margin-left:auto;margin-right:auto;display:block;height:auto !important}
div.divArticle div.divArticleIn img.imgArt{width:85%;margin-bottom:3%;}

span.figure{margin:0;padding:0;overflow:hidden;}
span.figure:hover+span{bottom:-36px;opacity:1;}

a.All{color:white;font-size:18px;position:absolute;width:100%;height:100%;left:0;top:0;z-index:1000;}
.wrapper{background: #a9e4f7;
    background: linear-gradient(to right, #232526, #414345);
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    padding: 50px 0;}
.label{font-size: .625rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: +1.3px;
  margin-bottom: 1rem;}
.gallery{margin: 0 auto;
  column-count: 2;}
@media screen and (max-width: 500px){
.gallery{column-count: 1;}
}
@media screen and (min-width: 501px) and (max-width: 700px){
.gallery{column-count: 2;}
}
@media screen and (min-width: 701px) and (max-width: 900px){
.gallery{column-count: 3;}
}
.content{text-align: center;position: relative;}
#status{width: 200px;height: 200px;position: absolute;z-index:100000000000000000000000000000000;left: 50%;top: 50%;background-image: url('/images/loader.gif');background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;}
.status{position:absolute;z-index:100000000000000000000000000000000;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%)}
.checkbox{--background: #fff;
  --border: #D1D6EE;
  --border-hover: #BBC1E1;
  --border-active: #91278F;
  --tick: #fff;
  position: relative;}
.checkbox input,
.checkbox svg{width:30px;
  height:30px;
  display: block;}
.checkbox input{-webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin:0 auto;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
  border-radius:50%;}
.checkbox input:hover{--s: 2px;
  --b: var(--border-hover);}
.checkbox input:checked{--b: var(--border-active);}
.checkbox svg{pointer-events: none;
        fill: none;
        stroke-width: 2px;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: var(--stroke, var(--border-active));
        position: absolute;
        top: 50%;
        left: 50%;
        width: 25px;
        height: 25px;
        -webkit-transform:translateX(-35%) translateY(-45%);
        transform: translateX(-60%) translateY(25%);}
.checkbox.path input:checked{--s: 2px;
  transition-delay: 0.4s;}
.checkbox.path input:checked + svg{--a: 16.1 86.12;
  --o: 102.22;}
.checkbox.path svg{stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;}


.box{position:relative;
  display: block;
  width:18%;float:right;
  height: 300px;
  margin:1%;
  background-color: white;
  border-radius:50%;
  box-shadow:0px 0px 0px 2px rgba(95,95,95,1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
background: url('/images/flu.png');
background-repeat: no-repeat;
background-position: center center;}
.animate{-webkit-animation: ripple 0.4s linear;
          animation: ripple 0.4s linear;}
@-webkit-keyframes ripple{100% {
    opacity: 0;
    transform: scale(2.5);
  }}
@keyframes ripple{100% {
    opacity: 0;
    transform: scale(2.5);
  }}
table.Orw{border-collapse: collapse;width:85%;margin:0 auto;}
table.Orw th, table td{width:25%}
table.Orw tr{border-bottom: 1px solid #dcdcdc;}
table.Orw tr:first-child{border:none;}
table.Orw tr th{background-color: #eeeeee;
    color:#9a9899;
    width: 50%;
vertical-align:middle;}
table.Orw tr td{width: 50%}
table.Orw tr:first-child td{background-color: #fff;}
.btn{height: 50px;
	width: 150px;
	background: blueviolet;
	color: white;
	border: none;
	outline: none;}
.btn:hover{cursor: pointer;filter: brightness(120%);}
.wrap{display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 5rem;}
[tooltip]{position: relative;}
[tooltip]::before,
[tooltip]::after{text-transform: none;
  font-size: 0.9em;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;}
[tooltip]::before{content: "";
  border: 5px solid transparent;
  z-index: 1001;}
[tooltip]::after{content: attr(tooltip);
  font-family: "Segoe UI", Arial, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em 1em;
  border-radius: 5px;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #020204;
  color: #fff;
  z-index: 1000;}
[tooltip]:hover::before,
[tooltip]:hover::after{display: block;}
[tooltip=""]::before,
[tooltip=""]::after{display: none !important;}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before{bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after{bottom: calc(100% + 5px);}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after{left: 50%;
  transform: translate(-50%, -0.5em);}
[tooltip]:not([flow])::before,
[tooltip][flow^="up-left"]::before{bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-left"]::after{bottom: calc(100% + 5px);}
[tooltip]:not([flow])::before,
[tooltip][flow^="up-left"]::before{left: 25%;}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-left"]::after{left: 50%;}
[tooltip]:not([flow])::before,
[tooltip][flow^="up-right"]::before{bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #111;}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-right"]::after{bottom: calc(100% + 5px);}
[tooltip]:not([flow])::before,
[tooltip][flow^="up-right"]::before{left: 75%;
  transform: translate(-50%, -0.5em);}
[tooltip]:not([flow])::after,
[tooltip][flow^="up-right"]::after{left: 50%;
  transform: translate(-50%, -0.5em);}
[tooltip][flow^="down"]::before{top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;}
[tooltip][flow^="down"]::after{top: calc(100% + 5px);}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after{left: 50%;
  transform: translate(-50%, 0.5em);}
[tooltip][flow^="down-left"]::before{top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;}
[tooltip][flow^="down-left"]::after{top: calc(100% + 5px);}
[tooltip][flow^="down-left"]::before{left: 30%;}
[tooltip][flow^="down-left"]::after{left: 50%;}
[tooltip][flow^="down-right"]::before{top: 100%;
  border-top-width: 0;
  border-bottom-color: #020204;}
[tooltip][flow^="down-right"]::after{top: calc(100% + 5px);}
[tooltip][flow^="down-right"]::before{left: 70%;
  transform: translate(-85%, 0.5em);}
[tooltip][flow^="down-right"]::after{left: 50%;
  transform: translate(-50%, 0.5em);}
[tooltip][flow^="left"]::before{top: 50%;
  border-right-width: 0;
  border-left-color: #020204;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);}
[tooltip][flow^="left"]::after{top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);}
[tooltip][flow^="right"]::before{top: 50%;
  border-left-width: 0;
  border-right-color: #020204;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);}
[tooltip][flow^="right"]::after{top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="up-left"]:hover::before,
[tooltip][flow^="up-left"]:hover::after,
[tooltip][flow^="up-right"]:hover::before,
[tooltip][flow^="up-right"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after,
[tooltip][flow^="down-left"]:hover::before,
[tooltip][flow^="down-left"]:hover::after,
[tooltip][flow^="down-right"]:hover::before,
[tooltip][flow^="down-right"]:hover::after{animation: tooltips-vert 300ms ease-out forwards;}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after{animation: tooltips-horz 300ms ease-out forwards;}
@-moz-keyframes tooltips-vert{to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }}
@-webkit-keyframes tooltips-vert{to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }}
@-o-keyframes tooltips-vert{to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }}
@keyframes tooltips-vert{to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }}
@-moz-keyframes tooltips-horz{to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }}
@-webkit-keyframes tooltips-horz{to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }}
@-o-keyframes tooltips-horz{to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }}
@keyframes tooltips-horz{to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }}
.modal{position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  max-width:650px;
  min-width: 320px;
  z-index: 1000000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;}
.overlay{position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.3s;}
.btn{display: block;
  margin: 0 auto;
  color: #7875eb;
  border: 3px solid #7875eb;
  text-transform: uppercase;
  font-weight: bold;
  background: white;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 6px;}
@media only screen and (max-width:1300px){
div.onlinedesigns{width:48%}
}
@media only screen and (max-width:1100px){
.menu > ul > li a{text-decoration:none;padding:.12em 2em;display: block;}
div#divAll div.divPro{width:30.8%}
div#divAll div#divArticle img{margin-left:auto;margin-right:auto;display:block;width:100%}
div#divAll div.divContent{width:95%}
.c-checkout-steps{width:600px}
.c-checkout-steps li::before{width:280px}
}
@media only screen and (max-width:999px){
div#divAll div.divPro{height:280px}
div.divSpecial{display:none}
div.divSlider{width:100%;float:none;}
.menu > ul > li a{text-decoration:none;padding:.12em 1.4em;display: block;}
.menu li a{padding: 12px 12px !important;font-size:.73em !important}
div#divAll div.divPro a{font-size: 12px;}
.w-95-480{width:95% !important}
}
@media only screen and (max-width:740px){
div#divAll div.divPro div.divProTitle a{font-size:.65em !important;}
div#divAll div.divPro div.divPrice{font-size:.8em !important;}
div#divFooter div.divFooterIn h4{width:100%}
div#divProduct div#divProductdetail h1{font-size:1em;}
div#divProduct div#divProductdetail  #divProductdetailL h3{font-size:.9em;}
.table-fill td span.Title{font-size:.7em}
div#divProduct{display: block}
div#divProduct div#divProductimg{display: flex;
    padding: 2%;
    width: 96%;}
div#divProduct div#divProductdetail{width: 98%;padding: 1%;}
div#divProduct div#divProductdetail div#divProductdetailL{float:initial;width:100%;}
div#divProduct div#divProductdetail div#divProductdetailPrice{float:initial;width:100%;margin-top:2%;}
.divshopserv{flex-wrap: wrap;}
.divshopserv .divshopservin{width:25%;}
div#divProduct div#divProductdetail div#divProductdetailPrice div.divPriceProperty{line-height:5}
.divCommentPro{font-size:.8em;}
section.sec18{padding: 0 5%;}
section.sec18 p{font-size:.8em}
section.sec18 textarea{width:96%;}
section.sec18 input.Send2{width:96%;}
.divBrands{width:49%;}
.divBannerHome img{width:100%;margin-bottom:2%}
section#SecArticle div.divArticleH1{width:100%;
    box-sizing: border-box;
    float:none;
    padding: .25%;}
section#SecArticle div.divArticleH2{width: 100%;
    box-sizing: border-box;
    float: none;
    padding: .25%;}
section#SecArticle div.divArticleH2 div.divArticleHIn{width: 100%;
    float:none;
    padding: 0 .1% .1%;
    box-sizing: border-box;}
div#divFooter div.divFooterIn{width:100%;float: right;margin-top:10%}
div.divPayment{width:92%}
div#divAll div.divPaymentL{width:100%;float: none;}
div#divAll div.divPaymentR{width:100%;float:none;}
.PnlPayment{top:inherit !important;position:inherit;margin-bottom:5%;width: 94%;margin:0 auto;background: #f5f5f5;padding: 0% 3%;padding-bottom: 0%;padding-bottom: 15%;}
div.divSearch input#txtSearch{width:80%;}
.c-checkout-steps{width:400px}
.c-checkout-steps li::before{width:180px}
div.divProfile{width:100% !important;
    margin: 0 auto;
    font-size: 15px;
    padding: 5% 0%;}
.Mediumtxt{font-size: .8em;}
.btnR{line-height:2.5em}
.nivo-nextNav{right: 2%;}
div.divLogin{width: 90%;}
.nivo-prevNav{left: -2%;}
div.divContent h1{font-size: 1.1em;
    line-height: 2.2em;}
.nivo-directionNav{display: none;}
div#divAll div.divArticle{width:94%;padding:2% 2%;float:none;font-size: 13px;line-height: 2em;}
div#divAll div.divArticle div.divArticleIn img{width:80%;margin-left:auto;margin-right:auto;display:block}
div#divAll div.divArticle div.divArticleIn img.imgArt{width:40%;float:left;margin-right:2%;margin-bottom:2%;}
div.divArticleIn img{width:100%;margin-left:auto;margin-right:auto;display:block}
div#divAll div.divPro{height:auto}
div.divProfile div.divUserInfo{width:90% !important;float:none !important;margin:0 auto}
#lightbox-container-image-box{position:relative;background-color:#000;width:100% !important;height:auto !important;margin:0 auto;}
#lightbox-container-image-data-box{font:10px PeydaRegular;background-color:#000;margin:0 auto;line-height:1.4em;overflow:auto;width:100% !important;}
div#divAll div.divSignupForm{width:90%;margin:0 auto;background:#EEEFF1}
div#divAll div.divSignupForm div.divForm{width:100%;float:none;margin:0 auto;padding:5% 0%}
div#divAll div.divSignupForm div.divHelpForm{width:100%;float:none;margin:0 auto;border-bottom:10px solid #fff;padding:5% 0%}
.lux-title:after{background:url('/images/BackTitle1-r.png');width:75px;height:10px;display:inline-block;background-repeat:no-repeat;content: " ";margin-right:.5%}
.lux-title::before{background:url('/images/BackTitle2-r.png');width:75px;height:10px;display:inline-block;background-repeat:no-repeat;content: " ";margin-left:.5%}
.lux-title{font-size:.75em !important}
.menu > ul > li a{padding: 0.1em 1.5em;}
#lightbox-nav-btnPrev{left:0;float:left;display:block;height:180px !important;}
#lightbox-nav-btnNext{right:0;float:right;display:block;height:180px !important;}
}
@media only screen and (max-width:580px){
div.onlinedesigns{width:98%}
table.Orw tr th{width:96%}
table.Orw tr td{width:96%}
div.divAddress{width:80%;}
div.divMenuUs a{font-size:.7em}
.c-checkout-steps{width:320px}
.c-checkout-steps li::before{width:140px}
div#divAll table.UserInfo img{width:18px;}
table.Orw{width:100%;}
table.Orw th, table.Orw td{padding: 2% !important;
width: 46%;
display: block;
float: right;}
div#divAll table.tbBasket tr td{width: 96%;}
table.Orw{width:100%;text-align:right}
table.Orw tr th{font-size: .7em;}
div.divProfile div.divUserInfo{width: 100% !important;
    float: none !important;
    margin: 0 auto;}
.modal2{padding-top:5%}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart1{width:90%;float:none;}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart2{width:90%;float:none;margin:15% 0%}
div#divAll div#divContent-contact div#divContent-contactIn div#divContact-Tel div.divPart3{width:90%;float:none;}
div#divAll div.divPro{width:98%;}
div#divAll div.divPro img{width:99%;}
#lightbox-container-image-box{width: 95% !important;
    height: inherit !important;}
.box{width:48%;}
}
@media only screen and (max-width:480px){
h1{font-size:.8em}
h2{font-size:.7em}
.Property{width:28%;}
div.divAddress{width:85%;}
div.divContent h2{font-size:1em !important;}
#lightbox-container-image-box{width: 95% !important;}
div#divAll div.divArticleIn{font-size:.85em;line-height: 2em;}
#mySidenav2{width:60% !important}
div#divAll div.divArticle div.divArticleIn img{width:95%;margin-left:auto;margin-right:auto;display:block}
div#divAll div.divArticle div.divArticleIn img.imgArt{width:95%;float:none;margin-right:auto;margin-left:auto;display:block;margin-bottom:2%;}
.row .block{height:auto;}
.samaltxt-480{font-size:.7em !important}
.largtxt-480{font-size:1em !important}
div#divAll div.divPaymentR ul.UlTransfer li{margin: 2% 0;
    font-size: .95em;}
.TextBox{width:39% !important;float:right;margin:2% 5%;}
.pure-material-textfield-outlined{width:90% !important}
.pure-material-textfield-outlined > input, .pure-material-textfield-outlined > textarea{padding:10px 13px 7px}
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span, .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span{line-height: 52px;
    font-size: .8em;}
.pure-material-textfield-outlined > input, .pure-material-textfield-outlined > textarea{width:100% !important}
div#divAll table.UserInfo{font-size:.6em}
img.ImgBasket{width:100%}
div#divAll table.tbBasket div.divBasketPro{font-size:12px}
div#divAll div#divCopyright p{font-size:.7em !important}
.pure-material-textfield-outlined{margin-bottom:2.2%}
.wrap{width:79%;margin-right:5%;margin-top:2%}
.c-checkout-steps__item{font-size: .9em;}
}
@media only screen and (max-width:410px){
.wrap{width:78%;margin-right:5%;margin-top:2%}
.c-checkout-steps{width:260px}
.c-checkout-steps li::before{width:110px}
}
@media only screen and (max-width:350px){
.wrap{width:76%;margin-right:5%;margin-top:2%}
.c-checkout-steps{width:230px}
.c-checkout-steps li::before{width:95px}
}
.link{font-size: 1.25rem;
  color: #13a699;
  padding: 8px;}
.input-number{width:20px;
  padding: 0 12px;
  vertical-align: topa;
  text-align: center;
  outline: none;}
.input-number, .input-number-increment{border:none;
  height: 40px;
  user-select: none;
  background:#fff;}
.input-number-increment{display: inline-block;
  width:30px;
  height:40px;
  line-height:40px;
  border-radius:10px 0px 0px 10px;
  background:#000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;}
.input-number-decrement2{display: inline-block;
  width:30px;
  height:40px;
  line-height:40px;
  border-radius:0 10px 10px 0;
  background:#000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  cursor: pointer;}
.input-number-increment:active{background: #ddd;}
.input-number-increment{border-left: none;}
.sa{padding: 26px;
  background-color: #fff;
  margin:0 auto;display:table;}
.sa-error{border-radius: 50%;
  border: 4px solid #F27474;
  box-sizing: content-box;
  height: 80px;
  padding: 0;
  position: relative;
  background-color: #fff;
  width: 80px;
  animation: animateErrorIcon 0.5s;}
.sa-error:after, .sa-error:before{background: #fff;
  content: "";
  height: 120px;
  position: absolute;
  transform: rotate(45deg);
  width: 60px;}
.sa-error:before{border-radius: 40px 0 0 40px;
  width: 26px;
  height: 80px;
  top: -17px;
  left: 5px;
  transform-origin: 60px 60px;
  transform: rotate(-45deg);}
.sa-error:after{border-radius: 0 120px 120px 0;
  left: 30px;
  top: -11px;
  transform-origin: 0 60px;
  transform: rotate(-45deg);
  animation: rotatePlaceholder 4.25s ease-in;}
.sa-error-x{display: block;
  position: relative;
  z-index: 2;}
.sa-error-placeholder{border-radius: 50%;
  border: 4px solid #ef394e;
  box-sizing: content-box;
  height: 80px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 80px;
  z-index: 2;}
.sa-error-fix{background-color: #fff;
  height: 90px;
  left: 28px;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 5px;
  z-index: 1;}
.sa-error-left, .sa-error-right{border-radius: 2px;
  display: block;
  height: 5px;
  position: absolute;
  z-index: 2;
  background-color:#ef394e;
  top: 37px;
  width: 47px;}
.sa-error-left{left: 17px;
  transform: rotate(45deg);
  animation: animateXLeft 0.75s;}
.sa-error-right{right: 16px;
  transform: rotate(-45deg);
  animation: animateXRight 0.75s;}
@keyframes rotatePlaceholder{0%, 5% {
    transform: rotate(-45deg);
  }
  100%, 12% {
    transform: rotate(-405deg);
  }}
@keyframes animateErrorIcon{0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }}
@keyframes animateXLeft{0%, 65% {
    left: 82px;
    top: 95px;
    width: 0;
  }
  84% {
    left: 14px;
    top: 33px;
    width: 47px;
  }
  100% {
    left: 17px;
    top: 37px;
    width: 47px;
  }}
@keyframes animateXRight{0%, 65% {
    right: 82px;
    top: 95px;
    width: 0;
  }
  84% {
    right: 14px;
    top: 33px;
    width: 47px;
  }
  100% {
    right: 16px;
    top: 37px;
    width: 47px;
  }}
.checkmark{width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
   margin: 0 auto;}
.checkmark__circle{stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}
.checkmark__check{transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke{100% {
        stroke-dashoffset: 0;
    }}
@keyframes scale{0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }}
@keyframes fill{100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }}
::-webkit-scrollbar{background: transparent;}
::-webkit-scrollbar-thumb{background: #d9d9d9;}
.table-fill{width:100%;}
.table-fill th{color:#D5DDE5;
  background:#1b1e24;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;}
.table-fill tr{font-size:16px;line-height:2em;}
.table-fill td span.Title{font-size:.85em;color:rgba(0,0,0,.50);}
.table-fill td i{font-size:1.1em;color:rgba(0,0,0,.50);}
.table-fill td{background:#FFFFFF;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;width:5%}

.flx{display:flex;
  justify-content: center;
  align-items: center;}
.nshare{box-sizing: border-box;
  margin-top: calc(var(--nshare-spacing) * -1);
  margin-right: calc(var(--nshare-spacing) * -1);}
.nshare-item{margin-right: var(--nshare-spacing);
  margin-top: var(--nshare-spacing);}
.nshare-item,
.nshare-item:hover,
.nshare-item:active{text-decoration: none;
  color: inherit;}
.nshare-item{transition: background .3s, color .3s;}
.nshare a{padding-bottom: initial !important;opacity:1 !important;}
.nshare-item i{transition: transform .3s;
  margin: 0;color:#fff;}
.nshare, .nshare-item{display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;}
.nshare-fb{background-color: var(--nshare-facebook);}
.nshare-pt{background-color: var(--nshare-pinterest);}
.nshare-ws{background-color: var(--nshare-whatsapp);}
.nshare-tlg{background-color: var(--nshare-telegram);}
.nshare-fb:hover{color: var(--nshare-facebook);}
.nshare-pt:hover{color: var(--nshare-pinterest);}
.nshare-ws:hover{color: var(--nshare-whatsapp);}
.nshare-tlg:hover{color: var(--nshare-telegram);}
.nshare-item:hover i{transform: rotate(360deg);}
.nshare{--nshare-spacing: .5rem; 
  padding-top:0; 
  padding-bottom:0;}
.nshare{--nshare-facebook: #1778F2;
  --nshare-twitter: #55ACEE;
  --nshare-pinterest: #F0002A;
  --nshare-tumblr: #35465C;
  --nshare-reddit: #FF4500;
  --nshare-vk: #4376A6;
  --nshare-whatsapp: #4FCE5D;
  --nshare-telegram: #0088CC;
  --nshare-email: #464EB8;}
.nshare-item{font-size: 22px !important; 
  width: 48px; 
  height: 48px; 
  border-radius: .5rem; 
  color: #fff; 
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.1),
              0 2px 5px -1px rgba(0,0,0,.05);}
:root{--stone-cream:#333;
  --stone-bronze:#c79a52;
  --stone-bronze-soft:#8a6d3c;
  --stone-taupe:#2a2a2a;
  --panel-radius: 7px;}
.profile-widget{position:relative;}
.profile-trigger{display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #cfcfcf;
  color:#333;
  font-family:inherit;
  font-size:13.5px;
  font-weight:600;
  padding:6px 14px 6px 8px;
  border-radius:7px;
  cursor:pointer;
  transition:transform .35s cubic-bezier(.2,.9,.3,1.3), box-shadow .35s ease, border-color .35s ease;}
.profile-trigger:hover{transform: translateY(-2px);
    box-shadow: 0 12px 24px -12px rgba(34, 29, 22, 0.25);
    border-color: var(--indigo);}
.profile-trigger:active{transform:translateY(0px) scale(.98);}
.profile-trigger:focus-visible{outline:2px solid var(--stone-bronze); outline-offset:3px;}
.avatar-ring{position:relative;
  display:grid; place-items:center;
  border-radius:50%;}
.avatar{position:relative;
  border-radius:50%;
  display:grid; place-items:center;
  font-weight:700; font-size:16px;
  color:#2a2116;
  transition:transform .4s cubic-bezier(.2,.9,.3,1.3);}
.chevron{width:14px; height:14px; flex:none;
  transition:transform .35s cubic-bezier(.2,.9,.3,1.3);
  color:var(--stone-taupe);}
.profile-widget.open .chevron{transform:rotate(180deg); color:var(--stone-bronze);}
.profile-panel{direction:rtl;
  position:absolute;
  top:calc(90% + 0px);
  left:0;
  width:290px;
  padding:18px 16px 12px;
  border-radius:var(--panel-radius);
  background:#fff;
  box-shadow:
    0 0 0 1px rgba(199,154,82,.16),
    0 30px 60px -12px rgba(0,0,0,.6),
    0 10px 26px -4px rgba(0,0,0,.5),
    0 0 46px -6px rgba(199,154,82,.14);
  transform-origin:top left;
  transform:scale(.92) translateY(-6px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform .32s cubic-bezier(.2,.9,.25,1.15), opacity .24s ease, visibility .32s;
  z-index:10000000000000000000000000000;}
.profile-widget.open .profile-panel{transform:scale(1) translateY(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;}
.panel-header{display:flex; align-items:center; gap:12px; padding:2px 4px 14px;}
.avatar-lg{width:46px; height:46px; border-radius:50%; flex:none;
  display:grid; place-items:center; font-weight:700; font-size:18px; color:#fff;background:#ed2553}
.panel-name{color:var(--stone-cream); font-weight:700; font-size:15px;}
.panel-phone{color:var(--stone-taupe); font-size:12.5px; margin-top:2px; direction:ltr; text-align:right;}
.panel-divider{height:1px; background:linear-gradient(90deg, transparent, rgba(199,154,82,.28), transparent); margin:2px 2px 6px;}
.panel-item{position:relative;
  display:flex; align-items:center; gap:12px;
  padding:11px 10px;
  border-radius:12px;
  color:var(--stone-cream);
  text-decoration:none;
  font-size:13.5px;
  font-weight:600;
  background:none; border:none; width:100%;
  font-family:inherit; text-align:right; cursor:pointer;
  overflow:hidden;
  transition:background .25s ease;}
.panel-item::before{content:"";
  position:absolute; inset:0;
  background:linear-gradient(100deg, transparent 30%, rgba(199,154,82,.14) 48%, transparent 66%);
  transform:translateX(120%);
  transition:transform .55s cubic-bezier(.2,.8,.2,1);}
.panel-item:hover::before{transform:translateX(-120%);}
.panel-item:hover{background:rgb(237 37 83 / 9%);}
.panel-item:hover .item-icon{color:#ef4056;transform:translateY(-1px);}
.item-icon{flex:none; width:19px; height:19px; color:var(--stone-taupe);
  transition:transform .3s cubic-bezier(.2,.9,.3,1.3), color .25s ease;}
.item-text{display:flex; flex-direction:column; gap:2px;}
.item-text span{color:#333;}
.item-sub{font-size:11.5px; font-weight:500; color:var(--stone-taupe);}
.panel-item.logout{color:#e08a6f;}
.panel-item.logout .item-icon{color:#e08a6f;}
.panel-item.logout:hover{background:rgba(224,138,111,.08);}
@media (prefers-reduced-motion: reduce){
.profile-panel, .profile-trigger, .avatar, .chevron, .panel-item, .panel-item::before, .avatar-ring::before{transition:none!important; animation:none!important;}
}
/* =====================================================================
   دکمه‌های هدر: «پروفایل من» و «سبد خرید» با ظاهر یکسان
   ===================================================================== */
.divUserMenu{ display:flex; align-items:center; gap:8px; }

.divUserMenu .profile-trigger,
.divUserMenu .cart-trigger{
    box-sizing:border-box;
    height:40px;
    display:flex; align-items:center; gap:8px;
    padding:0 14px 0 10px;
    margin:0;
    border:1px solid #cfcfcf;
    border-radius:7px;
    background:#fff;
    color:#333;
    font-family:inherit;
    font-size:13.5px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    position:relative;
    transition:transform .35s cubic-bezier(.2,.9,.3,1.3), box-shadow .35s ease, border-color .35s ease;
}
.divUserMenu .profile-trigger:hover,
.divUserMenu .cart-trigger:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px -12px rgba(34,29,22,.25);
}
.divUserMenu .profile-trigger:active,
.divUserMenu .cart-trigger:active{ transform:translateY(0) scale(.98); }

/* آیکن‌ها هم‌اندازه */
.divUserMenu .user-ico,
.divUserMenu .cart-ico svg{ width:20px; height:20px; display:block; color:#333; stroke:currentColor; }
.divUserMenu .cart-ico{ position:relative; display:grid; place-items:center; }

/* عدد روی سبد */
.divUserMenu .cart-badge{
    position:absolute; top:-15px !important; left:-10px !important;
    min-width:18px; height:18px; padding:0 5px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:9px; border:2px solid #fff;
    background:#ef4056; color:#fff;
    font-size:10.5px; font-weight:800; line-height:1;
}

/* حالت باز پروفایل */
.profile-widget.open .profile-trigger{ border-color:#ef4056; }

/* ---------- موبایل: فقط آیکن، هر دو مربع ۴۰×۴۰ ---------- */
@media (max-width:768px){
    .divUserMenu .profile-trigger,
    .divUserMenu .cart-trigger{ width:40px; min-width:40px; padding:0; gap:0; justify-content:center; }
    .divUserMenu .trigger-name,
    .divUserMenu .profile-trigger .chevron{ display:none; }
    .divUserMenu .profile-trigger:hover,
    .divUserMenu .cart-trigger:hover{ transform:none; }
    .profile-widget.open .user-ico{ color:#ef4056; }

    /* پنل پروفایل به‌صورت کارت تمام‌عرض زیر هدر */
    .profile-panel{
        position:fixed;
        top:var(--pp-top, 70px);
        left:12px; right:12px;
        width:auto; max-width:none;
        max-height:calc(100vh - var(--pp-top, 70px) - 12px);
        overflow-y:auto;
        transform-origin:top center;
        border-radius:14px;
    }
    .panel-item{ padding:13px 10px; }
}