ÿØÿà JFIF    ÿÛ „  ( %"1!%)+...383,7(-.+  -+++--++++---+-+-----+---------------+---+-++7-----ÿÀ  ß â" ÿÄ     ÿÄ H    !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ   ÿÄ %  !1AQa"23‘ÿÚ   ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ ú®ði~TÁbqÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6  öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ "Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷󲍷˜HT4&ÿ ÓÐü6ö®¿øþßèô Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãS炟[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt ‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%ºÍãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%ÌÁ²h´OƒJŒtMÜ>ÀÜÊw3Y´•牋4ǍýʏTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆѪQ|%6ž™A õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»& î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$˝Úsäÿ ÷Û #°xŸëí(l »ý3—¥5m! rt`†0~'j2(]S¦¦kv,ÚÇ l¦øJA£Šƒ J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉ䢍mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨ÖÚ5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg A2Z"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø ð\á)} ¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±N¢aF¨…8¯!U  Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD é©¤&‡ïDbàÁôMÁ." ¤‡ú*õ'VŽ|¼´Úgllº¼klz[Æüï÷Aób‡Eÿ dÑ»Xx9ÃÜ£ÁT/`¼¸vI±Ýµ·Ë‚“G³þ*Ÿû´r|*}<¨îºœ @¦mÄ’M¹”.œ«Y–|6ÏU¤jç¥ÕÞqO ˜kDÆÁ¨5ÿ š;ÐЦ¦€GÙk \ –Þ=â¼=SͧµªS°ÚÍpÜãQűÀõ¬?ÃÁ1Ñ•õZà?hóœ€ L¦l{Y*K˜Ù›zc˜–ˆâ ø+¾ ­-Ök¥%ùEÜA'}ˆ><ÊIè“bpÍ/qÞâvoX€w,\úªò6Z[XdÒæ­@Ö—€$òJí#é>'°Ú ôª˜<)4ryÙ£|óAÅn5žêŸyÒäMÝ2{"}‰–¤l÷ûWX\l¾Á¸góÉOÔ /óñB¤f¸çñ[.P˜ZsÊË*ßT܈§QN¢’¡¨§V¼(Üù*eÕ“”5T¨‹Âê¥FŒã½Dü[8'Ò¥a…Ú¶k7a *•›¼'Ò·\8¨ª\@\õ¢¦íq+DÙrmÎ…_ªæ»ŠÓœ¡¯’Ré9MÅ×D™lælffc+ŒÑ,ý™ÿ ¯þǤ=Å’Á7µ÷ÚÛ/“Ü€ñýã¼àí¾ÕÑ+ƒ,uµMâÀÄbm:ÒÎPæ{˜Gz[ƒ¯«® KHà`ߨŠéí¯P8Aq.C‰ à€kòpj´kN¶qô€…Õ,ÜNŠª-­{Zö’æû44‰sŽè‰îVíRœÕm" 6?³D9¡ÇTíÅꋇ`4«¸ÝÁô ï’ýorqКÇZ«x4Žâéþuïf¹µö[P ,Q£éaX±`PÉÍZ ¸äYúg üAx ’6Lê‚xÝÓ*äQ  Ï’¨hÍ =²,6ï#rÃ<¯–£»ƒ‹,–ê•€ aÛsñ'%Æ"®ÛüìBᝠHÚ3ß°©$“XnœÖ’î2ËTeûìxîß ¦å¿çÉ ðK§þ{‘t‚Ϋ¬jéîZ[ ”š7L¥4VÚCE×]m¤Øy”ä4-dz£œ§¸x.*ãÊÊ b÷•h:©‡¦s`BTÁRû¾g⻩‹jø sF¢àJøFl‘È•Xᓁà~*j¯ +(ÚÕ6-£¯÷GŠØy‚<Ç’.F‹Hœw(+)ÜÜâÈzÄäT§FߘãÏ;DmVœ3Àu@mÚüXÝü•3B¨òÌÁÛ<·ÃÜ z,Ì@õÅ·d2]ü8s÷IôÞ¯^Ç9¢u„~ëAŸï4«M? K]­ÅàPl@s_ p:°¬ZR”´›JC[CS.h‹ƒïËœ«Æ]–÷ó‚wR×k7X‰k›‘´ù¦=¡«‰¨¨Â')—71ó’c‡Ðúµ `é.{§p¹ój\Ž{1h{o±Ý=áUÊïGÖŒõ–-BÄm+AZX¶¡ ïHðæ¥JmÙ;…䡟ˆ¦ ° äšiÉg«$üMk5¤L“’çÊvïâï ,=f“"íἊ5ô¬x6{ɏžID0e¸vçmi'︧ºð9$ò¹÷*£’9ÿ ²TÔ…×>JV¥}Œ}$p[bÔ®*[jzS*8 ”·T›Í–ñUîƒwo$áè=LT™ç—~ô·¤ÈÚ$榍q‰„+´kFm)ž‹©i–ËqÞŠ‰à¶ü( ‚•§ •°ò·‡#5ª•µÊ﯅¡X¨šÁ*F#TXJÊ ušJVÍ&=iÄs1‚3•'fý§5Ñ<=[íÞ­ PÚ;ѱÌ_~Ä££8rÞ ²w;’hDT°>ÈG¬8Á²ÚzŽ®ò®qZcqJêäÞ-ö[ܘbň±çb“ж31²n×iƒðÕ;1¶þÉ ªX‰,ßqÏ$>•î íZ¥Z 1{ç൵+ƒÕµ¥°T$§K]á»Ûï*·¤tMI’ÂZbŽÕiÒ˜}bÓ0£ª5›¨ [5Ž^ÝœWøÂÝh° ¢OWun£¤5 a2Z.G2³YL]jåtì”ä ÁÓ‘%"©<Ôúʰsº UZvä‡ÄiÆÒM .÷V·™ø#kèýiíÌ–ª)µT[)BˆõÑ xB¾B€ÖT¨.¥~ð@VĶr#¸ü*åZNDŽH;âi ],©£öØpù(šºãö¼T.uCê•4@ÿ GÕÛ)Cx›®0ø#:ÏðFÒbR\(€€Ä®fã4Þ‰Fä¯HXƒÅ,†öEÑÔÜ]Öv²?tLÃvBY£ú6Êu5ÅAQ³1‘’¬x–HŒÐ‡ ^ ¸KwJôÖŽ5×CÚ¨vÜ«/B0$×k°=ðbÇ(Ï)w±A†Á† 11Í=èQšµ626ŒÜ/`G«µ<}—-Ö7KEHÈÉðóȤmݱû±·ø«Snmá=“䫚mݱŸ¡¶~ó·“äUóJæúòB|E LêŽy´jDÔ$G¢þÐñ7óR8ýÒ…Ç› WVe#·Ÿ p·Fx~•ݤF÷0Èÿ K¯æS<6’¡WШ; ´ÿ ¥Êø\Òuî†åÝ–VNœkÒ7oòX¨Á­Ø÷FÎÑä±g÷ÿ M~Çî=p,X´ ÝÌÚÅ‹’ÃjÖ.ØöÏñ qïQ¤ÓZE†° =6·]܈ s¸>v•Ž^Ý\wq9r‰Î\¸¡kURÒ$­*‹Nq?Þª*!sŠÆ:TU_u±T+øX¡ ®¹¡,ÄâÃBTsÜ$Ø›4m椴zÜK]’’›Pƒ @€#â˜`é¹=I‡fiV•Ôî“nRm+µFPOhÍ0B£ €+¬5c v•:P'ÒyÎ ‰V~‚Ó†ÖuókDoh$å\*ö%Ю=£«…aȼ½÷Û.-½VŒŠ¼'lyî±1¬3ó#ÞE¿ÔS¤gV£m›=§\û"—WU¤ÚǼÿ ÂnÁGŒÃ ‚õN D³õNÚíŒÕ;HôyÄÈ©P¹Ä{:?R‘Ô¨âF÷ø£bÅó® JS|‚R÷ivýáâ€Æé¡è³´IئÑT!§˜•ت‚¬â@q€wnïCWÄ@JU€ê¯m6]Ï:£âx'+ÒðXvÓ¦Úm=–´7œ $ì“B£~p%ÕŸUþ« N@¼üï~w˜ñø5®—'Ôe»¤5ã//€ž~‰Tþ›Å7•#¤× Íö pÄ$ùeåì*«ÓŠEØWEÈsßg ¦ûvžSsLpºÊW–âµEWöˬH; ™!CYõZ ÃÄf æ#1W. \uWâ\,\Çf j’<qTbên›Î[vxx£ë 'ö¨1›˜ÀM¼Pÿ H)ƒêêŒA7s,|F“ 꺸k³9Ìö*ç®;Ö!Ö$Eiž•¹ÒÚ†ýóéÝû¾ÕS®ó$’NÝäŸz¤5r¦ãÄÃD÷Üø!°ø‡Ô&@m™Ì^Ãä­d q5Lnÿ N;.6½·N|#ä"1Nƒx“ã<3('&ñßt  ~ªu”1Tb㫨9ê–›–bìd$ߣ=#ÕãÒmU¯eí$EFù5ýYô櫨æì™Ç—±ssM]·á¿0ÕåJRÓªîiƒ+O58ÖñªŠÒx" \µâá¨i’¤i —Ö ” M+M¤ë9‚‰A¦°Qõ¾ßøK~¼Ã‘g…Ö´~÷Ï[3GUœÒ½#…kàÔ®Ò”‰³·dWV‰IP‰Ú8u¹”E ÖqLj¾êÕCBš{A^Âß;–¨`¯¬ìö ˼ ×tìø.tƐm*n¨y4o&Àx¥n¦×î‡aupáÛj8¿m›è¶ã!o½;ß0y^ý×^EÑ¿ÒjzŒ­)vÚÑnÄL …^ªô× ‡—‚3k Îý­hï]içå–îÏ*÷ñþ»Ô CÒjøjÍznˆ´ ¹#b'Fô‹ ‰v¥'’à'T´ƒHýÍ%M‰ ƒ&ÆÇŒï1 ‘ –Þ ‰i¬s žR-Ÿ kЬá¬7:þ 0ŒÅÒÕ/aÙ¬ÃÝ#Úøœ ©aiVc‰. ¹¦ãµ” ›Yg¦›ÆÎýº°f³7ƒhá·¸­}&D9¡ÂsÉÙÞèŠõØàC™¨ñbFC|´Ü(ŸƒÚÒ-%»'a Ì¿)ËÇn¿úÿ ÞŽX…4ÊÅH^ôΑí@ù¹Eh¶“L8Çjù ¼ÎåVªóR©Ï5uà V4lZß®=€xÖŸ–ÑÈ ÷”¨°¾__yM1tÉ?uÆþIkÄgæ@þ[¢†°XÃJ£j·:nkÅ¢u ‘}âGzö­/IµèЬ¼48q¦F°ŽR¼=ûì{´¯RýicS ÕÛ íNtÍÙï£,w4rêì®»~x(©Uñ§#Ñ&œÕ¤>ÎåÍÓ9’Ö{9eV­[Öjâ²ãu]˜å2›qÑšÕJç0€sÄ|Êëè0튔bÁ>“{×_F`Ø©ºê:µä,v¤ðfc1±"«ÔÍän1#=· Âøv~H½ÐßA¾¿Ü€Óš]Õ; I¾÷ç‚Qi†î¹9ywÔKG˜áñ zQY—§ÃÕZ07§X‚ Áh;ÁM)iÌCH-¯T‘ë|A0{Ò½LÚ–TâÖkÜ’dÀ“rmm»”جPF³ÖcbE§T€ÒxKºû’Ó®7±²(\4ŽÃ¸Uu@j™yĵ;³µ!Á¢b.W¤=mõ´êµK k ¸K^ÜÛ#p*Ü14qkZç5ïë †°5Ï%ÍÛ<Õ¤×Ô¥ê†C Õ´¼ú$ƒÖ“”]Ù¬qÞÚ[4©ý!ûÏ—Áb쳐XµA¬â~`›Çr¸8ìùÝ䫦<>ä÷«?xs´ÇÑ /á;¹øüÊÈÙà{"@Žïzâ¬[âß‚ U_<ÇŸ½4èN˜ú61®qŠu ¦þF£»äJ_ˆÙÎ~ ÞAã–݄ϗrŠD;xTž‘ô`É«…suãO`?³à™ô Lý#Íc5öoæØ‚y´´÷«ZR§<&JÇ+éâô´€i!Àˆ0æAoàðLèÖ-2ŸõW.’t^–(KÁmHµV@xÜÇy®Ñø­â^:Ú3w· 7½¹°ñ¸â¹®:',«Mœ—n­Á+Ãbš LÈ‘ÄnRÓÅœ%¦²‰¨ùQ:¤f‚ "PÕtô¸…cæl…&˜Ú˜Ôkv‹ž+vŠ,=¢v­6—Xy*¥t£«<™:“aîϲ=¦6rO]XI¿Œ÷¤zÚ­›¶ 6÷”w\d ü~v®ˆÌk«^m<ÿ ¢‰Õ\)ùºŽ;… lîÙÅEŠ®cѾ@vnMÏ,¼“ñ•ŽBxðÃzãÇç%3ˆ"}Ù•Åî> BÉú;Ò]V+P˜F_´ßé> Øše|ï‡ÄOmFæÇ ãqÞ$/xÐx­z`ï9"œÜij‚!7.\Td…9M‡•iŽ‹¾‘50ÞŽn¥ß4ÉôO ¹*í^QêËÜÇÌ8=ާs‰'ÂëÙ«á%Pú[O †ÅP¯Vsް.‰,kc¶ ¬A9n˜XÎ-ÞšN["¹QÕ‰ƒMýÁߺXJæÍaLj¾×Ãmã¾ãÚ uñÒþåQô¦¥ /ÄUx:‚ÍÜ’ Đ©ØÝ3V¨‰ÕnÐ6ó*óúK­«…c ¯U òhsý­jóÔj#,ímŒRµ«lbïUTŒÑ8†Ä0œÏr`ð¡¬É Ї ë"À² ™ 6¥ f¶ ¢ÚoܱԷ-<Àî)†a¶ž'Ú»¨TXqØæ¶÷YÄHy˜9ÈIW­YÀuMFë ºÏ’AqÌ4·/Ú †ô'i$øä­=Ä Ý|öK×40è|È6p‘0§)o¥ctî§H+CA-“ xØ|ÐXАç l8íºð3Ø:³¤¬KX¯UÿÙ @charset "UTF-8";html { height: 100% } .mb_0 { margin-bottom: 0 } .mt_0 { margin-top: 0 } html,body { scrollbar-gutter: stable } body { display: flex; flex-direction: column; height: 100% } body.open { touch-action: none; -ms-touch-action: none; overflow-y: hidden; position: relative } .container { max-width: 1220px; margin: 0 auto; width: 100%; padding: 0 10px } .container.ptb10 { padding: 10px } .fw { max-width: 100% } .login-wrapper { min-height: calc(100vh - 20px); height: auto; display: flex; align-items: center; justify-content: center } .select-box { position: relative; display: block; width: 100%; font-family: "Inter",sans-serif; color: #B7B7B7; transition: .2s } .select-box__current { position: relative; cursor: pointer; outline: none } .select-box__current:focus + .select-box__list { opacity: 1; visibility: visible } .select-box__current:focus + .select-box__list .select-box__option { cursor: pointer } .select-box__current:focus svg { transform: rotate(180deg) } .select-box__value { display: flex } .select-box__input { display: none } .select-box__input:checked + .select-box__input-text { display: flex } .select-box__input-text { white-space: nowrap; border: 1px solid #EBEBEB; width: 100%; display: none; align-items: center; margin: 0; transition: .2s; position: relative } .select-box__list { z-index: 20; position: absolute; top: calc(100% + 5px); width: 100%; visibility: hidden; list-style: none; max-height: 200px; height: auto; overflow-y: auto; opacity: 0; background: #FFF; border-radius: 10px; margin: 0 } .select-box__list li:first-child { display: none } .select-box__list::-webkit-scrollbar { width: 5px; border-radius: 10px } .select-box__list::-webkit-scrollbar-track { background-color: #EBEBEB; border-radius: 10px; margin: 10px 0 } .select-box__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b7b7b7 } .select-box__option { display: block; transition: .2s; white-space: nowrap; color: #000 } .select-box__option:hover,.select-box__option:focus { color: #B7B7B7 } .select-custom { position: relative; display: block; width: 100%; font-family: "Inter",sans-serif; color: #B7B7B7; transition: .2s } .select-custom__current { position: relative; cursor: pointer; outline: none } .select-custom__current:focus + .select-custom__list { opacity: 1; visibility: visible } .select-custom__current:focus + .select-custom__list .select-custom__option { cursor: pointer } .select-custom__current:focus svg { transform: rotate(180deg) } .select-custom__value { display: flex } .select-custom__input { display: none } .select-custom__input:checked + .select-custom__input-text { display: flex } .select-custom__input-text { white-space: nowrap; border: 1px solid #EBEBEB; width: 100%; display: none; align-items: center; margin: 0; transition: .2s; position: relative } .select-custom__list { z-index: 20; position: absolute; top: calc(100% + 5px); width: 100%; visibility: hidden; list-style: none; max-height: 200px; height: auto; overflow-y: auto; opacity: 0; background: #FFF; border-radius: 10px; margin: 0 } .select-custom__list li:first-child { display: none } .select-custom__list::-webkit-scrollbar { width: 5px; border-radius: 10px } .select-custom__list::-webkit-scrollbar-track { background-color: #EBEBEB; border-radius: 10px; margin: 10px 0 } .select-custom__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b7b7b7 } .select-custom__option { display: block; transition: .2s; white-space: nowrap; color: #000 } .select-custom__option:hover,.select-custom__option:focus { color: #B7B7B7 } .captcha-example { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px } .captcha-example-text { font-size: 14px; line-height: 20px; font-family: "Inter",sans-serif; margin: 0 } .captcha-example-img { width: 40px; height: 40px } .slide-captcha-container { overflow: hidden; display: flex; flex-direction: column; align-items: center; border-radius: 10px; border: 1px solid #EBEBEB; background: #DCDCDC } .slide-captcha-img { height: 75px; width: fit-content } .slide-captcha-range { margin: 24px 0; background: linear-gradient(to right,#EBEBEB 0%,#EBEBEB 0%,#fff 0%,#fff 100%); border: 1px solid #EBEBEB; border-radius: 5px; height: 10px; width: 100%; outline: none; -webkit-appearance: none; padding: 0!important } .slide-captcha-range::-webkit-slider-thumb { width: 50px; height: 40px; border-radius: 10px; -webkit-appearance: none; cursor: grab; background: #000 } .login-container { background: #FFF; box-shadow: 0 4px 20px rgba(0,0,0,0.12); border-radius: 10px; padding: 14px 26px; max-width: 430px; width: 100% } @media (max-width: 834px) { .login-container { padding:15px } } .login-container .logo { margin: 0 auto; display: flex; justify-content: center; height: 36px } .login-container .logo svg { height: 36px } .login-container .logo-login { height: 60px } .login-container .logo-login svg { height: 60px } .login-container .authorization-block__title { margin-bottom: 16px; font-family: "Inter",sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #000 } .login-container .authorization-block .region-select { position: relative } .login-container .authorization-block .region-select .select-custom { font-size: 16px; line-height: 24px } .login-container .authorization-block .region-select .select-custom__current { border-radius: 10px } .login-container .authorization-block .region-select .select-custom__input-text { padding: 16px; border-radius: 10px } .login-container .authorization-block .region-select .select-custom__list { padding: 16px 16px 2px; border: 1px solid #EBEBEB } .login-container .authorization-block .region-select .select-custom__option { font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 14px } .login-container .authorization-block .region-select svg { position: absolute; right: 16px; top: 27px } .login-container .authorization-block .checkbox { margin: 12px 0 16px } .login-container .authorization-block .checkbox label { color: #B7B7B7; font-size: 16px; line-height: 16px; transition: .2s all } .login-container .authorization-block .checkbox label:hover { color: #000 } .login-container .authorization-block .checkbox input:checked + label { color: #000 } .login-container .authorization-block .input-group { position: relative } .login-container .authorization-block .login-input { border: 1px solid #EBEBEB; border-radius: 10px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #0F0F0F; padding: 0 16px; height: 58px; width: 100%; display: flex; box-sizing: border-box; margin-bottom: 16px } .login-container .authorization-block .captcha { background: #EDEDED; border-radius: 10px; margin-bottom: 16px; display: flex; justify-content: center; align-items: center } .login-container .authorization-block .captcha img { max-width: 100%; width: 100%; height: 100%; object-fit: contain; border-radius: 10px } .login-container .authorization-block input:not(:placeholder-shown) ~ .floating-label,.login-container .authorization-block input:focus ~ .floating-label { top: 5px; bottom: 10px; left: 16px; opacity: 1; font-size: 14px } .login-container .authorization-block input:not(:placeholder-shown) { padding: 22px 16px 6px } .login-container .authorization-block input:focus { border: 1px solid #262626; padding-top: 22px } .login-container .authorization-block input::placeholder { color: #fff; opacity: 0 } .login-container .authorization-block input:-ms-input-placeholder { color: #fff } .login-container .authorization-block input::-ms-input-placeholder { color: #fff } .login-container .authorization-block input[type=email]:not([value=""]):invalid { top: 4px; bottom: 10px; left: 20px; opacity: 1; font-size: 14px } .login-container .authorization-block input.invalid { background: #FFF5F5; border: 1px solid #FF4A4E } .login-container .authorization-block input.invalid + .floating-label { color: rgba(255,74,78,0.7) } .login-container .authorization-block .floating-label { position: absolute; pointer-events: none; left: 16px; top: 17px; transition: .2s ease all; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #B7B7B7 } .login-container .authorization-block .button-submit { background: #0E0E0E; border-radius: 10px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #FFF; padding: 17px 0; border: none; width: 100%; cursor: pointer; transition: .3s } .login-container .authorization-block .button-submit:hover { background: #0E0E0E; box-shadow: 0 5px 15px rgba(0,0,0,0.3); border-radius: 10px } .login-container .tabbed [type=radio] { display: none } .login-container .forgot-password { margin-top: 12px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: #000; display: flex; justify-content: center; text-decoration: none } .login-container .tabs { display: grid; grid-template-columns: 1fr 1fr; text-align: center; border-bottom: 1px solid #EBEBEB; list-style: none; padding: 0 } .login-container .tab > label { display: block; margin-bottom: -1px; padding: 12px 0; font-size: 18px; line-height: 22px; cursor: pointer; font-family: "Inter",sans-serif; transition: .3s; color: #B7B7B7 } .login-container .tab > label:hover { color: #000 } .login-container .tab-content { display: none; color: #777 } .login-container .tab-content__invalid { font-family: "Inter",sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #FF4A4E; margin: 14px 0; display: none } .login-container .tabbed [type=radio]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,.login-container .tabbed [type=radio]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label { color: #000 } .login-container .tabbed [type=radio]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),.login-container .tabbed [type=radio]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2) { display: block } header { position: relative; z-index: 21; padding: 10px 0; margin-bottom: 12px; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { header { margin-bottom:10px } header .container { padding: 0 10px } } header .account-image { height: 30px; width: 30px; display: block } header .account-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50% } header .account-image:not(:last-child) { margin-right: 18px } header .header-container-child { display: flex; justify-content: space-between } header .header-container-child .menu-mob-head { display: none } @media (max-width: 900px) { header .header-container-child .menu-mob-head { display:flex; align-items: center; justify-content: space-between; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; color: #000; padding: 20px 10px; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; background: #fff } header .header-container-child .menu-mob-head button,header .header-container-child .menu-mob-head label { cursor: pointer; height: 18px } header .header-container-child .menu-mob-head button:hover svg path,header .header-container-child .menu-mob-head label:hover svg path { fill: #000 } } header .header-container-child .header-left { display: flex; align-items: center; position: relative } @media (max-width: 900px) { header .header-container-child .header-left { display:grid; grid-template-columns: 1fr 210px 1fr; width: 100% } } header .header-container-child .logo { margin-right: 30px; height: 36px } header .header-container-child .logo svg { height: 36px } @media (max-width: 900px) { header .header-container-child .logo { margin-right:0 } header .header-container-child .logo svg { width: 50px; height: 36px } } header .header-container-child .navigation { display: flex; align-items: center; font-family: "Inter",sans-serif } header .header-container-child .navigation .main-menu { width: 100%; margin-right: 12px } @media (max-width: 900px) { header .header-container-child .navigation .main-menu { margin-right:0 } } header .header-container-child .navigation .main-menu input[type=checkbox] { display: none } header .header-container-child .navigation .main-menu input#menu-checkbox:checked + #menu-container { display: block } header .header-container-child .navigation .main-menu input.menu-checkbox-lvl2:checked + .menu-level-2-container { display: block!important } header .header-container-child .navigation .main-menu .btn { padding: 8px 20px; background: #F9F9F9; border-radius: 10px; align-items: center; cursor: pointer; border: 1px solid transparent; transition: .2s all; display: none } @media (max-width: 900px) { header .header-container-child .navigation .main-menu .btn { padding:10px 20px } } header .header-container-child .navigation .main-menu .btn.desk { color: #000; text-decoration: none; display: flex } @media (max-width: 900px) { header .header-container-child .navigation .main-menu .btn.desk { display:none } } header .header-container-child .navigation .main-menu .btn svg { width: 22px; height: 22px; margin-right: 8px } @media (max-width: 900px) { header .header-container-child .navigation .main-menu .btn { justify-content:center; width: 100%; margin-right: 0; display: flex } } header .header-container-child .navigation .main-menu .btn span.name { font-size: 14px; line-height: 20px } @media (min-width: 901px) { header .header-container-child .navigation .main-menu:hover .btn { border:1px solid #000 } header .header-container-child .navigation .main-menu:hover #menu-container { display: block } } header .header-container-child .navigation .menu-links { display: flex } @media (max-width: 900px) { header .header-container-child .navigation .menu-links { display:none } } header .header-container-child .navigation .menu-links a { padding: 0 12px; text-decoration: none; color: #000; transition: .3s; font-size: 14px } header .header-container-child .navigation .menu-links a.active,header .header-container-child .navigation .menu-links a:hover { color: #B7B7B7 } header .header-container-child .navigation #menu-container { cursor: default; display: none; position: absolute; top: 35px; padding-top: 25px; left: 0; z-index: 2 } @media (max-width: 900px) { header .header-container-child .navigation #menu-container { padding-top:0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; z-index: 2 } } header .header-container-child .navigation #menu-container.active { display: block } header .header-container-child .navigation #menu-container > ul { position: relative; margin: 0; padding: 0; list-style: none } header .header-container-child .navigation #menu-container a { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #000 } @media (max-width: 900px) { header .header-container-child .navigation #menu-container a { font-size:16px; line-height: 24px } } header .header-container-child .navigation #menu-container .menu-list { display: flex; justify-content: center; flex-direction: inherit; padding: 8px 0; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; position: relative } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-list { box-shadow:none; padding: 0; height: 100% } } header .header-container-child .navigation #menu-container .menu-item-level-1 { display: flex; flex-direction: column } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-item-level-1 { width:100%; height: 100%; overflow-y: auto; padding-top: 62px } } header .header-container-child .navigation #menu-container .menu-item-level-1 li > label { display: none; padding: 8px 18px } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-item-level-1 li > label { padding:0 10px; cursor: pointer } header .header-container-child .navigation #menu-container .menu-item-level-1 li > label:not(:last-child) { margin-bottom: 18px } } header .header-container-child .navigation #menu-container .menu-item-level-1 li,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label { min-width: 270px; width: 100%; display: flex; align-items: center; justify-content: space-between; transition: .3s } header .header-container-child .navigation #menu-container .menu-item-level-1 li > a,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label > a { text-decoration: none; color: inherit; width: 100% } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-item-level-1 li > a,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label > a { pointer-events:none } } header .header-container-child .navigation #menu-container .menu-item-level-1 li.active .menu-level-2-container,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label.active .menu-level-2-container { display: block; cursor: default } header .header-container-child .navigation #menu-container .menu-item-level-1 li:hover,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label:hover { color: #B7B7B7 } @media (min-width: 900px) { header .header-container-child .navigation #menu-container .menu-item-level-1 li:hover .menu-level-2-container,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label:hover .menu-level-2-container { display:block } } header .header-container-child .navigation #menu-container .menu-item-level-1 li:hover img,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label:hover img { opacity: .2 } header .header-container-child .navigation #menu-container .menu-item-level-1 li img,header .header-container-child .navigation #menu-container .menu-item-level-1 li > label img { transform: rotate(180deg); width: 7px; height: max-content; margin-right: 5px; transition: .2s all } header .header-container-child .navigation #menu-container .menu-level-2-container { position: absolute; top: 0; left: 100%; min-height: 100%; min-width: 350px; height: auto; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 0 10px 10px 0; display: none; flex-direction: column; padding: 20px 25px 4px } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-level-2-container { left:0; z-index: 2; width: 100%; height: 100%; overflow-y: auto; padding: 62px 0 0 } } header .header-container-child .navigation #menu-container .menu-level-2-container .menu-mob-head { display: flex } header .header-container-child .navigation #menu-container .menu-level-2-container .menu-mob-head button,header .header-container-child .navigation #menu-container .menu-level-2-container .menu-mob-head label { cursor: pointer; display: none } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-level-2-container .menu-mob-head button,header .header-container-child .navigation #menu-container .menu-level-2-container .menu-mob-head label { display:block } } header .header-container-child .navigation #menu-container .menu-level-2-container .go-back { display: none } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-level-2-container .go-back { display:inline-block; margin: 16px 0 0 10px; padding: 12px 36px; background: #F9F9F9; border-radius: 10px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #000; border: 1px solid transparent; transition: .2s all } header .header-container-child .navigation #menu-container .menu-level-2-container .go-back:hover { border: 1px solid #000 } } header .header-container-child .navigation #menu-container .menu-level-2-container:after { content: ""; position: absolute; top: 0; left: -10px; width: 20px; height: 100%; background: #fff } header .header-container-child .navigation #menu-container .menu-level-2-container:before { content: ""; position: absolute; z-index: 2; top: 16px; left: 0; width: 1px; height: calc(100% - 32px); background: #EBEBEB } header .header-container-child .navigation #menu-container .menu-level-2-container .level-2-title { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 20px; line-height: 28px; color: #000; display: flex; text-decoration: none; margin-bottom: 14px; transition: .3s } header .header-container-child .navigation #menu-container .menu-level-2-container .level-2-title:hover { color: #B7B7B7 } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-level-2-container .level-2-title { margin-bottom:0; font-size: 18px; line-height: 22px } } header .header-container-child .navigation #menu-container .menu-level-2-container .menu-level-2-items { display: grid; grid-template-columns: 1fr; grid-gap: 0 40px } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-level-2-container .menu-level-2-items { max-height:calc(100vh - 138px); padding: 0 10px; overflow-y: auto } } header .header-container-child .navigation #menu-container .menu-level-2-container .menu-level-2-items a { font-family: "Inter",sans-serif; text-decoration: none; color: #000; margin-bottom: 16px; transition: .3s } @media (max-width: 900px) { header .header-container-child .navigation #menu-container .menu-level-2-container .menu-level-2-items a { margin-bottom:0 } header .header-container-child .navigation #menu-container .menu-level-2-container .menu-level-2-items a:not(:last-child) { margin-bottom: 14px } } header .header-container-child .navigation #menu-container .menu-level-2-container .menu-level-2-items a:hover { color: #B7B7B7 } header .header-container-child .account-block { display: flex; align-items: center; position: relative } @media (max-width: 900px) { header .header-container-child .account-block { display:none } } header .header-container-child .account-block #account-info { height: 30px; cursor: pointer } header .header-container-child .account-block #account-info img,header .header-container-child .account-block #account-info a.account-profile { width: 30px; height: 30px; display: block } header .header-container-child .account-block #account-info:hover #account-info-block { display: flex } header .header-container-child .account-block .account-wrapper { display: flex; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; flex-direction: column; width: 100%; padding: 7px 16px; z-index: 2 } header .header-container-child .account-block .account-wrapper a { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000; padding: 7px 0; text-decoration: none; transition: .3s } header .header-container-child .account-block .account-wrapper a:last-child { padding-top: 12px; margin-top: 7px; position: relative } header .header-container-child .account-block .account-wrapper a:last-child:before { content: ""; position: absolute; top: 0; left: -18px; width: calc(100% + 36px); height: 1px; background: #EBEBEB } header .header-container-child .account-block .account-wrapper a:hover { color: #B7B7B7!important } header .header-container-child .account-block #account-info-block { display: none; padding-top: 25px; cursor: default; position: absolute; top: 35px; max-width: 265px; width: 100%; right: 0 } header .header-container-child .account-block .account-money { margin-right: 18px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #000; text-decoration: none } header .header-container-child .account-block .account-notification { position: relative; height: 22px; margin-right: 18px } header .header-container-child .account-block .account-notification svg { height: 22px } header .header-container-child .account-block .account-mail { position: relative; height: 22px; margin-right: 18px } header .header-container-child .account-block .account-mail svg { margin-top: 2px; height: 18px } header .header-container-child .account-block .count { min-width: 16px; display: flex; justify-content: center; position: absolute; right: -8px; top: -8px; padding: 0 2px; font: 400 9px/11px Inter,sans-serif; color: #000; text-decoration: none; border: 1px solid #000; border-radius: 5px; background: #fff } header .menu-burger { display: none; justify-content: flex-end } header .menu-burger input[type=checkbox] { display: none } header .menu-burger input[type=checkbox]:checked + .menu-burger__wrapper { display: block } @media (max-width: 900px) { header .menu-burger { display:flex } } header .menu-burger > label { cursor: pointer; height: 32px } header .menu-burger__wrapper { position: fixed; display: none; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; z-index: 2 } header .menu-burger__wrapper.active { display: block } header .menu-burger__wrapper .menu-list { display: flex; flex-direction: column; height: 100%; overflow-y: auto; padding-top: 62px } header .menu-burger__wrapper .menu-list__shops { margin: 0 10px } header .menu-burger__wrapper .menu-list__shops a.account-image { margin: 0; width: 100%; height: 35px; display: flex; align-items: center; text-decoration: none } header .menu-burger__wrapper .menu-list__shops a.account-image img { width: 35px } header .menu-burger__wrapper .menu-list__shops a.account-image span { margin-left: 10px; color: #000; font: 400 16px/19px Inter,sans-serif } header .menu-burger__wrapper .menu-list__shops a.account-image:not(:last-child) { margin-bottom: 16px } header .menu-burger__wrapper .menu-list > a,header .menu-burger__wrapper .menu-list > span { margin: 0 10px 18px; font-family: "Inter",sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #000; text-decoration: none; transition: .2s all } header .menu-burger__wrapper .menu-list > a .count,header .menu-burger__wrapper .menu-list > span .count { min-width: 22px; display: inline-flex; justify-content: center; padding: 2px 5px; font: 400 12px/15px Inter,sans-serif; color: #000; text-decoration: none; border: 1px solid #000; border-radius: 5px; background: #fff; margin-left: 8px } header .menu-burger__wrapper .menu-list .account-money { margin: 0 } header .menu-burger__wrapper .menu-list a:hover { color: #B7B7B7 } header .menu-burger__wrapper .menu-list a:hover span { color: #B7B7B7 } header .menu-burger__wrapper .menu-list .line { margin: 0 10px 18px; width: calc(100% - 30px); height: 1px; min-height: 1px; background: #EBEBEB } .search-container { margin-bottom: 12px } @media (max-width: 750px) { .search-container { margin-bottom:10px } } .search-container form { display: flex } .search-container form button { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; background: #FFF; border: 1px solid #000; border-radius: 5px; padding: 0 40px; color: #000; cursor: pointer; transition: .2s all } @media (max-width: 900px) { .search-container form button { padding:0 15px } } .search-container form input { outline: none; padding: 10px 16px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 18px; background: #FFF; border: 1px solid #000; border-radius: 5px; width: 100%; margin-right: 10px; transition: .2s all } .search-container form input::placeholder { color: #b7b7b7 } .search-container form input:not(:placeholder-shown) ~ button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .search-container form input:placeholder-shown { border: 1px solid #EBEBEB } .search-container form input:placeholder-shown ~ button { color: #B7B7B7; cursor: auto; border: 1px solid #EBEBEB } .search-container form input:focus { color: #000; border: 1px solid #000 } .alert-message { padding: 12px 24px 12px 16px; position: relative; background: #F9F9F9; border: 1px solid #F9F9F9; border-radius: 10px; margin-bottom: 14px; word-break: break-word } .alert-message div { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #555 } .alert-message div p { margin: 0 } .alert-message button { position: absolute; right: 10px; top: 5px; height: 15px; transition: .3s; cursor: pointer; opacity: .2 } .alert-message button:hover { opacity: 1 } .shop-card-item { display: flex; flex-direction: column; align-items: center; padding: 30px 0; border-right: 1px solid #EBEBEB; transition: .3s box-shadow; text-decoration: none } .shop-card-item-auction { width: 190px; height: 190px; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: 1px solid #EBEBEB } @media (max-width: 834px) { .shop-card-item-auction { max-width:160px; max-height: 160px } } .shop-card-item-auction-text { color: #000; font: 400 16px/24px Inter,sans-serif } .shop-card-item.trusted { position: relative } .shop-card-item.trusted:hover .sale-tip .color-change-flask,.shop-card-item.trusted:hover .sale-tip path.color-change,.shop-card-item.trusted:hover .trusted-tip .color-change-flask,.shop-card-item.trusted:hover .trusted-tip path.color-change,.shop-card-item.trusted:hover .trusted-shop-tip .color-change-flask,.shop-card-item.trusted:hover .trusted-shop-tip path.color-change { opacity: 1 } .shop-card-item.trusted:hover .sale-tip .color-change-flask-rect,.shop-card-item.trusted:hover .trusted-tip .color-change-flask-rect,.shop-card-item.trusted:hover .trusted-shop-tip .color-change-flask-rect { stroke-opacity: 1 } .shop-card-item.trusted .sale-tip { position: relative } .shop-card-item.trusted .sale-tip span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font: 700 9px/9px Inter,sans-serif; color: #FF4343; transition: .2s all } .shop-card-item.trusted .sale-tip svg { width: 32px; height: 32px; display: block } .shop-card-item.trusted .sale-tip,.shop-card-item.trusted .trusted-tip,.shop-card-item.trusted .trusted-shop-tip { display: flex; gap: 3px; position: absolute; top: 0; right: 0; z-index: 2; padding: 8px } .shop-card-item.trusted .sale-tip .color-change-flask,.shop-card-item.trusted .trusted-tip .color-change-flask,.shop-card-item.trusted .trusted-shop-tip .color-change-flask { opacity: .6 } .shop-card-item.trusted .sale-tip .color-change-flask-rect,.shop-card-item.trusted .trusted-tip .color-change-flask-rect,.shop-card-item.trusted .trusted-shop-tip .color-change-flask-rect { transition: .2s all; stroke-opacity: .6 } .shop-card-item.trusted .sale-tip svg,.shop-card-item.trusted .trusted-tip svg,.shop-card-item.trusted .trusted-shop-tip svg { width: 32px; height: 32px } .shop-card-item.trusted .sale-tip svg path.color-change,.shop-card-item.trusted .trusted-tip svg path.color-change,.shop-card-item.trusted .trusted-shop-tip svg path.color-change { opacity: .6 } .shop-card-item:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.15) } .shop-card-item a { display: flex; flex-direction: column; align-items: center; padding: 0 10px; text-decoration: none } .shop-card-item:nth-child(4n) { border: none } @media (max-width: 834px) { .shop-card-item:nth-child(2n) { border:none; border-bottom: 1px solid #EBEBEB } .shop-card-item:nth-child(1) { border-bottom: 1px solid #EBEBEB } .shop-card-item:last-child { border: none } } @media (max-width: 390px) { .shop-card-item { border-right:none } } .shop-card-item .photo { max-width: 190px; max-height: 190px; width: 190px; height: 190px; object-fit: contain } @media (max-width: 834px) { .shop-card-item .photo { max-width:160px; max-height: 160px } } .shop-card-item .shop-card-item-title { gap: 8px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #000; margin: 12px 0 10px; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box } @media (max-width: 834px) { .shop-card-item .shop-card-item-title { line-height:18px; margin: 8px 0 12px } } .shop-card-item .shop-card-item-title svg { margin-bottom: -3px } .shop-card-item .coins-block,.shop-card-item .rating-block { display: flex } .shop-card-item .coins-block img,.shop-card-item .coins-block svg,.shop-card-item .rating-block img,.shop-card-item .rating-block svg { margin: 0 2px; width: 16px; height: 16px; object-fit: contain } .top-shops-container { background: #FFF; border: 1px solid #EBEBEB; border-radius: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin-bottom: 20px } .top-shops-container .shop-card-item:nth-child(1) { border-radius: 10px 0 0 10px } .top-shops-container .shop-card-item:nth-child(4) { border-radius: 0 10px 10px 0 } @media (max-width: 834px) { .top-shops-container .shop-card-item:nth-child(1) { border-radius:10px 0 0 0 } .top-shops-container .shop-card-item:nth-child(2) { border-radius: 0 10px 0 0 } .top-shops-container .shop-card-item:nth-child(3) { border-radius: 0 0 0 10px } .top-shops-container .shop-card-item:nth-child(4) { border-radius: 0 0 10px 0 } } @media (max-width: 390px) { .top-shops-container .shop-card-item:nth-child(1) { border-radius:10px 10px 0 0 } .top-shops-container .shop-card-item:nth-child(2),.top-shops-container .shop-card-item:nth-child(3) { border-radius: 0 } .top-shops-container .shop-card-item:nth-child(3) { border-bottom: 1px solid #EBEBEB } .top-shops-container .shop-card-item:nth-child(4) { border-radius: 0 0 10px 10px } } @media (max-width: 834px) { .top-shops-container { grid-template-columns:1fr 1fr } } @media (max-width: 390px) { .top-shops-container { grid-template-columns:1fr } } .products-category-container { background: #FFF; border: 1px solid #EBEBEB; border-radius: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; border-bottom: none } .products-category-container .shop-card-item { border-bottom: 1px solid #EBEBEB } .products-category-container .shop-card-item:nth-child(1) { border-radius: 10px 0 0 0 } .products-category-container .shop-card-item:nth-child(4) { border-radius: 0 10px 0 0 } .products-category-container .shop-card-item:nth-last-child(1) { border-radius: 0 0 10px 0 } .products-category-container .shop-card-item:nth-last-child(4) { border-radius: 0 0 0 10px } @media (max-width: 834px) { .products-category-container .shop-card-item:nth-child(2) { border-radius:0 10px 0 0 } .products-category-container .shop-card-item:nth-child(4),.products-category-container .shop-card-item:nth-last-child(4) { border-radius: 0 } .products-category-container .shop-card-item:nth-last-child(2) { border-radius: 0 0 0 10px } } @media (max-width: 390px) { .products-category-container .shop-card-item:nth-child(1) { border-radius:10px 10px 0 0 } .products-category-container .shop-card-item:nth-child(2),.products-category-container .shop-card-item:nth-last-child(2) { border-radius: 0 } .products-category-container .shop-card-item:nth-last-child(1) { border-radius: 0 0 10px 10px } } @media (max-width: 834px) { .products-category-container { grid-template-columns:1fr 1fr } } @media (max-width: 390px) { .products-category-container { grid-template-columns:1fr } } .pagination-container { display: flex; align-items: center; justify-content: center; margin: 20px 0 } .pagination-container .pagination-pages .pagination-links { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #000; padding: 0 11px; text-decoration: none; transition: .3s } .pagination-container .pagination-pages .pagination-links:hover,.pagination-container .pagination-pages .pagination-links.active { color: #B7B7B7!important } .pagination-container .prev-page { padding-right: 15px } .pagination-container .prev-page:hover svg path { fill: #B7B7B7 } .pagination-container .next-page { padding-left: 15px } .pagination-container .next-page:hover svg path { fill: #B7B7B7 } .footer-container-main { margin-top: auto; margin-bottom: -30px; background: #FAFAFA; position: relative; top: 30px; padding: 25px 0 } @media (max-width: 834px) { .footer-container-main { padding:20px 0 65px } } .footer-container-main .footer-container-child { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr } @media (max-width: 834px) { .footer-container-main .footer-container-child { grid-template-columns:1fr } } .footer-container-main .footer-container-child .footer-block .footer-title { font-family: "Inter",sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 26px; color: #000; padding-bottom: 12px; display: block } @media (max-width: 834px) { .footer-container-main .footer-container-child .footer-block .footer-title { margin-top:20px; padding-bottom: 10px } } .footer-container-main .footer-container-child .footer-block .footer-link { text-decoration: none; font-family: "Inter",sans-serif; font-style: normal; display: table; font-weight: 400; font-size: 14px; line-height: 22px; color: #000; transition: .3s } .footer-container-main .footer-container-child .footer-block .footer-link:hover { color: #B7B7B7 } .footer-container-main .footer-container-child .footer-block .footer-link:not(:last-child) { margin-bottom: 12px } .select-search__list,html { scroll-behavior: smooth } .filter_row { display: grid; grid-gap: 16px; margin-bottom: 16px; grid-column: span 4/auto } .filter_row.three { flex-grow: 1; margin-bottom: 0; grid-template-columns: repeat(3,1fr) } @media (max-width: 576px) { .filter_row.three { width:100%; grid-template-columns: repeat(1,1fr) } } .filter_row.three .filter-select { font-size: 13px } .filter_row.four { grid-template-columns: repeat(4,1fr) } @media (max-width: 900px) { .filter_row.four { grid-template-columns:repeat(2,1fr) } } @media (max-width: 576px) { .filter_row.four { grid-template-columns:repeat(1,1fr) } } .filter_row.five { grid-template-columns: repeat(5,1fr) } @media (max-width: 900px) { .filter_row.five { grid-template-columns:repeat(2,1fr) } } @media (max-width: 576px) { .filter_row.five { grid-template-columns:repeat(1,1fr) } } .filter-select { width: 100%; font: 300 14px Inter,sans-serif; color: #000; border: 1px solid #EBEBEB; padding: 9px 14px; border-radius: 5px } .filter-select__box { position: relative } .filter-select__box:after { content: ""; position: absolute; z-index: 0; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.68636 1.33393C9.68941 1.20405 9.64925 1.07651 9.5714 0.969038C9.49356 0.861566 9.38188 0.779502 9.25198 0.734257C9.12209 0.689011 8.98041 0.682832 8.8466 0.716578C8.71278 0.750323 8.59356 0.822317 8.50541 0.922551L5.01063 4.74701L1.51707 0.92255C1.46271 0.853214 1.3937 0.795146 1.3143 0.751984C1.2349 0.708822 1.14682 0.681495 1.05563 0.671714C0.964435 0.661933 0.872091 0.66991 0.784341 0.695144C0.69659 0.720377 0.615317 0.762325 0.54566 0.81836C0.476003 0.874395 0.419499 0.94331 0.379567 1.02079C0.339636 1.09827 0.317207 1.18264 0.313668 1.26863C0.31013 1.35461 0.325515 1.44036 0.35896 1.52049C0.392405 1.60062 0.443137 1.67342 0.507981 1.73432L4.50412 6.11298C4.56671 6.18174 4.6444 6.23696 4.73196 6.27482C4.81952 6.31268 4.91482 6.33229 5.01124 6.33229C5.10766 6.33229 5.20297 6.31268 5.29052 6.27482C5.37808 6.23696 5.45585 6.18174 5.51844 6.11298L9.51842 1.73432C9.62322 1.62371 9.6828 1.48183 9.68652 1.33393L9.68636 1.33393Z' fill='%23B7B7B7'%3E%3C/path%3E%3C/svg%3E"); top: 15px; right: 14px; width: 10px; height: 7px } .filter-select option { font-size: 14px; line-height: 18px } .region-select .filter-select { font: 300 16px/24px Inter,sans-serif; padding: 16px } .region-select.filter-select__box:after { top: 25px; right: 16px } .empty-row { font: 300 14px/22px Inter,sans-serif; color: #000 } @media (max-width: 990px) { .review_comments_info { display:flex; flex-direction: column } .messenger_more { color: #000; margin-top: 10px } .about { margin-top: 8px } } .about_wrap h1 { color: #000; margin: 0 0 5px; font: 400 24px/34px Inter,sans-serif } .about_wrap h2,.about_wrap h3,.about_wrap h4,.about_wrap h5 { color: #000; margin: 0 0 5px; font: 400 20px/30px Inter,sans-serif } .about_wrap p { color: #000; margin: 0 0 5px; font: 300 14px/22px Inter,sans-serif } @media (max-width: 990px) { .about_wrap h1 { font:400 20px/30px Inter,sans-serif } .about_wrap h2,.about_wrap h3,.about_wrap h4,.about_wrap h5 { font: 400 18px/26px Inter,sans-serif } } .alert_title { margin: 0 0 16px; font: 400 22px Inter,sans-serif } .alert_messages_item { padding: 16px 14px; border-bottom: 1px solid #EBEBEB; display: grid; position: relative; grid-template-columns: 60px 1fr; grid-gap: 17px } .alert_messages_item img { max-width: 100%; height: 60px; width: 60px; object-fit: cover; border-radius: 50% } .alert_messages_item:nth-child(2n) { background: #FAFAFA } .alert_right { display: grid; grid-template-columns: 1fr; grid-gap: 6px; padding: 0 25px 0 0 } .alert_name { margin: 0; font: 300 14px Inter,sans-serif } .alert_data { margin: 0; font: 300 14px Inter,sans-serif; color: #B7B7B7 } .alert_right_title { display: flex; height: 17px; align-items: center; justify-content: space-between } .alert_text p { margin: 0 0 5px; font: 300 14px/22px Inter,sans-serif } .alert_text a { color: #000; text-decoration: underline; font: 300 14px/22px Inter,sans-serif } .status_alert { position: absolute; right: 15px; top: 19.5px; height: 10px; width: 10px; border-radius: 50%; background: #000; display: block } .alert_btn_group { display: grid; grid-template-columns: 180px 180px; grid-gap: 16px; margin-top: 10px } .alert_btn_group a { max-width: 100%; width: 100%; padding: 8px 9px; transition: .3s; text-decoration: none; color: #fff; border-radius: 5px; background: #000; text-align: center; box-sizing: border-box; font: 300 14px/22px Inter,sans-serif; display: flex; align-items: center; justify-content: center; border: 1px solid #000 } .alert_btn_group a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .alert_btn_group a:last-child { background: transparent; border: 1px solid #000; color: #000 } @media (max-width: 990px) { .status_alert { top:18px } } .mob_img { display: none } @media (max-width: 760px) { .alert_left { display:none } .mob_img { display: block; height: 60px; width: 60px; border-radius: 50%; box-sizing: border-box; object-fit: cover } .alert_right_title { display: grid; height: auto; grid-template-columns: 1fr; grid-gap: 8px; padding: 5px 15px 0 0 } .alert_messages_item { grid-template-columns: 1fr } .alert_btn_group { grid-template-columns: 1fr; grid-gap: 12px; margin-top: 0 } .alert_title { margin: 0 } .alert_right { display: grid; grid-template-columns: 60px 1fr; padding: 0; align-items: start; grid-gap: 10px 16px } .status_alert { top: 14.5px; right: 14px } .alert_text { grid-column-start: 1; grid-column-end: 3 } .alert_btn_group { grid-column-start: 1; grid-column-end: 3 } .alert_title { padding: 0 10px } .alert_messages_item { padding: 14px 10px } } .right_title_box_2 { margin-top: 20px; padding-top: 18px; border-top: 1px solid #EBEBEB } .decor_product_box_mob { display: none } @media (max-width: 760px) { .decor_product_box_desk { display:none } } @media (max-width: 760px) { .right_title_box_2 { margin:14px 0; padding: 12px 0; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB } } @media (max-width: 760px) { .decor_product_box_mob { display:block } } @media (max-width: 760px) { .alert_section { margin:0 -10px } } .analytics-title { margin: 16px 0 6px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .analytics-title { margin:0 0 12px; font: 300 20px/30px Inter,sans-serif } } .analytics-head { display: flex; align-items: center; justify-content: space-between } .analytics-head.active { display: block } .analytics-head__links { display: grid; grid-gap: 25px; grid-template-columns: repeat(3,auto) } .analytics-head__links a { text-decoration: none; font: 400 14px/22px Inter,sans-serif; color: #000; transition: .2s } .analytics-head__links a.active,.analytics-head__links a:hover { color: #B7B7B7 } .analytics-head__date { display: grid; grid-gap: 12px; grid-template-columns: repeat(3,auto) } .analytics-head__date button { height: 40px; width: 39px; padding: 9px; background: #FFF; border: 1px solid #0A0A0A; border-radius: 5px; transition: .2s } .analytics-head__date button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .analytics-head__block { display: flex; align-items: center } .analytics-head__block span { font: 400 14px/22px Inter,sans-serif; margin-right: 6px; color: #B7B7B7 } .analytics-head__block input { padding: 7px 12px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; color: #000 } .analytics-content__chart { margin: 40px 0 16px } @media (max-width: 900px) { .analytics-content__chart { margin:16px 0 } } .analytics-content__legend p { margin: 0; display: flex; align-items: center } .analytics-content__legend p:not(:last-child) { margin-bottom: 12px } .analytics-content__legend p span { font: 400 14px/22px Inter,sans-serif } .analytics-content__legend p span.line { margin-right: 8px; width: 18px; height: 2px; border-radius: 1px } .analytics-content__legend p span.line-one { background: #000 } .analytics-content__legend p span.line-two { background: #7C7C7C } .analytics-content__legend p span.line-three { background: #D3D3D3 } .analytics_head_page { padding-bottom: 7px; margin-bottom: 14px; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .analytics_head_page { position:fixed; z-index: 99; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; height: 100%; width: 100%; background: #fff; padding: 20px 10px; display: none } } .analytics_head_page .analytics_title_mob { display: none } @media (max-width: 900px) { .analytics_head_page .analytics_title_mob { display:block; margin: 0 0 8px; font: 400 14px Inter,sans-serif } } .analytics_head_page .order_select { display: none } @media (max-width: 900px) { .analytics_head_page .order_select { display:block; margin-bottom: 14px } } .analytics_head_page .order_select .order_select_box { width: 100% } @media (max-width: 900px) { .analytics_head_page .analytics-head__block input { width:100% } } @media (max-width: 900px) { .analytics_head_page .analytics-head__date { display:grid; grid-template-columns: 1fr 1fr; grid-gap: 14px 10px } } @media (max-width: 900px) { .analytics_head_page .analytics-head__date button { height:40px; width: 100%; box-sizing: border-box; grid-column-start: 1; grid-column-end: 3 } } @media (max-width: 900px) { .analytics_head_page .analytics-head__date button svg { display:none } } .analytics_head_page .analytics-head__date button span { display: none } @media (max-width: 900px) { .analytics_head_page .analytics-head__date button span { display:block; font: 400 16px Inter,sans-serif } } @media (max-width: 900px) { .analytics_head_page .analytics-head__links { display:none } } .rights .call_analytics_filter[type=checkbox]:checked ~ .analytics_head_page { display: block } @media (max-width: 900px) { .rights .my_order_nav { margin-bottom:12px } } @media (max-width: 900px) { .rights .filter_btn_call { display:block; margin-top: 0; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #000; text-decoration: none; padding: 10px; font: 400 14px Inter,sans-serif } } @media (max-width: 900px) { .rights .review_panel_custom { display:block; margin-bottom: 14px } } @media (max-width: 900px) { .rights .review_panel_wrap { grid-template-columns:1fr; grid-gap: 15px; margin: 0; padding: 0; border: none } } @media (max-width: 900px) { .rights .filter_main_mob { display:flex; align-items: center; justify-content: space-between; margin-bottom: 20px } } .analytics_type_wrap { margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start } @media (max-width: 900px) { .analytics_type_wrap { display:none } } .analytics_table_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 30px } .analytics_table_wrap .analytics_title { margin: 0; font: 300 22px/32px Inter,sans-serif; margin-bottom: 12px } @media (max-width: 900px) { .analytics_table_wrap .analytics_title { font:300 18px/28px Inter,sans-serif; margin-bottom: 12px } } .analytics_table_wrap .analytics_table_item { width: calc(100vw - (100vw - 1200px) - 95px); overflow-x: auto } @media (max-width: 1225px) { .analytics_table_wrap .analytics_table_item { width:calc(100vw - 132px) } } @media (max-width: 900px) { .analytics_table_wrap .analytics_table_item { width:calc(100vw - 20px) } } .analytics_table_wrap .analytics_table_item p { width: 100%; display: block; margin: 0 } .analytics_table_wrap .analytics_table_item .analytics_table_title { display: grid; grid-template-columns: 200px 90px 110px 120px 360px 100px 125px } .analytics_table_wrap .analytics_table_item .analytics_table_title p { font: 300 14px/22px Inter,sans-serif } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; padding: 10px 16px; display: flex; align-items: flex-end; justify-content: flex-start } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box:nth-child(1) { border-left: 1px solid #EBEBEB } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box_xl { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; display: grid; grid-template-columns: 120px 120px 120px } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box_xl p { padding: 10px 16px; font-weight: 300 } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box_xl p:nth-child(1) { border-bottom: 1px solid #EBEBEB; grid-column-start: 1; grid-column-end: 4 } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box_xl p:nth-child(2) { border-right: 1px solid #EBEBEB } .analytics_table_wrap .analytics_table_item .analytics_table_title .analytics_title_box_xl p:nth-child(3) { border-right: 1px solid #EBEBEB } .analytics_table_wrap .analytics_table_item .analytics_table_text { display: grid; grid-template-columns: 200px 90px 110px 120px 120px 120px 120px 100px 125px } .analytics_table_wrap .analytics_table_item .analytics_table_text .analytics_text_box { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px 16px; display: flex; justify-content: flex-start } .analytics_table_wrap .analytics_table_item .analytics_table_text .analytics_text_box p { font: 300 14px/22px Inter,sans-serif } .analytics_table_wrap .analytics_table_item .analytics_table_text .analytics_text_box:nth-child(1) { border-left: 1px solid #EBEBEB } .analytics_table_wrap .analytics_table_item .analytics_table_text:last-child .analytics_text_box { background: #FAFAFA } .analytics_table_wrap .analytics_table_item .analytics_table_text:last-child .analytics_text_box p { font-weight: 400 } @media (max-width: 900px) { .analytics .filter_main_mob p { margin:0; font: 700 18px Inter,sans-serif } } .table_minner_wrap { width: calc(100vw - (100vw - 1205px) - 95px); overflow-x: auto } @media (max-width: 1225px) { .table_minner_wrap { width:calc(100vw - 132px) } } @media (max-width: 900px) { .table_minner_wrap { width:calc(100vw - 22px) } } .table_minner_wrap span { word-break: break-word } .table_minner_wrap p { word-break: break-word } .table_minner_wrap .table_minner_title { display: grid; grid-template-columns: 140px 160px 60px 75px 65px 70px 70px 235px 235px } .table_minner_wrap .table_minner_title p { font: 300 14px/22px Inter,sans-serif; margin: 0; display: block; width: 100% } .table_minner_wrap .table_minner_title .table_title_box:nth-child(1) { border-left: 1px solid #EBEBEB } .table_minner_wrap .table_minner_title .table_title_box { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; padding: 10px 6px; display: flex; align-items: flex-end; justify-content: flex-start } .table_minner_wrap .table_minner_title .table_title_box_xl { display: grid; grid-template-columns: 65px 85px 85px; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB } .table_minner_wrap .table_minner_title .table_title_box_xl p:nth-child(1) { grid-column-start: 1; grid-column-end: 4; border: none; border-bottom: 1px solid #EBEBEB } .table_minner_wrap .table_minner_title .table_title_box_xl p { font: 300 14px/22px Inter,sans-serif; margin: 0; padding: 10px 8px; display: block; width: 100%; border-right: 1px solid #EBEBEB } .table_minner_wrap .table_minner_title .table_title_box_xl p:nth-child(2) { font-weight: 300 } .table_minner_wrap .table_minner_title .table_title_box_xl p:nth-child(3) { font-weight: 300 } .table_minner_wrap .table_minner_title .table_title_box_xl p:last-child { font-weight: 300; border-right: none } .table_minner_wrap .table_minner_text { display: grid; grid-template-columns: 140px 160px 60px 75px 65px 70px 70px 235px 235px } .table_minner_wrap .table_minner_text .table_title_box { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px 8px; display: flex; align-items: flex-start; justify-content: flex-start } .table_minner_wrap .table_minner_text .table_title_box p { font: 300 14px/22px Inter,sans-serif; margin: 0; display: block; width: 100% } .table_minner_wrap .table_minner_text .table_title_box .city { font: 400 12px/22px Inter,sans-serif } .table_minner_wrap .table_minner_text .table_title_box span { color: #000; font: 300 14px/22px Inter,sans-serif; margin: 0; display: block; width: 100% } .table_minner_wrap .table_minner_text .table_title_box_xl { display: grid; grid-template-columns: 65px 85px 85px } .table_minner_wrap .table_minner_text .table_title_box_xl .table_title_box_sm { padding: 10px 8px; display: block; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB } .table_minner_wrap .table_minner_text .table_title_box_xl p { font: 300 14px/22px Inter,sans-serif; margin: 0; width: 100% } .table_minner_wrap .table_minner_text .table_title_box_xl span { font: 300 12px/20px Inter,sans-serif; margin: 0; width: 100%; color: #B7B7B7; display: block } .table_minner_wrap .table_minner_text .table_title_box:nth-child(1) { border-left: 1px solid #EBEBEB } .table_minner_wrap .table_minner_text:nth-child(2n) .table_title_box { background: #FAFAFA } .table_minner_wrap .table_minner_text:nth-child(2n) .table_title_box_sm { background: #FAFAFA } .table_minner_wrap .table_minner_text_2 { display: grid; grid-template-columns: 300px 60px 75px 65px 70px 70px 235px 235px } .table_minner_wrap .table_minner_text_2 .table_title_box { background: #fff } .table_minner_wrap .table_minner_text_2 .table_title_box p { font: 300 12px/20px Inter,sans-serif; margin: 0; display: block; width: 100% } .table_minner_wrap--min .table_minner_title { grid-template-columns: 200px repeat(8,minmax(100px,1fr)) } .table_minner_wrap--min .table_minner_title .table_title_box:first-child { padding: 10px 20px } .table_minner_wrap--min .table_minner_title .table_title_box p { color: #000; font-weight: 400; white-space: nowrap } .table_minner_wrap--min .table_minner_title .table_title_box:not(:first-child) p { text-align: center } .table_minner_wrap--min .table_minner_text { grid-template-columns: 200px repeat(8,minmax(100px,1fr)) } .table_minner_wrap--min .table_minner_text .table_title_box:first-child { padding: 10px 20px } .table_minner_wrap--min .table_minner_text .table_title_box:not(:first-child) p { text-align: center } .table_minner_wrap--min .table_minner_text .table_title_box a { font: 300 14px/22px Inter,sans-serif; color: #000; text-decoration-line: underline } .table_minner_wrap--min .table_minner_text .table_title_box a:hover { text-decoration-line: none } .table_minner_wrap--min .table_minner_text .table_title_box p.brown { color: #a76c41 } .table_minner_wrap--min .table_minner_text .table_title_box p.green { color: #41A76A } .table_minner_wrap--min .table_minner_text .table_title_box p.red { color: #DC3232 } .table_minner_wrap_user--min .table_minner_title { grid-template-columns: minmax(370px,370px) repeat(5,minmax(65px,1fr)) minmax(180px,180px) minmax(180px,180px) } .table_minner_wrap_user--min .table_minner_title .table_title_box { align-items: flex-start } .table_minner_wrap_user--min .table_minner_title .table_title_box_xl { grid-template-columns: repeat(2,1fr) } .table_minner_wrap_user--min .table_minner_title .table_title_box_xl p { color: #000; font-weight: 400; white-space: nowrap; text-align: center } .table_minner_wrap_user--min .table_minner_title .table_title_box_xl p:nth-child(2) { font-weight: 400 } .table_minner_wrap_user--min .table_minner_title .table_title_box_xl p:last-child { font-weight: 400 } .table_minner_wrap_user--min .table_minner_text { grid-template-columns: minmax(370px,370px) repeat(5,minmax(65px,1fr)) repeat(4,minmax(90px,90px)) } .table_minner_wrap_user--min .table_minner_text .table_title_box:first-child p { font-size: 12px } .table_minner_wrap_user--min .table_minner_text--bottom_line .table_title_box:first-child { padding-left: 15px } .table_minner_wrap_user--min .table_minner_text--bottom_line .table_title_box:first-child p { font-weight: 500 } .table_minner_wrap_user--min .table_minner_text--bottom_line .table_title_box { border-top: 2px solid #EBEBEB } .table_minner_wrap_user--min .table_minner_text--total .table_title_box:first-child { padding-left: 15px } .table_minner_wrap_user--min .table_minner_text--total .table_title_box { border-top: 2px solid #EBEBEB } .table_minner_wrap_user--min .table_minner_text--total .table_title_box:first-child p { font-weight: 500 } .table_minner_wrap_user--min.table_minner_moder { width: calc(100vw - (100vw - 1205px)) } @media (max-width: 1225px) { .table_minner_wrap_user--min.table_minner_moder { width:calc(100vw - 22px) } } @media (max-width: 900px) { .table_minner_wrap_user--min.table_minner_moder { width:calc(100vw - 22px) } } .table_minner_wrap_user--min.table_minner_moder .table_minner_text--bottom_line p span { font-weight: 500 } .table_minner_wrap_user--min.table_minner_moder .table_minner_title,.table_minner_wrap_user--min.table_minner_moder .table_minner_text { grid-template-columns: minmax(370px,4fr) repeat(6,minmax(130px,1fr)) } .table_minner_wrap_user--min.table_minner_moder .table_minner_title p,.table_minner_wrap_user--min.table_minner_moder .table_minner_text p { display: flex; align-items: center; justify-content: space-between } .table_minner_wrap_user--min.table_minner_moder .table_minner_title p span:first-child,.table_minner_wrap_user--min.table_minner_moder .table_minner_text p span:first-child { text-align: left } .table_minner_wrap_user--min.table_minner_moder .table_minner_title p span:last-child,.table_minner_wrap_user--min.table_minner_moder .table_minner_text p span:last-child { text-align: right } .auction { margin-bottom: 30px } .auction__alert { margin: 16px 0; color: #000; font: 300 16px/20px Inter,sans-serif; padding: 10px 20px; border-radius: 5px; display: none } .auction__alert.opened { display: block } .auction__alert.success { background: #CFC } .auction__alert.failure { background: #FFC3C3 } .auction .select-box__input-text { height: 40px } .auction .order_select_box { width: 100% } .auction .select-box svg { top: 18px } .auction__top { margin-bottom: 7px } @media (max-width: 900px) { .auction__top { margin-bottom:12px } } .auction__time { font: 400 22px Inter,sans-serif; color: #000; margin: 0 } @media (max-width: 900px) { .auction__time { margin:0; font: 400 20px Inter,sans-serif } } .auction__time span { margin-left: 8px; color: #B7B7B7 } .auction__panel { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px } @media (max-width: 900px) { .auction__panel { display:grid; margin-bottom: 10px; grid-template-columns: 1fr; grid-gap: 14px } } .auction__price { margin: 0; font: 400 14px Inter,sans-serif } .auction__form { display: grid; grid-template-columns: 200px 170px 170px; grid-gap: 18px } @media (max-width: 900px) { .auction__form { grid-template-columns:1fr; grid-gap: 14px } } .auction__input { position: relative } .auction__input span { color: #B7B7B7; font: 400 14px/22px Inter,sans-serif; position: absolute; right: 10px; bottom: 10px; transition: .3s; opacity: 1 } .auction__input input { padding: 8px 42px 8px 12px; max-width: 100%; width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #EBEBEB; color: #000; border-radius: 5px; background: #fff; font: 300 14px/22px Inter,sans-serif; appearance: none; outline: none } .auction__input input::placeholder { color: #B7B7B7 } .auction__btn { padding: 9px; max-width: 100%; width: 100%; box-sizing: border-box; background: #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; color: #fff; text-align: center; height: 40px; display: flex; align-items: center; justify-content: center; transition: .3s } .auction__btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .auction .lk_table_title { grid-template-columns: 60px 5fr 1fr 1fr!important } @media (max-width: 900px) { .auction .lk_table_title { display:none } } .auction .lk_table_item { grid-template-columns: 60px 5fr 1fr 1fr!important; opacity: .5 } @media (max-width: 900px) { .auction .lk_table_item { grid-template-columns:1fr } } .auction .lk_table_item.disabled { opacity: .5 } .auction .lk_table_item:not(.disabled):nth-child(-n+20) { opacity: 1 } .auction .lk_table_item p:nth-child(2)::before { display: none } .auction .lk_table_item p:nth-child(1)::before { display: block } @media (max-width: 900px) { .auction .lk_table_item p { grid-column-start:1; grid-column-end: 3 } } .auction .active p { font-weight: 600!important } .auction__messages { margin-bottom: 20px; border: 1px solid #EBEBEB; border-radius: 5px } @media (max-width: 900px) { .auction__messages { margin-bottom:18px } } .auction__messages__checkbox { display: none } .auction__messages__checkbox:checked ~ .auction__messages__element { display: block } .auction__messages__checkbox:checked ~ .auction__messages__title svg { transform: rotate(180deg) } .auction__messages__element { display: none } .auction__messages__title { cursor: pointer; padding: 8px 22px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 900px) { .auction__messages__title { padding:4px 11px } } .auction__messages__title p { font: 400 16px/24px Inter,sans-serif; margin: 0 } .auction__messages__title svg { transition: .3s } .auction__messages__body { overflow-x: hidden; overflow-y: auto; max-height: 300px; border-top: 1px solid #EBEBEB; padding: 12px 22px 22px; display: grid; grid-template-columns: 1fr; grid-gap: 14px } @media (max-width: 900px) { .auction__messages__body { padding:12px } } .auction__messages__bottom { padding: 0 22px 15px } @media (max-width: 900px) { .auction__messages__bottom { margin-top:2px; padding: 0 } } .auction__messages__form { padding-top: 12px; border-top: 1px solid #EBEBEB; display: grid; grid-template-columns: 1fr 125px; grid-gap: 15px } @media (max-width: 900px) { .auction__messages__form { padding:10px; grid-template-columns: 1fr 90px; grid-gap: 6px } } .auction__messages__form input { padding: 7px 12px; border: 1px solid #EBEBEB; appearance: none; width: 100%; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; outline: none; border-radius: 5px; height: 40px } .auction__messages__form input::placeholder { color: #B7B7B7 } .auction__messages__form button { height: 40px; padding: 7px; border: 1px solid #000; border-radius: 5px; width: 100%; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; color: #000; appearance: none; outline: none; transition: .3s } .auction__messages__form button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .messages__item { position: relative } .messages__item__box { display: grid; grid-template-columns: 42px 1fr; grid-gap: 12px } @media (max-width: 900px) { .messages__item__box { grid-gap:10px } } .messages__item__box img { height: 42px; width: 42px; border-radius: 50%; align-items: center; max-width: 100%; object-fit: cover } .messages__item__title { margin: 0 0 3px; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; padding-right: 60px; -webkit-box-orient: vertical; font: 400 12px Inter,sans-serif } .messages__item__data { position: absolute; right: 0; font: 300 12px/22px Inter,sans-serif; top: 0; margin: 0; color: #B7B7B7 } .messages__item__text { margin: 0; font: 300 12px/20px Inter,sans-serif } .authentication .call_hide { opacity: 0; position: absolute } .authentication__hide { display: none } .authentication__wrap { display: grid; grid-template-columns: 1fr; grid-gap: 16px; margin: 26px 0 14px } .authentication__item { padding: 12.5px 17.5px; border: 1px solid #EBEBEB; border-radius: 10px; display: flex; transition: .3s; align-items: center; background: #F9F9F9 } .authentication__item:hover { background: #F9F9F9 } .authentication__item img { margin-right: 12px } .authentication__item p { font: 400 16px/24px Inter,sans-serif; color: #000; margin: 0 } .authentication__label { font: 400 14px/20px Inter,sans-serif; color: #B7B7B7; margin: 0 0 10px } .authentication__title-sm { font: 400 14px/20px Inter,sans-serif; color: #000; margin: 0 0 10px } .authentication__code { padding: 14px 16px; background: #F9F9F9; border: 1px solid #EBEBEB; border-radius: 10px; margin-bottom: 10px } .authentication__code p { margin: 0; word-break: break-word; color: #000; font: 400 14px/22px Inter,sans-serif } .authentication .call_hide:checked ~ .authentication__hide { display: block } .balance .decor_table_item,.balance .decor_table_title { grid-template-columns: 170px 300px 1fr } @media (max-width: 1280px) { .balance .decor_table_item,.balance .decor_table_title { grid-template-columns:150px 250px 1fr } } @media (max-width: 760px) { .balance .decor_table_item,.balance .decor_table_title { grid-template-columns:1fr 1fr } } @media (max-width: 768px) { .balance .lk_wrap .my_order_nav { margin:0 0 12px } } .balance .balance_top_wrap { padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .balance .balance_top_wrap { margin-bottom:16px } } .balance .balance_top_wrap .balance_title { margin: 16px 0 5px; color: #000; font: 300 22px/30px Inter,sans-serif } @media (max-width: 576px) { .balance .balance_top_wrap .balance_title { margin:0 0 6px; font: 300 20px/30px Inter,sans-serif } } .balance .balance_top_wrap .balance_top_box { display: flex; align-items: center; justify-content: space-between } @media (max-width: 576px) { .balance .balance_top_wrap .balance_top_box { display:grid; grid-template-columns: 1fr; grid-gap: 12px } } .balance .balance_top_wrap .balance_top_box .balance_top_text { color: #B7B7B7; margin: 0; font: 300 16px/24px Inter,sans-serif } @media (max-width: 576px) { .balance .balance_top_wrap .balance_top_box .balance_top_text { font:300 14px/22px Inter,sans-serif } } .balance .balance_top_wrap .balance_top_box .balance_top_text strong { color: #000; font-weight: 400 } .balance .balance_top_wrap .balance_top_box .balance_top_buttons { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 12px } .balance .balance_top_wrap .balance_top_box .btn_black,.balance .balance_top_wrap .balance_top_box .btn_white { max-width: 170px; width: 170px; padding: 8px 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; text-decoration: none; transition: .3s } @media (max-width: 576px) { .balance .balance_top_wrap .balance_top_box .btn_black,.balance .balance_top_wrap .balance_top_box .btn_white { max-width:100%; width: 100%; box-sizing: border-box } } .balance .balance_top_wrap .balance_top_box .btn_black { color: #fff; background: #000 } .balance .balance_top_wrap .balance_top_box .btn_black:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .balance .balance_top_wrap .balance_top_box .btn_white { color: #000; background: #fff } .balance .balance_top_wrap .balance_top_box .btn_white:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .balance .balance_user_wrap { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 100px } @media (max-width: 900px) { .balance .balance_user_wrap { margin-bottom:50px } } @media (max-width: 576px) { .balance .balance_user_wrap { display:grid; grid-template-columns: 1fr; grid-gap: 18px } } .balance .balance_user_wrap .balance_right_title { font: 400 14px/22px Inter,sans-serif; margin: 0 0 10px } .balance .balance_user_wrap .balance_user_title { margin: 0 0 16px; font: 400 18px/26px Inter,sans-serif } @media (max-width: 900px) { .balance .balance_user_wrap .balance_user_title { margin:0 0 10px } } .balance .balance_user_wrap .balance_user_right { margin-left: 10px } @media (max-width: 576px) { .balance .balance_user_wrap .balance_user_right { margin:0 } } .balance .balance_user_wrap .balance_user_box { display: grid; grid-template-columns: 160px 1fr; grid-gap: 5px; margin-bottom: 16px } @media (max-width: 900px) { .balance .balance_user_wrap .balance_user_box { margin-bottom:12px } } .balance .balance_user_wrap .balance_user_box p { margin: 0; font: 400 14px/22px Inter,sans-serif } .balance .balance_user_wrap .balance_user_box .banalce_attr_title { color: #B7B7B7; font-weight: 300 } .balance .balance_user_wrap .balance_user_box:last-child { margin-bottom: 0 } .balance .balance_form { display: grid; grid-template-columns: 1fr; grid-gap: 12px } .balance .balance_form .balance_form_box { width: 100%; max-width: 250px; position: relative } @media (max-width: 576px) { .balance .balance_form .balance_form_box { max-width:100% } } .balance .balance_form .balance_form_box span { position: absolute; color: #B7B7B7; left: 14px; top: 10px; font: 400 14px/22px Inter,sans-serif } .balance .balance_form .balance_form_box input { padding: 9px 14px 9px 53px; font: 400 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; width: 100%; box-sizing: border-box; border-radius: 5px } .balance .decor_table_item p span { color: #B7B7B7 } @media (max-width: 576px) { .balance .decor_table_item p span { display:none } } .balance .decor_table_item p a { text-decoration-line: underline; color: #000 } .balance .instant_all_title { margin: 0 0 10px; font: 700 16px/24px Inter,sans-serif } .balance .balance_order_link { margin-bottom: 16px } @media (max-width: 900px) { .balance .balance_order_link { margin-bottom:12px } } .balance .balance_order_link a { margin-right: 25px; color: #000; font: 400 14px/22px Inter,sans-serif; transition: .3s; text-decoration: none } .balance .balance_order_link a:hover { color: #B7B7B7 } .balance .balance_order_link .active { color: #B7B7B7 } .balance .decor_bottom_table .decor_table_item:last-child { padding-bottom: 0; border-bottom: none; margin: 0 } .balance_output .balance_output_title { margin: 16px 0 12px; color: #000; font: 300 22px/30px Inter,sans-serif } @media (max-width: 576px) { .balance_output .balance_output_title { margin:0 0 10px; font: 300 20px/30px Inter,sans-serif } } .balance_output .balance_output_form { display: grid; grid-template-columns: 384px; grid-gap: 18px } @media (max-width: 576px) { .balance_output .balance_output_form { grid-template-columns:1fr } } .balance_output .balance_output_form button { max-width: 170px; height: 40px; background: #000; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; outline: none; appearance: none; color: #fff } @media (max-width: 768px) { .balance_output .balance_output_form button { max-width:100% } } .balance_output .balance_output_form button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .balance_output .balance_output_form .balance_output_label { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .balance_output .balance_output_form .balance_output_text { margin: 8px 0 0; font: 400 14px/22px Inter,sans-serif; color: #B7B7B7 } .balance_output .balance_output_form .balance_output_text span { color: #000 } .balance_output .balance_output_form .balance_output_input { width: 100%; max-width: 100%; box-sizing: border-box; padding: 8px 14px; height: 40px; font: 400 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; appearance: none; outline: none } .balance_output .balance_output_form .balance_output_input::placeholder { color: #B7B7B7 } .balance_output .balance_output_form .balance_output_textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: 8px 14px; font: 400 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; appearance: none; resize: none; height: 80px; outline: none } .balance_output .balance_output_form .balance_output_textarea::placeholder { color: #B7B7B7 } .balance_output .balance_output_form .order_select_box { max-width: 250px; width: 100% } @media (max-width: 576px) { .balance_output .balance_output_form .order_select_box { max-width:200px } } .balance_output .balance_output_form .order_select_box .select-box__input-text { font: 400 14px Inter,sans-serif } .balance_output .balance_output_form .balance_btn_box { display: flex; align-items: center } .balance_output .balance_output_form .balance_btn_box input { width: 250px; padding-right: 40px } @media (max-width: 576px) { .balance_output .balance_output_form .balance_btn_box input { max-width:200px } } .balance_output .balance_output_form .balance_btn_box span { font: 400 14px/22px Inter,sans-serif; margin-left: -40px; color: #B7B7B7 } .balance_output .balance_output_form .balance_btn_box .balance_max { font: 400 14px/22px Inter,sans-serif; color: #000; cursor: pointer; margin: 0 0 0 25px; text-decoration: underline } .balance_output .balance_output_form .balance_btn_box .balance_pay { font: 400 14px/22px Inter,sans-serif; color: #000; margin: 0 0 0 12px } .category_main_wrap { grid-template-columns: 260px 1fr; grid-gap: 30px; display: grid } @media (max-width: 1024px) { .category_main_wrap { grid-template-columns:230px 1fr; grid-gap: 20px } } @media (max-width: 750px) { .category_main_wrap { grid-template-columns:1fr } } .category_main_wrap input[type=checkbox] { display: none } .category_main_wrap input[type=checkbox]:checked ~ .filter_main { display: block } .category_search_wrap { width: 100%; box-sizing: border-box; margin-bottom: 10px } .category_search_form { display: grid; grid-template-columns: 1fr 140px; grid-gap: 10px } .category_product_wrap { margin-bottom: 25px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 14px } @media (max-width: 1024px) { .category_product_wrap { grid-template-columns:1fr 1fr; grid-gap: 14px } } @media (max-width: 750px) { .category_product_wrap { grid-gap:10px } } @media (max-width: 390px) { .category_product_wrap { grid-gap:14px; grid-template-columns: 1fr } } .product_item { padding: 1vw; border-radius: 10px; transition: .2s all; text-decoration: none; border: 1px solid #EBEBEB } .product_item .tips { position: absolute; top: 0; right: 0; z-index: 2; padding: 8px; display: flex; align-items: center; gap: 5px } .product_item .tips .trusted-tip,.product_item .tips .trusted-shop-tip { position: static; padding: 0 } .product_item .tips .trusted-tip svg,.product_item .tips .trusted-shop-tip svg { display: block } .product_item.sale { position: relative; border-color: var(--data-color-o) } .product_item.sale:hover { border-color: var(--data-color) } .product_item.sale:hover .sale-tip span { opacity: 1 } .product_item.sale:hover .sale-tip svg path.color-change { stroke-opacity: 1 } .product_item.sale .sale-tip { position: relative } .product_item.sale .sale-tip span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font: 700 9px/9px Inter,sans-serif; color: #FF4343; transition: .2s all; opacity: .6 } .product_item.sale .sale-tip svg { width: 32px; height: 32px; display: block } .product_item.sale .sale-tip svg path.color-change { stroke-opacity: .6 } .product_item.trusted { position: relative } .product_item.trusted .trusted-tip .color-change-flask,.product_item.trusted .trusted-shop-tip .color-change-flask { opacity: .6 } .product_item.trusted .trusted-tip .color-change-flask-rect,.product_item.trusted .trusted-shop-tip .color-change-flask-rect { transition: .2s all; stroke-opacity: .6 } .product_item.trusted .trusted-tip svg,.product_item.trusted .trusted-shop-tip svg { width: 32px; height: 32px; display: block } .product_item.trusted .trusted-tip svg path.color-change,.product_item.trusted .trusted-shop-tip svg path.color-change { opacity: .6 } .product_item.trusted:hover .trusted-shop-tip .color-change-flask,.product_item.trusted:hover .trusted-shop-tip path.color-change,.product_item.trusted:hover .trusted-tip .color-change-flask,.product_item.trusted:hover .trusted-tip path.color-change { opacity: 1 } .product_item.trusted:hover .trusted-shop-tip .color-change-flask-rect,.product_item.trusted:hover .trusted-tip .color-change-flask-rect { stroke-opacity: 1 } .product_item:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.15) } @media (max-width: 834px) { .product_item { padding:18px } } @media (max-width: 390px) { .product_item { padding:25px } } .product_item_img { margin-bottom: 12px } @media (max-width: 760px) { .product_item_img { margin-bottom:8px } } @media (max-width: 390px) { .product_item_img { margin-bottom:12px } } .product_item_img img { display: block; margin: 0 auto; object-fit: cover; width: 200px; height: 200px; max-width: 200px; max-height: 200px; border-radius: 10px } @media (max-width: 750px) { .product_item_img img { height:130px; width: 130px } } @media (max-width: 390px) { .product_item_img img { height:200px; width: 200px } } .product_title { text-align: center; font: 400 14px Inter,sans-serif; display: block; color: #000; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none; margin: 0 0 12px } @media (max-width: 750px) { .product_title { margin-bottom:6px } } @media (max-width: 390px) { .product_title { margin-bottom:12px } } .product_place { text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; color: #B7B7B7; text-align: center; margin: 0 0 12px; font: 300 14px Inter,sans-serif } @media (max-width: 750px) { .product_place { margin-bottom:8px } } @media (max-width: 390px) { .product_place { margin-bottom:12px } } .product_price { color: #000; margin: 0; font: 300 14px Inter,sans-serif } .product_price strong { font: 500 14px Inter,sans-serif } .product_star_col { color: #000; margin: 0; font: 300 14px Inter,sans-serif } .product_star { display: flex; align-items: center; justify-content: space-between } @media (max-width: 750px) { .product_star { display:none } } @media (max-width: 390px) { .product_star { display:flex } } .product_star svg { margin-left: 5px } .product_bottom { display: flex; align-items: center; justify-content: space-between } @media (max-width: 750px) { .product_bottom { justify-content:center } } @media (max-width: 390px) { .product_bottom { justify-content:space-between } } .category_title { margin: 8px 0 20px; font: 500 20px Inter,sans-serif } @media (max-width: 900px) { .category_title { margin-top:0 } } .category_sidebar_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 15px } .category_sidebar_title { margin: 0 0 15px; color: #000; display: flex; align-items: center; justify-content: space-between; text-decoration: none; transition: .2s all; font: 500 16px Inter,sans-serif } .category_sidebar_title:hover { color: #B7B7B7 } .category_sidebar_title:hover svg path { fill: #B7B7B7 } .category_sidebar_link { display: grid; grid-template-columns: 1fr; grid-gap: 10px; list-style-type: none; padding: 0; margin: 0 } .category_sidebar_link a { color: #B7B7B7; display: block; text-decoration: none; font: 300 14px/22px Inter,sans-serif; margin: 0 } .category_sidebar_link a:hover { text-decoration: underline } .call_sidebar { display: none } @media (max-width: 750px) { .call_sidebar { display:flex; align-items: center; justify-content: center; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #000; text-decoration: none; padding: 10px; font: 400 14px Inter,sans-serif; margin-bottom: 10px } } .sort_wrap { display: none; margin: 10px 0 } @media (max-width: 750px) { .sort_wrap { display:block; position: relative; z-index: 10 } } .sort_wrap input[type=checkbox] { display: none } .sort_wrap input[type=checkbox]:checked ~ .sort_box { display: block } .sort_wrap input[type=checkbox]:checked ~ label.call_sort { border: 1px solid #000 } .mob_panel { display: none } @media (max-width: 750px) { .mob_panel { display:grid; margin-bottom: 10px; grid-template-columns: 1fr; grid-gap: 10px } } .mob_panel .sort_wrap { margin: 0 } @media (max-width: 750px) { .call_filter { display:flex; align-items: center; justify-content: center; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #000; text-decoration: none; padding: 10px; font: 400 14px Inter,sans-serif } } .call_filter.active { border: 1px solid #000 } @media (max-width: 750px) { .call_sort { display:flex; align-items: center; justify-content: center; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #000; text-decoration: none; padding: 10px; font: 400 14px Inter,sans-serif; margin: 0 } } .call_sort.active { border: 1px solid #000 } @media (max-width: 750px) { .category_sidebar { display:none } } @media (max-width: 750px) { .search-container { margin-bottom:10px } } .category_main .search-container form button { padding: 0 45px } @media (max-width: 750px) { .category_main .search-container form button { padding:0 15px } } .category_main .search-container form input { padding-top: 10px; padding-bottom: 10px } .catalog_panel { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 750px) { .catalog_panel { display:none } } .breadcrumbs { padding: 0; margin: 0; display: flex; align-items: center; list-style-type: none; white-space: nowrap } .breadcrumbs a { margin: 0; text-decoration: none; font: 400 14px/22px Inter,sans-serif; color: #000 } .breadcrumbs a:nth-child(2) { font: 300 14px Inter,sans-serif } .breadcrumbs a:after { content: "/"; margin: 0 5px; display: inline-block } .breadcrumbs span { font: 300 14px Inter,sans-serif; color: #B7B7B7 } .breadcrumbs span:last-child { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical } .catalog_control_wrap { display: flex; align-items: center } .catalog_control_wrap p { font: 300 14px Inter,sans-serif; color: #b7b7b7; margin: 0 } @media (max-width: 834px) { .catalog_control_wrap > p { display:none } } select { cursor: pointer } .catalog_sort_box { position: absolute; z-index: 25; right: -10px; top: calc(100% + 6px); min-width: 190px; padding: 12px 16px 14px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; display: none; grid-template-columns: 1fr; grid-gap: 8px } .catalog_sort_box a { font: 400 14px/22px Inter,sans-serif; color: #B7B7B7; text-decoration: none; white-space: nowrap } .catalog_sort_box a:hover,.catalog_sort_box a.active { color: #000 } .catalog_sort_box a:last-child { margin-left: 0!important } .catalog_sort_box.active { display: grid } .catalog_select_box { margin-left: 20px; position: relative } .catalog_select_box input:checked ~ .catalog_sort_box { display: grid } .catalog_select_box input:checked ~ label.catalog-label svg { transform: rotate(180deg) } .catalog_select_box label { display: flex; align-items: center; cursor: pointer } .catalog_select_box label.active svg { transform: rotate(180deg) } @media (max-width: 990px) { .catalog_select_box { margin-left:10px } } .catalog_select_box svg { margin-left: 5px; position: relative; top: 1px } .catalog_select_box p { margin: 0; appearance: none; outline: none; font: 300 14px Inter,sans-serif; color: #000; border: none; background: transparent; transition: .2s all } .catalog_select_box:hover p { color: #b7b7b7 } .catalog_select_box:hover svg path { fill: #b7b7b7 } .catalog_price_box,.sort_box { display: none; position: absolute; max-width: 310px; min-width: 310px; padding: 15px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; width: 100%; box-sizing: border-box; top: 120%; right: 0 } .catalog_price_box.active,.sort_box.active { display: block } .catalog_back_btn { margin-bottom: 20px; display: flex; align-items: center } .catalog_back_btn a { margin: 0; font: 400 14px/22px Inter,sans-serif; text-decoration: none; color: #000; transition: .2s } .catalog_back_btn a svg { margin-right: 10px } .catalog_back_btn a:hover { color: #b7b7b7 } .catalog_back_btn a:hover svg path { fill: #b7b7b7 } .inside_cat { padding-bottom: 25px; border-bottom: 1px solid #EBEBEB } .inside_cat li { padding-left: 20px } .inside_cat li a { color: #000; transition: .2s all } .inside_cat li a:hover { text-decoration: none; color: #B7B7B7 } .sort_link { display: grid; grid-template-columns: 1fr; grid-gap: 14px } .sort_link a { font: 300 14px/22px Inter,sans-serif; color: #000; text-decoration: none } .sort_link a:first-child { color: #B7B7B7 } .category_filter { display: grid; grid-template-columns: 1fr; grid-gap: 16px } .filter_title_box { font: 300 14px Inter,sans-serif; color: #B7B7B7; display: block; position: relative; margin: 0 0 12px; padding: 0 } .filter_box_select { position: relative } .filter_box_select svg { position: absolute; right: 16px; top: 16px } .filter_box_select select { width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; appearance: none; background: transparent; outline: none; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 9px 12px } .category_checkbox_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 16px } .category_radio_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 16px } .checkbox { position: relative } .checkbox input[type=checkbox] { opacity: 0; position: absolute } .checkbox label { color: #000; padding-left: 28px; cursor: pointer; display: inline-block; outline: none; box-sizing: border-box; position: relative; font: 300 14px Inter,sans-serif } .checkbox label:after { content: ""; height: 20px; width: 20px; border: 1px solid #EBEBEB; border-radius: 4px; position: absolute; left: 0; top: -2px } .checkbox svg { position: absolute; pointer-events: none; left: 3.5px; top: 3px; z-index: 2; opacity: 0 } .checkbox input:checked + label:after { background: #000; border-color: #000 } .checkbox input:checked + label svg { opacity: 1 } .radio { position: relative } .radio input { opacity: 0; position: absolute } .radio label { color: #000; padding-left: 28px; cursor: pointer; display: block; width: 100%; outline: none; box-sizing: border-box; position: relative; font: 300 14px Inter,sans-serif } .radio label:after { content: ""; height: 20px; width: 20px; border: 1px solid #EBEBEB; border-radius: 50%; position: absolute; left: 0; top: -2px } .radio label:before { content: ""; height: 10px; width: 10px; border-radius: 50%; position: absolute; left: 5px; top: 3px; background: #000; opacity: 0 } .radio input:checked + label:after { border-color: #000 } .radio input:checked + label:before { opacity: 1 } .filter-select__box + .category_input_wrap { margin-top: 12px } .category_input_wrap { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 12px } .category_input_wrap input { width: 100%; box-sizing: border-box; padding: 8px 12px; border: 1px solid #EBEBEB; border-radius: 5px; outline: none; appearance: none; color: #000; font: 300 14px Inter,sans-serif; padding-right: 35px; -moz-appearance: textfield } .category_input_wrap input::-webkit-outer-spin-button,.category_input_wrap input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .category_input_wrap input::-webkit-input-placeholder { color: #b7b7b7 } .category_input_wrap input:not(:placeholder-shown) + span { opacity: 1 } .category_sidebar_link .active_link { color: #b7b7b7 } .category_input_box { position: relative } .category_input_box span { transition: .2s; font: 300 14px Inter,sans-serif; color: #B7B7B7; pointer-events: none; position: absolute; right: 6px; top: 9px; opacity: 0 } .category_input_box .show { opacity: 1 } .category_filter_box .select-custom,.category_filter_box .select-box { font-size: 14px; line-height: 22px } .category_filter_box .select-custom__input-text,.category_filter_box .select-box__input-text { font: 300 14px Inter,sans-serif; color: #000; padding: 9px 14px; border-radius: 5px } .category_filter_box .select-custom__list,.category_filter_box .select-box__list { padding: 10px 16px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15) } .category_filter_box .select-custom__option,.category_filter_box .select-box__option { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 10px } .category_filter_box .select-custom svg,.category_filter_box .select-box svg { position: absolute; right: 14px; top: 15px } .category_filter_btn { width: 100%; appearance: none; outline: none; background: transparent; cursor: pointer; box-sizing: border-box; display: block; padding: 8px; text-decoration: none; color: #000; text-align: center; border: 1px solid #000; border-radius: 5px; font: 300 16px/22px Inter,sans-serif; transition: .2s all } .category_filter_btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .filter_main_mob { display: none } @media (max-width: 750px) { .filter_main .category_title { display:none } } @media (max-width: 750px) { .mob_panel .call_sort { margin:0 } } @media (max-width: 750px) { .mob_panel .call_sort { margin:0 } } @media (max-width: 750px) { .filter_main_mob { display:flex; align-items: center; justify-content: space-between } } .filter_main_mob label { height: 18px } @media (max-width: 750px) { .filter_main_mob p { margin:0; font: 400 18px/22px Inter,sans-serif } } @media (max-width: 750px) { .filter_main .inside_cat { display:none } } @media (max-width: 750px) { .filter_main .catalog_back_btn { display:none } } @media (max-width: 750px) { .filter_main { display:none; padding: 20px 10px; position: fixed; left: 0; right: 0; overflow: hidden; overflow-y: scroll; top: 0; bottom: 0; z-index: 21; background: #fff } } .filter_main.active { display: block } .hidden { overflow: hidden } .shop_product_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px } @media (max-width: 990px) { .shop_product_wrap { grid-template-columns:1fr 1fr 1fr; grid-gap: 15px } } @media (max-width: 750px) { .shop_product_wrap { grid-gap:15px; grid-template-columns: 1fr 1fr } } @media (max-width: 390px) { .shop_product_wrap { grid-gap:15px; grid-template-columns: 1fr } } .shop_top_img img { max-width: 100%; object-fit: cover; height: 200px; border-radius: 5px; width: 100%; box-sizing: border-box } @media (max-width: 990px) { .shop_top_img img { height:140px } } .shop_panel { margin-bottom: 16px } .shop_panel_info { display: flex; align-items: flex-end; margin-top: -55px; position: relative; z-index: 2; padding-left: 25px } .shop_panel_img { margin-right: 15px; height: 100px } @media (max-width: 760px) { .shop_panel_img { height:60px; margin-right: 12px } } .shop_panel_img img { border-radius: 5px; height: 100px; width: 100px; max-width: 100%; object-fit: cover; border: 1px solid #EBEBEB } @media (max-width: 760px) { .shop_panel_img img { height:60px; width: 60px; min-height: 60px; min-width: 60px } } .shop_panel_title { display: flex; align-items: center; position: relative; bottom: 10px } @media (max-width: 760px) { .shop_panel_title { bottom:4px } } .shop_title { margin: 0 16px 0 0; padding: 0; font: 300 22px Inter,sans-serif } .shop_panel_rait { display: flex; align-items: center; position: relative; top: 2px } .shop_panel_star { display: flex; margin-right: 16px; align-items: center } .shop_panel_star svg { margin-right: 5px } .shop_rait_text { margin: 0; color: #434343; font: 400 14px Inter,sans-serif; padding: 0; position: relative; top: 1px } .shop_nav { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 25px; margin-bottom: 12px } @media (max-width: 900px) { .shop_nav { padding-right:25px } } .shop_nav_box { display: flex; align-items: center; width: 100%; flex-wrap: wrap; gap: 4px 35px } .shop_nav_box .catalog_select_box { margin-left: 0 } .shop_nav_box .catalog_select_box p { font: 400 14px Inter,sans-serif } @media (max-width: 760px) { .shop_nav_box .catalog_select_box label { display:none } .shop_nav_box .catalog_select_box .catalog_sort_box { display: block; position: static; padding: 0; margin: 0; box-shadow: none } } .shop_nav_box a { font: 400 14px/22px Inter,sans-serif; color: #000; text-decoration: none; transition: .2s all; position: relative } .shop_nav_box a span.count { min-width: 16px; display: flex; justify-content: center; position: absolute; right: -11px; top: -7px; padding: 0 2px; font: 400 9px/11px Inter,sans-serif; color: #000; text-decoration: none; border: 1px solid #000; border-radius: 5px; background: #fff } @media (max-width: 760px) { .shop_nav_box a span.count { position:static; display: initial; margin-left: 10px; padding: 2px 4px; font: 400 11px/11px Inter,sans-serif } } .shop_nav_box a.active span.count { color: #b7b7b7; border: 1px solid #b7b7b7 } .shop_nav_box .active { color: #b7b7b7 } .shop_nav_letter { display: flex; align-items: center; margin-right: 20px; transition: .2s; white-space: nowrap } .shop_nav_letter a { font: 400 14px/22px Inter,sans-serif; color: #000; text-decoration: none } .shop_nav_letter svg { margin-right: 5px } @media (max-width: 760px) { .shop_nav_letter svg { margin-right:5px } } @media (max-width: 900px) { .shop_nav_letter span { display:none } } @media (max-width: 760px) { .shop_nav_letter span { display:block } } @media (max-width: 760px) { .shop_nav_letter { display:flex!important; justify-content: center; margin: 14px 0 0!important } } .shop_nav_letter:hover { color: #8A8A8A } .shop_nav_letter:hover svg path { fill: #8A8A8A } @media (max-width: 990px) { .shop_rait_text { display:none } } @media (max-width: 990px) { .shop_title { display:-webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } } .shop_btn_call,.order_btn_call { display: none } @media (max-width: 760px) { .shop_panel_rait { display:none } } .shop_btn_call.active,.order_btn_call.active { border: 1px solid #000 } @media (max-width: 760px) { .shop_btn_call,.order_btn_call { display:block; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #b7b7b7; text-decoration: none; padding: 10px; font: 400 14px Inter,sans-serif } } @media (max-width: 760px) { .shop_panel { margin-bottom:10px } } @media (max-width: 760px) { .shop_btn_call span,.order_btn_call span { color:#000; margin-left: 5px } } @media (max-width: 760px) { .shop_panel_info { margin-top:-30px; padding-left: 10px } } @media (max-width: 760px) { .shop_title { display:-webkit-box; -webkit-line-clamp: 1; overflow: hidden; font-size: 18px; text-overflow: ellipsis; -webkit-box-orient: vertical; margin-right: 10px } } @media (max-width: 760px) { .shop_nav_letter { display:none } } @media (max-width: 760px) { .shop_nav,.my_order_nav { padding:0; margin-bottom: 10px; display: flex; flex-direction: column } } .shop_nav input[type=checkbox],.my_order_nav input[type=checkbox] { display: none } .shop_nav input[type=checkbox]:checked ~ .shop_nav_box,.my_order_nav input[type=checkbox]:checked ~ .shop_nav_box { display: block } .shop_nav input[type=checkbox]:checked ~ label.shop_btn_call,.shop_nav input[type=checkbox]:checked ~ label.order_btn_call,.my_order_nav input[type=checkbox]:checked ~ label.shop_btn_call,.my_order_nav input[type=checkbox]:checked ~ label.order_btn_call { border: 1px solid #000 } @media (max-width: 760px) { .shop_nav_box { margin-top:10px; top: 100%; width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; padding: 14px 0 } } .shop_nav_box.active { display: block } .shop_nav_box a:hover { color: #b7b7b7 } @media (max-width: 760px) { .shop_nav_box a { display:block; margin: 0 0 14px; text-align: center } } .shop_nav_box a:last-child { margin-left: auto } .shop_nav_box--user a:last-child { margin-left: 0 } @media (max-width: 760px) { .shop_nav_box { display:none } } @media (max-width: 900px) { .city_page .lk_preorder_table .lk_table_btn a span { margin:0 } .city_page .lk_preorder_table .lk_table_btn a svg { display: none } } .city_page .lk_table_xl_title { margin: 16px 0 14px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .city_page .lk_table_xl_title { margin:0 0 2px; font: 300 20px/30px Inter,sans-serif } } @media (max-width: 900px) { .city_page .lk_preorder_table .lk_table_item:nth-child(1) { padding-top:4px } } .city_page .lk_preorder_table .lk_table_item { display: flex; align-items: center; justify-content: space-between } @media (max-width: 900px) { .city_page .lk_preorder_table .lk_table_item { display:grid } } @media (max-width: 900px) { .city_page .lk_preorder_table .lk_table_item p { grid-column-start:1; grid-column-end: 3 } } .city_page .lk_preorder_table .lk_table_item p::before { display: none } @media (max-width: 576px) { .city_page .lk_preorder_table .lk_table_btn { grid-template-columns:1fr } } .city_page .lk_table_btn_city a:nth-child(1) { margin: 0; box-sizing: border-box; text-decoration: none; color: #000; width: 190px; height: 32px } @media (max-width: 900px) { .city_page .lk_table_btn_city a:nth-child(1) { width:100%; height: auto } } .city_page .lk_table_btn_city a:nth-child(1) span { display: block } .city_page .lk_table_btn_city a:nth-child(2):hover svg { opacity: 1 } .city_page .lk_table_btn_city a:nth-child(2) svg { left: .5px; opacity: .4 } .city_page .lk_table_bottom a { background: #000; color: #fff } .city_add .lk_table_xl_title { margin: 16px 0 14px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .city_add .lk_table_xl_title { margin:0 0 8px; font: 300 20px/30px Inter,sans-serif } } .city_add .city_add_pretitle { font: 400 14px/22px Inter,sans-serif; margin: 0 0 8px } .city_add .select-box__input-text { height: 40px } .city_add .select-box svg { top: 18px } .city_add .order_select_box { max-width: 346px; width: 100%; margin: 0; box-sizing: border-box } @media (max-width: 768px) { .city_add .order_select_box { max-width:100% } } .city_add .order_select { margin: 0 } .city_add .gray_text { color: #B7B7B7 } .city_add .city_add_box { display: grid; grid-template-columns: 346px 25px; grid-gap: 16px; margin-bottom: 16px; align-items: center } @media (max-width: 768px) { .city_add .city_add_box { grid-template-columns:1fr 31px } } @media (max-width: 576px) { .city_add .city_add_box { grid-gap:10px; margin-bottom: 14px } } .city_add .delete_order { height: 25px; width: 25px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; display: flex; align-items: center; justify-content: center } @media (max-width: 900px) { .city_add .delete_order { height:31px; width: 31px } } .city_add .delete_order svg { position: relative; left: .75px } @media (max-width: 900px) { .city_add .delete_order svg { position:relative; left: .5px; top: .5px } } .city_add .city_add_wrap { margin: 0; display: grid } @media (max-width: 576px) { .city_add .city_add_wrap { max-width:100% } } .city_add .city_add_wrap .city_add_btn { order: 1; display: grid; grid-template-columns: 165px 165px; grid-gap: 16px } @media (max-width: 576px) { .city_add .city_add_wrap .city_add_btn { grid-template-columns:1fr; grid-gap: 14px } } .city_add .city_add_wrap .city_add_btn a,.city_add .city_add_wrap .city_add_btn button { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px; width: 100%; color: #000; appearance: none; outline: none; text-decoration: none; transition: .3s; text-align: center; box-sizing: border-box } .city_add .city_add_wrap .city_add_btn a:hover,.city_add .city_add_wrap .city_add_btn button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .city_add .city_add_wrap .city_add_btn button { background: #000; color: #fff } .city_add .close_none .city_add_box { grid-template-columns: 1fr } .city_add_container { display: grid; grid-template-columns: 346px 346px; grid-gap: 0 16px } @media (max-width: 900px) { .city_add_container { grid-template-columns:346px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #EBEBEB; grid-gap: 14px } } @media (max-width: 768px) { .city_add_container { grid-template-columns:1fr; grid-gap: 14px } } .city_add_container .city_add_input { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 8px 14px; width: 100%; appearance: none; outline: none; max-width: 100%; height: 40px; box-sizing: border-box } .city_add_container .city_add_input::placeholder { color: #B7B7B7 } @media (max-width: 900px) { .city_add_container .city_add_box { margin:0; grid-template-columns: 1fr } } .city_add_container .delete_order { color: #000; text-decoration: none } @media (max-width: 900px) { .city_add_container .delete_order { height:31px; margin: 0 auto; width: 103px; margin-right: 0 } } .city_add_container .delete_order span { display: none } @media (max-width: 900px) { .city_add_container .delete_order span { display:block; font: 300 14px Inter,sans-serif; margin-right: 5px; color: #000 } } .coupon .call_coupon_filter { opacity: 0; pointer-events: none; position: absolute } .coupon .call_coupon_filter:checked + .lk_coupon_filter_wrap { display: block } .coupon .my_order_nav { margin-bottom: 12px } .coupon .review_panel_custom { display: none } @media (max-width: 900px) { .coupon .review_panel_custom { display:block; margin-top: 10px; margin-bottom: 4px } } @media (max-width: 900px) { .coupon .review_panel_custom .filter_btn_call { display:block; margin-bottom: 0; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #000; text-decoration: none; padding: 10px; font: 300 14px Inter,sans-serif } } .coupon .coupon_title { margin: 16px 0 14px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .coupon .coupon_title { margin:0; font: 300 20px/30px Inter,sans-serif } } .coupon .coupon_table_title { text-decoration: none; display: flex; align-items: center } .coupon .coupon_table_title p { color: #B7B7B7 } .coupon .coupon_table_title .table_arrow_box { display: flex; margin-left: 5px; align-items: center; justify-content: center; flex-direction: column } .coupon .coupon_table_title .table_arrow_box svg:nth-child(1) { margin-bottom: 5px } .coupon .coupon_delete { display: flex; align-items: center; justify-content: flex-end } @media (max-width: 900px) { .coupon .coupon_delete { justify-content:center } } .coupon .coupon_delete a { padding: 5px; max-width: 115px; width: 100%; box-sizing: border-box; background: #FFF; text-align: center; color: #000; text-decoration: none; display: block; font: 300 14px/22px Inter,sans-serif; border: 1px solid #EBEBEB; border-radius: 5px; margin: 0 } @media (max-width: 900px) { .coupon .coupon_delete a { max-width:100% } } .coupon .lk_preorder_table .instant_table_2 .lk_table_title { grid-template-columns: 1.5fr 130px 1fr 115px 2fr 2fr 115px } .coupon .lk_preorder_table .instant_table_2 .lk_table_item { align-items: center; grid-template-columns: 1.5fr 130px 1fr 115px 2fr 2fr 115px } @media (max-width: 900px) { .coupon .lk_preorder_table .instant_table_2 .lk_table_item { grid-template-columns:1fr } } @media (max-width: 900px) { .coupon .lk_preorder_table .instant_table_2 .lk_table_item p { grid-column-start:auto!important; grid-column-end: auto!important } } @media (max-width: 900px) { .coupon .lk_coupon_filter_wrap { position:fixed; z-index: 99; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; height: 100%; width: 100%; background: #fff; padding: 20px 10px; display: none } } .coupon .lk_coupon_filter_wrap .filter_main_mob { display: none } @media (max-width: 900px) { .coupon .lk_coupon_filter_wrap .filter_main_mob { display:flex } } .coupon .lk_coupon_filter { margin-bottom: 18px; display: grid; grid-template-columns: 3fr 2fr 2fr 2fr 2fr 2fr 2fr; grid-gap: 16px; align-items: flex-end } @media (max-width: 1100px) { .coupon .lk_coupon_filter { grid-gap:10px; grid-template-columns: 1fr 1fr 1fr 1fr } } @media (max-width: 900px) { .coupon .lk_coupon_filter { grid-template-columns:1fr 1fr } } .coupon .lk_coupon_filter .order_select_box { margin: 0; width: 100%; box-sizing: border-box } .coupon .lk_coupon_filter .order_select_box svg { top: 17px } .coupon .lk_coupon_filter .select-box__input-text { height: 40px } .coupon .lk_coupon_filter .order_select { margin: 0 } .coupon .lk_coupon_filter button { max-width: 100%; width: 100%; box-sizing: border-box; background: #FFF; text-align: center; color: #000; border: 1px solid #000; border-radius: 5px; padding: 8px; font: 400 14px/22px Inter,sans-serif } @media (max-width: 900px) { .coupon .lk_coupon_filter button { grid-column-start:1; grid-column-end: 3 } } .coupon .lk_coupon_filter .coupon_filter_box { position: relative } .coupon .lk_coupon_filter .coupon_filter_box .coupon_filter_title { font: 400 14px/22px Inter,sans-serif; margin: 0 0 8px } .coupon .lk_coupon_filter .coupon_filter_box .price_padding { padding-right: 40px } .coupon .lk_coupon_filter .coupon_filter_box span { color: #B7B7B7; font: 400 14px/22px Inter,sans-serif; position: absolute; right: 10px; bottom: 10px; transition: .3s; opacity: 0 } .coupon .lk_coupon_filter .coupon_filter_box input { padding: 8px 12px; max-width: 100%; width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; background: #fff; font: 300 14px/22px Inter,sans-serif; appearance: none; outline: none } .coupon .lk_coupon_filter .coupon_filter_box input:not(:placeholder-shown) ~ span { opacity: 1 } .coupon .lk_coupon_filter .coupon_filter_box input::placeholder { color: #B7B7B7 } .coupon_buyers_wrap .coupon_buyers_box { margin-bottom: 16px } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_label { font: 400 14px/22px Inter,sans-serif; margin-bottom: 10px } @media (max-width: 900px) { .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_label { margin-top:0 } } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_input { max-width: 150px; position: relative } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_input span { position: absolute; color: #B7B7B7; right: 12px; top: 9px; opacity: 0; transition: .3s; font: 400 14px/22px Inter,sans-serif } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_input input { appearance: none; outline: none; height: 40px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 12px; width: 100%; box-sizing: border-box } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_input input:not(:placeholder-shown) { padding-right: 45px } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_input input:not(:placeholder-shown) ~ span { opacity: 1 } .coupon_buyers_wrap .coupon_buyers_box .coupon_buyers_input input::placeholder { color: #B7B7B7 } .coupon_buyers_wrap .order_select { margin-bottom: 20px; padding-left: 33px } .coupon_buyers_wrap .order_select .order_select_box { max-width: 350px; width: 100% } .coupon_buyers_wrap .order_select svg { top: 18px } .coupon_buyers_wrap .order_select .select-box__input-text { height: 40px } .coupon_buyers_wrap .checkbox_coupon { margin-bottom: 10px } .coupon_buyers_wrap .checkbox_coupon input { position: absolute; opacity: 0 } .coupon_buyers_wrap .checkbox_coupon input:checked ~ label::before { opacity: 1 } .coupon_buyers_wrap .checkbox_coupon label { font: 400 14px/22px Inter,sans-serif; position: relative; padding-left: 30px; cursor: pointer } .coupon_buyers_wrap .checkbox_coupon label::after { content: ""; height: 20px; width: 20px; border: 1px solid #EBEBEB; border-radius: 50%; position: absolute; left: 0; top: -2px } .coupon_buyers_wrap .checkbox_coupon label::before { content: ""; height: 10px; width: 10px; border-radius: 50%; position: absolute; left: 5px; top: 3px; background: #000; opacity: 0 } .coupon_buyers_wrap button { max-width: 165px; width: 100%; box-sizing: border-box; background: #000; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; padding: 8px; font: 400 14px/22px Inter,sans-serif } .exchange_title { color: #000; font: 700 22px Inter,sans-serif; margin: 0 0 18px } @media (max-width: 834px) { .exchange { margin-top:6px } } .exchange_wrap_top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px; margin-top: 6px } .exchange_pay_wrap { display: flex; align-items: center; justify-content: center } .exchange_pay_wrap a svg { position: relative; margin-bottom: 8px; height: 50px; width: 50px } .exchange_pay_wrap a { display: flex; margin-right: 25px; text-decoration: none; color: #000; flex-direction: column; opacity: .4; align-items: center; font: 400 14px/22px Inter,sans-serif; justify-content: center; text-align: center; transition: .3s } .exchange_pay_wrap a:hover { opacity: 1 } .exchange_pay_wrap .active_link { opacity: 1 } .exchange_pay_form { display: flex; align-items: center } .exchange_form_text { margin: 0 12px 0 0; font: 300 14px Inter,sans-serif; color: #B7B7B7; white-space: nowrap } .exchange_form_box { position: relative; max-width: 288px; margin: 0 16px 0 0 } .exchange_form_box span { position: absolute; right: 10px; top: 10px; color: #B7B7B7; font: 300 14px Inter,sans-serif } .exchange_form_input { font: 300 14px Inter,sans-serif; padding: 9px 37px 9px 14px; border: 1px solid #EBEBEB; border-radius: 5px } .exchange_form_btn { max-width: 170px; width: 170px; padding: 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; transition: .3s } .exchange_form_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .exchange_wrap_bottom { border-top: 1px solid #EBEBEB } .exchange_item_box { display: grid; padding: 16px 12px; border-bottom: 1px solid #EBEBEB; grid-template-columns: 90px 2fr 1fr; grid-gap: 18px } .exchange_item_box:nth-child(2n) { background: #FAFAFA } .exchange_item_img img { height: 90px; width: 90px; object-fit: cover; border-radius: 5px } .exchange_item_title { margin: 0 0 8px; font: 300 18px Inter,sans-serif } .exchange_item_right { display: flex; align-items: flex-end; justify-content: center; flex-direction: column } .exchange_item_info { display: flex; align-items: flex-start; justify-content: space-around; flex-direction: column } .exchange_sm_title { color: #B7B7B7; margin: 0 0 6px; font: 300 14px Inter,sans-serif } .exchange_right_text { font: 300 14px Inter,sans-serif; margin: 0 0 20px } .exchange_right_btn { max-width: 170px; width: 100%; padding: 12px; transition: .3s; color: #000; background: transparent; text-decoration: none; outline: none; border: 1px solid #000; appearance: none; font: 500 14px/22px Inter,sans-serif; text-align: center; box-sizing: border-box; border-radius: 5px } .exchange_right_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .exchange_sm_text { margin: 0; color: #000; font: 300 14px Inter,sans-serif } .exchange_sm_wrap { display: grid; grid-template-columns: minmax(max-content,150px) minmax(max-content,110px) minmax(max-content,90px); grid-gap: 30px } @media (max-width: 990px) { .exchange_pay_wrap { justify-content:space-around } } @media (max-width: 990px) { .exchange_pay_form { display:grid; align-items: center; grid-template-columns: 1fr 1fr; max-width: 400px; margin: 0 auto } } @media (max-width: 990px) { .exchange_form_box { max-width:100% } } @media (max-width: 990px) { .exchange_form_text { grid-column-start:1; grid-column-end: 3; margin-bottom: 6px } } @media (max-width: 990px) { .exchange_pay_wrap a { margin:0 } } @media (max-width: 990px) { .exchange_form_btn { max-width:130px; width: 100% } } @media (max-width: 990px) { .exchange_wrap_top { display:grid; grid-template-columns: 1fr; grid-gap: 16px } } .mob_title { display: none } @media (max-width: 760px) { .exchange_wrap_top { padding:0 10px } } @media (max-width: 760px) { .mob_title { display:block; grid-column-start: 1; grid-column-end: 3; margin: 0 } } @media (max-width: 760px) { .exchange_title { padding:0 10px } } @media (max-width: 760px) { .exchange_wrap_top { margin:0 0 10px } } @media (max-width: 760px) { .exchange_wrap_bottom { border:none } } @media (max-width: 760px) { .exchange_item_box { grid-template-columns:90px 1fr; grid-gap: 10px 13px; padding: 14px 10px } } @media (max-width: 760px) { .exchange_item_right { grid-column-start:1; grid-column-end: 3; align-items: center; justify-content: center } } @media (max-width: 760px) { .exchange_sm_items:nth-child(1) { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 760px) { .exchange_sm_wrap { grid-template-columns:1fr 1fr; grid-gap: 5px } } @media (max-width: 760px) { .exchange_item_info .exchange_item_title { display:none } } @media (max-width: 760px) { .exchange_right_btn { max-width:100% } } @media (max-width: 760px) { .exchange_right_text { margin-bottom:10px } } @media (max-width: 576px) { .exchange_pay_form { grid-template-columns:1fr 130px } } @media (max-width: 576px) { .exchange_form_input { width:100%; box-sizing: border-box } } @media (max-width: 576px) { .exchange_pay_form { max-width:100%; width: 100%; box-sizing: border-box } } .profile-header .shop_panel_img img { border-radius: 50% } .profile-header .shop_panel_img svg { height: 60px; width: 60px } .finance_panel { padding: 0 0 14px 50px; margin-bottom: 20px; border-bottom: 1px solid #EBEBEB } @media (max-width: 760px) { .finance_panel { display:none } } .finance_panel a { color: #000; text-decoration: none; margin: 0 30px 0 0; transition: .3s; font: 300 14px/22px Inter,sans-serif } .finance_panel a:hover { color: #b7b7b7 } .finance_panel .active_link { color: #b7b7b7 } .finance_wrap { margin-bottom: 120px } .finance_title { margin: 0 0 16px; font: 400 22px Inter,sans-serif } .finance_price { font: 300 18px Inter,sans-serif; color: #000; margin: 0 0 16px } .finance_price strong { font-weight: 400; color: #000 } .finance_text { font: 300 14px/22px Inter,sans-serif; margin: 0 0 30px } .finance_form { display: grid; grid-gap: 35px; grid-template-columns: 2fr 3fr; max-width: 950px; margin: 0 } .finance_input { appearance: none; outline: none; max-width: 100%; width: 100%; box-sizing: border-box; padding: 9px 18px; border: 1px solid #EBEBEB; border-radius: 5px; font: 400 14px/22px Inter,sans-serif } .finance_form_box_btns { display: flex } @media (max-width: 760px) { .finance_form_box_btns { flex-direction:column } } .finance_btn { padding: 9px; transition: .3s; max-width: 200px; width: 100%; color: #fff; border: none; outline: none; appearance: none; font: 400 14px/22px Inter,sans-serif; text-align: center; box-sizing: border-box; background: #000; border-radius: 5px } .finance_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .finance_btn.empty { background: #fff; border: 1px solid #000; color: #000; text-decoration: none; margin-left: 14px; display: block } @media (max-width: 760px) { .finance_btn.empty { margin:12px 0 0 } } .finance_label { margin: 0 0 12px; font: 300 14px Inter,sans-serif } @media (max-width: 760px) { .finance_wrap { margin-bottom:40px } } @media (max-width: 900px) { .finance_form { grid-template-columns:1fr; grid-gap: 20px } } @media (max-width: 760px) { .finance_label { margin-bottom:10px } } @media (max-width: 760px) { .finance_btn { max-width:100%; width: 100% } } @media (max-width: 900px) { .finance_price { margin-top:10px; margin-bottom: 12px } } @media (max-width: 900px) { .finance_title { display:none } } @media (max-width: 760px) { .finance_text { margin-bottom:20px } } .my_order_title { margin: 0 0 16px; font: 400 22px Inter,sans-serif } .my_order_panel { display: flex; align-items: center; margin-bottom: 24px } .my_order_panel.active { display: block } @media (max-width: 760px) { .my_order_nav { margin-bottom:2px } } .my_order_nav input[type=checkbox] { display: none } .my_order_nav input[type=checkbox]:checked ~ .my_order_panel { display: block } .my_order_nav input[type=checkbox]:checked ~ label.shop_btn_call { border: 1px solid #000 } .my_order_panel a { color: #000; transition: .3s; margin: 0 25px 0 0; text-decoration: none; font: 300 14px/22px Inter,sans-serif } .my_order_panel a:hover { color: #B7B7B7 } .my_order_panel .active_link { color: #B7B7B7 } .my_table_title { border-bottom: 1px solid #EBEBEB; padding-bottom: 12px; display: grid; grid-template-columns: 283px 110px 110px 40px 90px 280px; grid-gap: 50px } .my_table_title.roulette_item { grid-gap: 40px; grid-template-columns: 194px 120px 120px 1fr 1fr } .my_table_item:nth-child(2n) { background: #FAFAFA } .my_table_title p { margin: 0; white-space: nowrap; font: 300 14px Inter,sans-serif; color: #B7B7B7 } @media (max-width: 1200px) { .my_table_title:not(.roulette_item) p:first-child { margin-left:-14px } } @media (max-width: 1100px) { .my_table_title:not(.roulette_item) p:first-child { margin-left:0 } } .my_table_item { display: grid; border-bottom: 1px solid #EBEBEB; grid-template-columns: 280px 120px 120px 50px 100px 280px; grid-gap: 40px; padding: 14px } .my_table_item.roulette_item { padding: 14px 0 14px 14px; grid-template-columns: 180px 120px 120px 1fr 1fr } .my_table_item p { margin: 0; font: 300 14px/22px Inter,sans-serif } .my_table_item.roulette_item .my_item_box:last-child p { word-break: break-all } .my_table_item a { margin: 5px 0 0; text-decoration: underline; color: #000; font: 300 14px/22px Inter,sans-serif } .my_item_img,.my_item_square { display: grid; grid-template-columns: 70px 1fr; grid-gap: 8px; align-items: start } .my_item_img img,.my_item_square img { max-width: 100%; height: 70px; width: 70px; border-radius: 5px; object-fit: cover } .my_item_img .roulette-stats,.my_item_square .roulette-stats { height: 70px; width: 70px; border-radius: 5px; background: #000; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; padding: 5px } .my_item_img .roulette-stats__item,.my_item_square .roulette-stats__item { width: 100%; height: 100%; aspect-ratio: 1/1; border-radius: 5px; background: #FFF; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.07); display: flex; align-items: center; justify-content: center; font: 400 12px/20px Inter,sans-serif; color: #000 } .my_item_img .roulette-stats__item.checked,.my_item_square .roulette-stats__item.checked { border-radius: 5px; border: 1px solid #9DC8FF; background: #000; color: #9DC8FF } .my_item_img .roulette-stats__item.checked.success,.my_item_square .roulette-stats__item.checked.success { border: 1px solid #47F262; color: #47F262 } .my_item_img .roulette-stats__item.checked.failed,.my_item_square .roulette-stats__item.checked.failed { border: 1px solid #F24747; color: #F24747 } @media (max-width: 1200px) { .my_table_item { grid-template-columns:minmax(260px,auto) 120px 120px 50px 100px minmax(280px,auto); grid-gap: 20px } .my_table_item.roulette_item { padding: 14px } } @media (max-width: 1200px) { .my_table_title { grid-template-columns:minmax(260px,auto) 120px 120px 50px 100px minmax(280px,auto); grid-gap: 20px; padding: 0 14px 12px } .my_table_title.roulette_item { grid-gap: 20px; grid-template-columns: 180px 120px 120px 1fr 1fr } } @media (max-width: 1100px) { .my_table_title { margin:0 -14px; grid-template-columns: 250px 120px 120px 50px 100px 235px } } @media (max-width: 1100px) { .my_table_item { margin:0 -14px; grid-template-columns: 250px 120px 120px 50px 100px 235px } } @media (max-width: 992px) { .my_table_title { display:none } } @media (max-width: 760px) { .my_order_title { margin:6px 0 10px } } @media (max-width: 760px) { .finance .my_order { padding:0 } } @media (max-width: 990px) { .my_order_panel { margin-bottom:16px } } @media (max-width: 760px) { .my_order_panel { display:none; margin-top: 10px; top: 100%; width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; padding: 14px 0; margin-bottom: 0 } .my_order_panel a { display: block; text-align: center; font: 400 14px/22px Inter,sans-serif; color: #000; text-decoration: none; transition: .3s; margin: 0 } .my_order_panel a:not(:last-child) { margin: 0 0 15px } } @media (max-width: 992px) { .my_table_item { grid-template-columns:1fr 1fr; padding: 14px 10px; grid-gap: 10px; margin: 0 -10px } .my_table_item.roulette_item { grid-template-columns: 1fr 1fr; padding: 14px 10px } .my_table_item.roulette_item .my_item_box:nth-child(3) { grid-column-start: initial; grid-column-end: initial; grid-row-start: initial } .my_table_item.roulette_item .my_item_box:nth-child(4) { order: 1; grid-column: span 2/auto } .my_table_item.roulette_item .my_item_box:nth-child(4) a { width: 100%; display: block; text-align: center; text-decoration: none; padding: 9px; border-radius: 5px; border: 1px solid #000; box-sizing: border-box; transition: .3s; margin-top: 12px } } @media (max-width: 992px) { .my_table_item p::before { content:attr(data-label); display: block; color: #B7B7B7; margin-right: 5px; font: 300 14px/22px Inter,sans-serif } } @media (max-width: 992px) { .my_item_img,.my_item_square { grid-column-start:1; grid-column-end: 3; align-items: center } } @media (max-width: 760px) { .my_item_box:last-child { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 760px) { .my_item_box:last-child a { width:100%; display: block; text-align: center; text-decoration: none; padding: 9px; border-radius: 5px; border: 1px solid #000; box-sizing: border-box; transition: .3s; margin-top: 12px } } @media (max-width: 760px) { .my_item_box:nth-child(3) { grid-column-start:1; grid-column-end: 2; grid-row-start: 3 } } @media (max-width: 992px) { .my_item_box p { display:flex; align-items: center } } @media (max-width: 760px) { .my_item_box:last-child a:hover { box-shadow:0 5px 15px rgba(0,0,0,0.3) } } .finance_form_2 { max-width: 400px; display: grid; grid-template-columns: 1fr; grid-gap: 15px } .finance_form_2 input::placeholder { color: #b7b7b7 } .instant .lk_instant_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px } @media (max-width: 900px) { .instant .lk_instant_top { display:grid; grid-template-columns: 1fr; grid-gap: 10px; margin-bottom: 5px } } .instant .place_text { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .instant .place_text.line-clamp-1 { -webkit-line-clamp: 1; color: #000; text-decoration: underline; font: 300 14px/22px Inter,sans-serif } .instant .place_text:hover { text-decoration: none } .instant .lk_table_xl_title { margin-bottom: 6px } .instant .lk_instant_street { margin: 0; font: 300 14px Inter,sans-serif } .instant .instant_btn { display: block; box-sizing: border-box; background: #000; max-width: 170px; width: 100%; appearance: none; outline: none; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; padding: 8px 14px; color: #fff; transition: .3s; border: 1px solid #000; text-align: center; text-decoration: none } @media (max-width: 900px) { .instant .instant_btn { max-width:100%; grid-row-start: 1 } } .instant .instant_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.15) } .instant .lk_preorder_table .lk_table_item { grid-template-columns: 4fr 2fr 2fr 2fr 2fr 2fr 2fr; grid-gap: 10px } @media (max-width: 1125px) { .instant .lk_preorder_table .lk_table_item { grid-template-columns:220px 1fr 1fr 1fr 1fr 130px 80px } } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item { grid-template-columns:1fr 1fr } } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item p:nth-child(4) { grid-row-start:3; grid-column-start: 1; padding-left: 34px } } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item p:nth-child(2) { padding-left:34px } } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item p:nth-child(3) { display:none } } .instant .lk_preorder_table .lk_table_item p:nth-child(6)::before { display: none } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item .checkbox { grid-column-start:1; grid-column-end: 3 } } .instant .lk_preorder_table .lk_table_item .checkbox p { padding: 0 } .instant .lk_preorder_table .lk_table_item .checkbox label::after { top: 3px } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item .checkbox label::after { top:0 } } .instant .lk_preorder_table .lk_table_item .checkbox label svg { top: 8px } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_item .checkbox label svg { top:5px } } .instant .lk_preorder_table .lk_table_title { grid-template-columns: 4fr 2fr 2fr 2fr 2fr 2fr 2fr; grid-gap: 10px } @media (max-width: 1125px) { .instant .lk_preorder_table .lk_table_title { grid-template-columns:220px 1fr 1fr 1fr 1fr 130px 80px } } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_title { grid-template-columns:1fr; display: block; padding: 0 0 14px; margin-top: 15px; margin-bottom: 4px } } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_title p { display:none } } .instant .lk_preorder_table .lk_table_title .checkbox span { display: none } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_title .checkbox span { display:block } } .instant .lk_preorder_table .lk_table_title .checkbox label::after { top: 1px } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_title .checkbox label::after { top:-1px } } .instant .lk_preorder_table .lk_table_title .checkbox label svg { top: 6.5px } @media (max-width: 900px) { .instant .lk_preorder_table .lk_table_title .checkbox label svg { top:4px } } .instant .lk_preorder_table .instant_table_2 { margin-bottom: 20px } .instant .lk_preorder_table .instant_table_2 .lk_table_title { grid-gap: 10px; grid-template-columns: 4fr 2fr 2fr 2fr 2fr 2fr 2fr } @media (max-width: 1125px) { .instant .lk_preorder_table .instant_table_2 .lk_table_title { grid-template-columns:220px 1fr 1fr 1fr 1fr 130px 80px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_title { display:none } } .instant .lk_preorder_table .instant_table_2 .lk_table_item { align-items: start; grid-gap: 10px; grid-template-columns: 4fr 2fr 2fr 2fr 2fr 2fr 2fr } @media (max-width: 1125px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item { grid-template-columns:220px 1fr 1fr 1fr 1fr 130px 80px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 6px 10px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:first-child { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:first-child::before { display:none } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:nth-child(3) { display:flex } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:nth-child(6) { grid-column-start:1; grid-column-end: 3; width: 100% } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:nth-child(6)::before { display:block } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p { padding:0 } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:last-child { grid-column-start:1; grid-column-end: 3; width: 100% } } .instant .lk_preorder_table .instant_table_2 .lk_table_item p:last-child span,.instant .lk_preorder_table .instant_table_2 .lk_table_item p:last-child a { text-decoration: underline; color: #000; display: block } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_2 .lk_table_item p:last-child span,.instant .lk_preorder_table .instant_table_2 .lk_table_item p:last-child a { margin-left:10px } } @media (max-width: 900px) { .instant .lk_preorder_text { margin-bottom:10px } } @media (max-width: 900px) { .instant .instant_title_box_2 { border-bottom:1px solid #EBEBEB; padding-bottom: 12px; margin: 0 } } .sm_name { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none } @media (max-width: 900px) { .sm_name span { display:-webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none } } .confirm_instant .lk_preorder_table .lk_table_title,.confirm_instant .lk_preorder_table .lk_table_item { grid-template-columns: 4fr 1fr 1fr 3fr 2fr 2fr } .confirm_instant .place_text span { display: block } .confirm_instant .place_text .place_text_location { color: #B7B7B7 } .confirm_instant .instant_subtitle { font-family: "Inter"; font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; margin: 0 } .confirm_instant .instant_page_title { font-family: "Inter"; font-style: normal; font-weight: 300; font-size: 22px; line-height: 30px; margin: 16px 0 14px } .confirm_instant .lk_table_bottom { gap: 16px } .confirm_instant .lk_table_bottom button { max-width: 50%; width: fit-content } .confirm_instant .lk_table_bottom .confirm_btn { background: #000; color: #fff } @media (max-width: 900px) { .confirm_instant .lk_preorder_table .lk_table_btn { order:5; grid-template-columns: 1fr 1fr } .confirm_instant .lk_preorder_table .lk_table_item { grid-template-columns: 1fr 1fr } .confirm_instant .lk_preorder_table .lk_table_item .checkbox { order: 0; grid-column-end: 3 } .confirm_instant .lk_preorder_table .lk_table_item p:nth-child(2) { order: 1 } .confirm_instant .lk_preorder_table .lk_table_item p:nth-child(3) { order: 3; display: block; grid-row-start: auto; grid-column-start: auto; padding-left: 34px } .confirm_instant .lk_preorder_table .lk_table_item p:nth-child(4) { order: 2; grid-row-start: auto; grid-column-start: auto; padding-left: 0 } .confirm_instant .lk_preorder_table .lk_table_item p:nth-child(4):before { display: none } .confirm_instant .lk_preorder_table .lk_table_item p:nth-child(5) { order: 4 } .confirm_instant .lk_preorder_table .lk_table_item p:nth-child(5):before { display: none } .confirm_instant .lk_preorder_table .lk_table_item p::before { display: inline } .confirm_instant .lk_preorder_table .lk_table_btn a span { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none } } .instant_info .decor_bottom_wrap.mt140 { margin-top: 140px!important } @media (max-width: 900px) { .instant_info .decor_bottom_wrap.mt140 { margin-top:0!important } } .instant_info .decor_bottom_wrap.mt20 { margin-top: 20px!important } @media (max-width: 900px) { .instant_info .decor_bottom_wrap.mt20 { margin-top:0!important } } .instant_info .decor_top_wrap { grid-template-columns: 2fr 414px; margin-bottom: 0 } @media (max-width: 1260px) { .instant_info .decor_top_wrap { grid-template-columns:2fr 1fr } } @media (max-width: 900px) { .instant_info .decor_top_wrap { grid-template-columns:1fr; margin: 0 } } .instant_info .decor_top_wrap + .decor_bottom_wrap { margin-top: 36px } .instant_info .decor_top_wrap + .addresses-form { margin: 16px 0 80px } @media (max-width: 900px) { .instant_info .decor_top_wrap + .addresses-form { margin:2px 0 30px } } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom { margin-top: 0; grid-template-columns: 230px 330px 1fr } @media (max-width: 900px) { .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom { grid-template-columns:1fr } } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom__item:first-child { order: -1 } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom .select-custom { font-size: 14px; line-height: 22px } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom .select-custom__input-text { font: 300 14px Inter,sans-serif; color: #000; padding: 9px 14px; border-radius: 5px } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom .select-custom__list { padding: 10px 16px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15) } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom .select-custom__option { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 10px } .instant_info .decor_top_wrap + .addresses-form .addresses-form-bottom .select-custom svg { position: absolute; right: 14px; top: 15px } .instant_info .decor_right_title { font-weight: 400; margin-bottom: 8px } @media (max-width: 900px) { .instant_info .decor_attr_wrap { margin-bottom:12px } } @media (max-width: 900px) { .instant_info .order_review_right .decor_title_right { display:none } } @media (max-width: 900px) { .instant_info .order_review_right .decor_right_title { padding-top:12px; border-top: 1px solid #EBEBEB } } @media (max-width: 900px) { .instant_info .mb_0 { margin-bottom:0 } } @media (max-width: 900px) { .instant_info .decor_output_text p:last-child { margin-bottom:0 } } @media (max-width: 900px) { .instant_info .decor_right { grid-row-start:2 } } .instant_info .instant_form_wrap { grid-row-start: 2; margin-top: 16px } @media (max-width: 900px) { .instant_info .instant_form_wrap { grid-row-start:3; margin-bottom: 10px } } .instant_info .instant_form_wrap textarea { height: 148px; width: 100%; box-sizing: border-box; padding: 10px 12px; appearance: none; resize: none; border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; margin-bottom: 14px } .instant_info .instant_form_wrap textarea::placeholder { color: #B7B7B7 } .instant_info .instant_form_wrap .instant_form_btn { display: grid; grid-template-columns: 200px 180px; grid-gap: 20px } @media (max-width: 700px) { .instant_info .instant_form_wrap .instant_form_btn { grid-template-columns:1fr; grid-gap: 14px } } .instant_info .instant_form_wrap .instant_form_btn button { display: block; box-sizing: border-box; background: #000; max-width: 100%; width: 100%; appearance: none; outline: none; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; padding: 8px 9px; color: #fff; transition: .3s; border: 1px solid #000; text-align: center; text-decoration: none } .instant_info .instant_form_wrap .instant_form_btn button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .instant_info .instant_form_wrap .instant_form_btn a { display: block; box-sizing: border-box; background: #fff; max-width: 100%; width: 100%; appearance: none; outline: none; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; padding: 8px 9px; color: #000; transition: .3s; border: 1px solid #000; text-align: center; text-decoration: none } .instant_info .instant_form_wrap .instant_form_btn a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .instant_info .instant_info_review { grid-column-start: 1; grid-column-end: 3 } @media (max-width: 900px) { .instant_info .instant_info_review { grid-column-start:auto; grid-column-end: auto } } .instant_info .instant_info_review .instant_review_title { margin-bottom: 5px; display: flex; align-items: center } .instant_info .instant_info_review .instant_review_title p { margin: 0 13px 0 0; font: 300 16px/24px Inter,sans-serif } .instant_info .instant_info_review .instant_review_title .review_star { display: flex; align-items: center } .instant_info .instant_info_review .instant_review_title .review_star svg { margin-right: 5px } .instant_info .instant_info_review .instant_review_text p { margin: 0; font: 300 14px/22px Inter,sans-serif } @media (max-width: 900px) { .instant_info .decor_item_img { grid-template-columns:85px 1fr; grid-gap: 12px; display: grid } } @media (max-width: 900px) { .instant_info .decor_item_img img { display:block; height: 85px } } .instant_info .mob { display: none } @media (max-width: 900px) { .instant_info .mob { display:block } } @media (max-width: 900px) { .instant_info .desk { display:none } } .instant_info .decor_title_right { font: 300 14px Inter,sans-serif; color: #B7B7B7; padding-top: 0; border-top: none; padding-bottom: 12px; border-bottom: 1px solid #EBEBEB; margin: 0 0 18px } @media (max-width: 900px) { .instant_info .decor_title_right { border:none; padding: 12px 0 0; margin: 0 0 10px; border-top: 1px solid #EBEBEB } } .instant_info .decor_item_wrap { align-items: start; margin-bottom: 0 } @media (max-width: 900px) { .instant_info .decor_item_wrap { grid-template-columns:1fr } } .instant_info .decor_item_title { margin-top: 5px } @media (max-width: 900px) { .instant_info .decor_item_title { margin-top:0; font: 400 16px/26px Inter,sans-serif } } .instant_info .decor_attr_item { display: block } .instant_info .instant_attr_wrap { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px 40px } @media (max-width: 900px) { .instant_info .instant_attr_wrap { grid-template-columns:1fr; grid-gap: 12px } } .instant_info .instant_attr_wrap .decor_attr_item:nth-child(1) { display: flex; align-items: center } .instant_info .instant_attr_wrap .decor_attr_item:nth-child(1) a:not(.name) { display: flex; align-items: center; justify-content: center; height: 16px; width: 16px; margin: 0 0 0 6px } .instant_info .instant_attr_wrap .decor_attr_item:nth-child(1) a.name { color: #000; margin-left: 6px; display: inline-block } .instant_info .instant_attr_wrap_2 { grid-template-columns: 1fr } @media (max-width: 900px) { .instant_info .decor_item_wrap { margin-bottom:5px } } .instant_info .instant_btn_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 8px 14px } .instant_info .instant_btn_wrap.only-child { display: block } .instant_info .instant_btn_wrap.only-child a { max-width: 200px } @media (max-width: 700px) { .instant_info .instant_btn_wrap { grid-template-columns:1fr; margin-top: 10px } } .instant_info .instant_btn_wrap a { display: block; box-sizing: border-box; background: #000; max-width: 100%; width: 100%; appearance: none; outline: none; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; padding: 8px 9px; color: #fff; transition: .3s; border: 1px solid #000; text-align: center; text-decoration: none } .instant_info .instant_btn_wrap a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .instant_info .instant_btn_wrap .btn_white { background: #fff; color: #000 } .instant_info .decro_wrap_img { grid-template-columns: 1fr 1fr 1fr 1fr 1fr } @media (max-width: 1280px) { .instant_info .decro_wrap_img { grid-template-columns:1fr 1fr 1fr 1fr } } @media (max-width: 420px) { .instant_info .decro_wrap_img { grid-template-columns:1fr 1fr 1fr } } @media (max-width: 900px) { .instant_info .decro_wrap_img { grid-template-columns:105px 105px 105px 105px } } @media (max-width: 990px) { .instant_info .decro_wrap_img { grid-template-columns:1fr 1fr 1fr 1fr } } .instant_info .decro_wrap_img img { max-width: 100%; height: 70px } @media (max-width: 900px) { .instant_info .decro_wrap_img img { height:auto } } .instant_all_title { margin: 0 0 10px; font: 700 16px/24px Inter,sans-serif } @media (max-width: 900px) { .instant_all_title { padding-top:14px; border-top: 1px solid #EBEBEB; margin: 5px 0 10px } } .instant .lk_preorder_table .instant_table_3 .lk_table_title { grid-template-columns: 5fr 2fr 3fr 2fr 3fr 140px 115px } @media (max-width: 1100px) { .instant .lk_preorder_table .instant_table_3 .lk_table_title { grid-template-columns:4fr 2fr 2fr 2fr 3fr 120px 105px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_title { display:none } } .instant .lk_preorder_table .instant_table_3 .lk_table_item { grid-template-columns: 5fr 2fr 3fr 2fr 3fr 140px 115px; align-items: center } @media (max-width: 1100px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item { grid-template-columns:4fr 2fr 2fr 2fr 3fr 120px 105px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 6px 10px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p { padding:0 } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p::before { display:none; padding: 0 } } .instant .lk_preorder_table .instant_table_3 .lk_table_item p .hide_elem { display: none } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p .hide_elem { display:block; margin-left: 5px } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p:nth-child(2) { grid-column-start:1; grid-row-start: 3 } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p:nth-child(5) { grid-column-start:2; grid-row-start: 2 } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p:nth-child(3) { display:block } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p:nth-child(4) { display:none } } @media (max-width: 900px) { .instant .lk_preorder_table .instant_table_3 .lk_table_item p:nth-child(1) { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant { margin-top:15px; border-top: 1px solid #EBEBEB } } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_title { grid-template-columns: 4fr 1fr 1fr 3fr 2fr 2fr } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_title { display:none } } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item { grid-template-columns: 4fr 1fr 1fr 3fr 2fr 2fr } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item { grid-template-columns:1fr 1fr } } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item p { padding: 0!important } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item p:nth-child(3) { display:flex } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item p[data-label]::before { content: attr(data-label); color: #B7B7B7; display: inline; margin-right: 5px; font: 300 14px/22px Inter,sans-serif } } @media (max-width: 576px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item p:nth-child(4),.instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item p:nth-child(5) { grid-column:span 2/auto } } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .place_text { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .place_text { grid-column:span 2/auto } } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .place_text span { display: block } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .place_text span { display:inline-block } } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .place_text_location { color: #B7B7B7 } .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .replace_btn { justify-content: center; text-decoration: none } @media (max-width: 990px) { .instant .lk_preorder_table.lk_preorder_table-instant .lk_table_item .replace_btn { grid-column:span 2/auto } } @media (max-width: 900px) { .instant .lk_preorder_top_3 { margin:0 } } .instant .lk_preorder_top_3 .lk_preodred_cat { margin: 0 0 8px } .instant .lk_preodrer_buyer { color: #B7B7B7; margin: 0 0 8px; font: 300 14px/22px Inter,sans-serif; display: flex; align-items: center } .instant .lk_preodrer_buyer a:not(.name) { display: flex; align-items: center; justify-content: center; height: 16px; width: 16px; margin: 0 0 0 6px } .instant .lk_preodrer_buyer a.name { color: #000; margin-left: 6px; display: inline-block } @media (max-width: 768px) { .instant .lk_preodrer_buyer { margin:0 } } .instant .lk_preodrer_buyer span { color: #000; margin-right: 5px } .instant .replace_btn { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px/21px Inter,sans-serif; padding: 5px 14px; width: 100%; color: #000; appearance: none; outline: none; max-width: 100%; background: #fff; transition: .3s; text-decoration: none; text-align: center; box-sizing: border-box } @media (max-width: 900px) { .instant .replace_btn { grid-column-start:1; grid-column-end: 3; margin-top: 3px } } .instant .replace_btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .packaging .lk_preodred_cat { margin: 0 0 8px } @media (max-width: 900px) { .packaging .lk_preodred_cat { margin:0 0 6px } } @media (max-width: 900px) { .packaging .lk_preodred_cat:nth-child(2) { margin-top:6px } } @media (max-width: 900px) { .packaging .lk_preodred_cat:nth-child(3) { margin:0 } } @media (max-width: 900px) { .packaging .lk_preorder_top { margin:0 0 10px } } .packaging .order_select { max-width: 100%; width: 100%; margin: 0 } .packaging .order_select_box { max-width: 100%; width: 100%; margin: 0 } .packaging .select-box svg { top: 18px } .packaging .select-box__input-text { line-height: 21px; padding: 8.5px 14px } .packaging .close_wrap { display: flex; align-items: center; justify-content: center; bottom: 8px; position: relative } @media (max-width: 900px) { .packaging .close_wrap { grid-column-start:1; grid-column-end: 3; justify-content: flex-end; padding-bottom: 12px; bottom: 0; border-bottom: 1px solid #EBEBEB } } .packaging .close_packaging { height: 25px; width: 25px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 5px } @media (max-width: 900px) { .packaging .close_packaging { height:auto; width: auto; padding: 4px 15px; color: #000; text-decoration: none } } .packaging .close_packaging span { display: none } @media (max-width: 900px) { .packaging .close_packaging span { display:block; text-decoration: none; font: 300 14px/22px Inter,sans-serif } } .packaging .close_packaging svg { position: relative; left: 1px } @media (max-width: 900px) { .packaging .close_packaging svg { left:0; margin: 0 0 0 6px; top: 1px } } .packaging .lk_packaging_wrap { display: grid } .packaging .lk_packaging_wrap .lk_packaging_top { display: grid; grid-template-columns: 165px 165px 1fr 165px 165px 25px; grid-gap: 16px; align-items: end; margin-bottom: 12px; max-width: 994px } @media (max-width: 1100px) { .packaging .lk_packaging_wrap .lk_packaging_top { grid-template-columns:165px 165px 1fr 145px 145px 25px } } @media (max-width: 1000px) { .packaging .lk_packaging_wrap .lk_packaging_top { grid-template-columns:160px 160px 1fr 135px 135px 25px; grid-gap: 10px } } @media (max-width: 900px) { .packaging .lk_packaging_wrap .lk_packaging_top { grid-template-columns:1fr 1fr; grid-gap: 12px; margin-bottom: 14px; padding-top: 12px; border-top: 1px solid #EBEBEB } } @media (max-width: 900px) { .packaging .lk_packaging_wrap .lk_packaging_top .lk_packaging_input:nth-child(3) { grid-column-start:1; grid-column-end: 3 } } .packaging .lk_packaging_wrap .lk_packaging_top .lk_packaging_label { margin: 0 0 8px; font: 300 14px/22px Inter,sans-serif; color: #000 } @media (max-width: 900px) { .packaging .lk_packaging_wrap .lk_packaging_top .lk_packaging_label { margin:0 0 6px } } .packaging .lk_packaging_wrap .lk_packaging_top .packaging_input { width: 100%; box-sizing: border-box; padding: 8px 14px; appearance: none; outline: none; font: 300 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px } .packaging .lk_packaging_wrap .lk_packaging_top .packaging_input::placeholder { color: #B7B7B7 } .packaging .lk_packaging_wrap .lk_packaging_top .packaging_input_box { position: relative } .packaging .lk_packaging_wrap .lk_packaging_top .packaging_input_box span { position: absolute; right: 14px; top: 8.5px; color: #B7B7B7; font: 300 14px/22px Inter,sans-serif } .packaging .lk_packaging_wrap .lk_packaging_top .packaging_input_box input { padding-right: 45px } .packaging .lk_packaging_wrap .lk_packaging_top:nth-child(1) { padding: 0; border: none } .packaging .lk_packaging_bottom { order: 1; display: grid; grid-template-columns: 165px 165px; grid-gap: 16px } @media (max-width: 1100px) { .packaging .lk_packaging_bottom { grid-template-columns:160px 160px } } @media (max-width: 1000px) { .packaging .lk_packaging_bottom { grid-gap:10px } } @media (max-width: 900px) { .packaging .lk_packaging_bottom { grid-template-columns:1fr 1fr; grid-gap: 16px } } @media (max-width: 576px) { .packaging .lk_packaging_bottom { grid-template-columns:1fr; grid-gap: 14px } } .packaging .lk_packaging_bottom a { border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 4px; width: 100%; color: #000; appearance: none; outline: none; max-width: 165px; transition: .3s; display: block; background: #fff; text-align: center; border: 1px solid #000; box-sizing: border-box; text-decoration: none } @media (max-width: 900px) { .packaging .lk_packaging_bottom a { max-width:100% } } @media (max-width: 576px) { .packaging .lk_packaging_bottom a { max-width:100%; padding: 8px } } .packaging .lk_packaging_bottom a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .packaging .lk_packaging_bottom button { border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px; width: 100%; color: #fff; appearance: none; outline: none; max-width: 165px; transition: .3s; background: #000; text-align: center; border: 1px solid #000; box-sizing: border-box; text-decoration: none } @media (max-width: 900px) { .packaging .lk_packaging_bottom button { max-width:100% } } @media (max-width: 576px) { .packaging .lk_packaging_bottom button { max-width:100% } } .packaging .lk_packaging_bottom button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .review_item_title_box { padding: 0 0 14px; margin: 0 10px 10px; display: flex; align-items: center; border-bottom: 1px solid #EBEBEB } .review_item_title { margin: 0; color: #000; font: 400 22px Inter,sans-serif } .item .container { padding: 0 } .item .review_сomments_wrap { padding: 0 10px } .review_item_title_box a { text-decoration: none; margin: 0 0 0 14px; color: #000; position: relative; top: 2.5px; font: 400 14px/22px Inter,sans-serif } @media (max-width: 576px) { .review_item_title_box { border:none; padding-bottom: 0; margin-bottom: 18px } } .item_location { margin-bottom: 20px } .item_location_box { padding: 20px 10px; align-items: center; border-bottom: 1px solid #EBEBEB; display: grid; grid-template-columns: 1fr 1fr 40px 120px 150px; grid-gap: 50px } .item_location_box:nth-child(2n) { background: #FAFAFA } .item_location_box:last-child { border: none } .location_box_text { font: 400 14px/22px Inter,sans-serif; margin: 0 0 4px } .location_box_city { margin: 0; color: #B7B7B7; font: 300 14px/22px Inter,sans-serif } .location_type_text { font: 300 14px/22px Inter,sans-serif; color: #000; margin: 0 } .location_size_text { font: 300 14px/22px Inter,sans-serif; color: #000; margin: 0; white-space: nowrap } .location_price_text { font: 300 14px/22px Inter,sans-serif; color: #B7B7B7; margin: 0 } .location_btn { max-width: 100%; width: 100%; box-sizing: border-box; padding: 9px; background: #000; color: #fff; text-decoration: none; border-radius: 5px; transition: .3s; display: block; font: 400 14px/22px Inter,sans-serif; text-align: center } .location_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 1200px) { .item_location_box { grid-gap:20px; position: relative; grid-template-columns: 2fr 1fr 40px 120px 100px } } @media (max-width: 700px) { .location_title_box { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 700px) { .location_type_box { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 700px) { .location_price_box { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 700px) { .item_location_box { grid-gap:8px; padding: 8px 10px; grid-template-columns: 1fr 1fr } } @media (max-width: 700px) { .location_btn_box { position:absolute; right: 10px; bottom: 8px } } @media (max-width: 700px) { .location_btn { padding:9px 27px } } .item_location_panel { border-bottom: 1px solid #EBEBEB; padding: 0 10px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap } .item_location_panel input[type=checkbox] { display: none } .item_location_panel input[type=checkbox]:checked ~ .item_location_left { display: block } .item_location_left a { margin-right: 30px; transition: .3s; color: #000; text-decoration: none; font: 300 14px/22px Inter,sans-serif } .item_location_left .active_link { color: #8A8A8A } .item_location_left a:hover { color: #8A8A8A } .item_location_right { display: flex; gap: 12px } .item_location_right .review_panel_btn { width: 122px } .item_location_right .review_panel_select { width: 290px } .item_location_right .review_panel_select .filter-select { padding: 10.5px 14px } .item_location_right .filter-select__box:after { top: 16.5px } .item .breadcrumbs { padding: 0 10px; margin-top: 4px; margin-bottom: 10px } .item_slider { display: grid; grid-template-columns: 74px 322px; grid-gap: 20px; position: relative } .item_slider .sale-tip { position: absolute; top: 10px; right: 10px } .item_slider .sale-tip span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font: 700 10px/10px Inter,sans-serif; color: #FF4343; transition: .2s all } .item_slider .sale-tip svg { width: 40px; height: 40px; display: block } .item_slider_left img { height: 74px; width: 74px; border-radius: 10px; cursor: pointer; object-fit: cover; max-width: 100% } .item_slider_right img { max-width: 322px; width: 100%; border-radius: 10px; cursor: pointer; object-fit: cover; height: 100%; max-height: 322px } @media (max-width: 760px) { .item_slider_right img { height:265px; width: 265px } } .item_slider_wrap { position: relative; margin-bottom: 24px; padding: 0 10px; display: grid; grid-template-columns: 417px 1fr; grid-gap: 20px } .slider_info_type { color: #B7B7B7; font: 300 14px Inter,sans-serif; margin: 0 0 6px } .slider_info_title { display: flex; align-items: center; gap: 10px; color: #000; font: 400 20px Inter,sans-serif; margin: 0 0 10px } .slider_info_text { color: #000; font: 300 14px/24px Inter,sans-serif; margin: 0; padding: 0; word-break: break-word; max-height: 192px; overflow: hidden; transition: max-height .3s } .hide-all { display: none } #show-all:checked ~ .slider_info_label .hide-all { display: inline } #show-all:checked ~ .slider_info_label .show-all { display: none } #show-all:checked + .slider_info_text { max-height: 100% } .slider_info_label { font: 400 14px/22px Inter,sans-serif; display: block; color: #000; text-align: center; border: 1px solid #000; border-radius: 5px; padding: 9px 27px; margin-top: 9px; cursor: pointer; transition: box-shadow .3s } .slider_info_label.hidden { display: none } .slider_info_label:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .item_btn_call { display: none } .item_slider { position: relative } .item_slider input { position: absolute; opacity: 0; appearance: auto; pointer-events: none } .item_slider label { display: flex; align-items: center; justify-content: center } .item_slider label:not(:last-child) { margin-bottom: 12px } @media (max-width: 760px) { .item_slider label:not(:last-child) { margin-bottom:0; margin-right: 12px } } .item_img_main { display: none; height: 100%; width: 100% } .item_slider input:nth-of-type(1):checked ~ .item_slider_right .item_img_main:nth-of-type(1),.item_slider input:nth-of-type(2):checked ~ .item_slider_right .item_img_main:nth-of-type(2),.item_slider input:nth-of-type(3):checked ~ .item_slider_right .item_img_main:nth-of-type(3),.item_slider input:nth-of-type(4):checked ~ .item_slider_right .item_img_main:nth-of-type(4) { display: block } @media (max-width: 760px) { .item_slider { grid-template-columns:1fr; grid-gap: 14px; max-width: 265px; margin: 0 auto } } @media (max-width: 760px) { .item_slider_left img { height:60px; width: 60px } } @media (max-width: 760px) { .item_slider_left { display:flex } } @media (max-width: 760px) { .item_slider_right { grid-row-start:1 } } @media (max-width: 760px) { .item_slider_wrap { margin-bottom:12px; padding-bottom: 12px; border-bottom: 1px solid #EBEBEB; grid-template-columns: 1fr; grid-gap: 12px } } @media (max-width: 760px) { .item_btn_call { display:block; margin: 0; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #B7B7B7; text-decoration: none; padding: 10px; font: 300 14px Inter,sans-serif } } @media (max-width: 760px) { .item_btn_call span { color:#000 } } @media (max-width: 760px) { .item_location_left { display:none; width: 100%; margin: 0 auto; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; padding: 14px 0 } } @media (max-width: 760px) { .item_location_left a { display:block; margin: 0 0 15px; text-align: center } } @media (max-width: 760px) { .item_location_left a:last-child { margin:0 } } @media (max-width: 760px) { .item_location_right .review_panel_btn { width:100%; margin-left: 0 } } @media (max-width: 760px) { .item_location_right .review_panel_select { width:100% } } @media (max-width: 760px) { .item_location_panel { grid-template-columns:1fr; grid-gap: 10px; position: relative; padding: 0 10px 13px; display: grid } } @media (max-width: 760px) { .item_location_right { display:grid; grid-template-columns: 1fr; grid-gap: 10px } } @media (max-width: 760px) { .item_location_2 .location_title_box { margin-bottom:-10px } } .item_location_2 .location_box_text { margin: 0 } .vacancies { margin-top: 6px } .vacancies .container { padding: 0 } @media (max-width: 1240px) { .vacancies .container { padding:0 10px } } .item_location_wrap_2 .item_location_box { align-items: flex-start } .item_location_wrap_2 .location_btn { margin-top: -8px } @media (max-width: 990px) { .location_box_text { max-width:250px } } @media (max-width: 700px) { .item_location_wrap_2 .location_btn { margin-top:0 } } .list_buyers .list_buyers_title { margin: 16px 0 0; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none; font: 300 22px/30px Inter,sans-serif } .list_buyers .list_buyers_title.list_buyers_title--mrb { margin-bottom: 16px } @media (max-width: 900px) { .list_buyers .list_buyers_title { font:300 20px/30px Inter,sans-serif; margin: 4px 0 12px } } .list_buyers .list_group_form { display: grid; grid-template-columns: 350px 180px 180px; grid-gap: 16px; margin: 0 0 20px } @media (max-width: 900px) { .list_buyers .list_group_form { margin:0 0 16px; grid-template-columns: 1fr; grid-gap: 12px } } .list_buyers .list_group_form .gray_text { color: #B7B7B7 } .list_buyers .list_group_form .order_select { margin: 0 } .list_buyers .list_group_form .order_select .select-box__input-text { height: 40px } .list_buyers .list_group_form .order_select .select-box svg { top: 16px } .list_buyers .list_group_form .order_select_box { max-width: 100%; width: 100% } .list_buyers .list_group_form button,.list_buyers .list_group_form a { padding: 8px; appearance: none; font: 400 14px/22px Inter,sans-serif; outline: none; color: #000; border: 1px solid #000; background: transparent; text-decoration: none; text-align: center; border-radius: 5px; width: 100%; display: block; max-width: 100%; box-sizing: border-box; transition: .3s } .list_buyers .list_group_form button:hover,.list_buyers .list_group_form a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 900px) { .list_buyers .list_group_form button,.list_buyers .list_group_form a { padding:7px 9px } } .list_buyers .list_buyers_tables_title { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .list_buyers .mt_16 { margin-top: 16px } @media (max-width: 900px) { .list_buyers .mt_16 { margin-top:-6px } } .list_buyers .list_buyers_tables { overflow-x: auto; margin-bottom: 20px; width: calc(100vw - (100vw - 940px) - 95px) } @media (max-width: 1225px) { .list_buyers .list_buyers_tables { width:calc(100vw - 132px) } } @media (max-width: 900px) { .list_buyers .list_buyers_tables { width:calc(100vw - 22px) } } @media (max-width: 900px) { .list_buyers .list_buyers_tables { margin-bottom:16px } } .list_buyers .list_buyers_tables .buyers_tables_title { display: grid; grid-template-columns: 140px 90px 125px 130px 125px 125px 110px } .list_buyers .list_buyers_tables .buyers_tables_title .buyers_title_box:nth-child(1) { border-left: 1px solid #EBEBEB } .list_buyers .list_buyers_tables .buyers_tables_title .buyers_title_box { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; padding: 8px 15px; display: flex; align-items: center; justify-content: flex-start } .list_buyers .list_buyers_tables .buyers_tables_title .buyers_title_box p { font: 300 14px/22px Inter,sans-serif; margin: 0; display: block; width: 100% } .list_buyers .list_buyers_tables .buyers_tables_item { display: grid; grid-template-columns: 140px 90px 125px 130px 125px 125px 110px } .list_buyers .list_buyers_tables .buyers_tables_item .buyers_title_box:nth-child(1) { border-left: 1px solid #EBEBEB } .list_buyers .list_buyers_tables .buyers_tables_item .buyers_title_box { border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 14px 15px; display: flex; align-items: center; justify-content: flex-start } .list_buyers .list_buyers_tables .buyers_tables_item .buyers_title_box p { font: 300 14px/22px Inter,sans-serif; margin: 0; display: block; width: 100% } @media (max-width: 900px) { .list_buyers .my_order_nav { margin:0 0 8px } } .list_buyers .list_buyers_form { padding-top: 14px; border-top: 1px solid #EBEBEB; margin: 15px 0 16px; display: grid; grid-template-columns: 335px 150px; grid-gap: 12px } @media (max-width: 768px) { .list_buyers .list_buyers_form { grid-template-columns:1fr 100px; grid-gap: 10px; padding: 0; border: none; margin: 8px 0 0 } } .list_buyers .list_buyers_form input { width: 100%; max-width: 100%; box-sizing: border-box; padding: 8px 14px; appearance: none; outline: none; border: 1px solid #EBEBEB; font: 400 14px/22px Inter,sans-serif; background: #fff; border-radius: 5px; color: #000 } .list_buyers .list_buyers_form input:not(:placeholder-shown) ~ button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .list_buyers .list_buyers_form input:placeholder-shown { border: 1px solid #EBEBEB } .list_buyers .list_buyers_form input:placeholder-shown ~ button { color: #B7B7B7; cursor: auto; border: 1px solid #EBEBEB } .list_buyers .list_buyers_form input:focus { color: #000; border: 1px solid #000 } @media (max-width: 900px) { .list_buyers .list_buyers_form input { padding:7px 12px } } .list_buyers .list_buyers_form input::placeholder { color: #B7B7B7 } .list_buyers .list_buyers_form button { padding: 8px 9px; appearance: none; font: 400 14px/22px Inter,sans-serif; outline: none; color: #000; border: 1px solid #000; background: transparent; text-align: center; border-radius: 5px; width: 100%; display: block; max-width: 100%; box-sizing: border-box } @media (max-width: 900px) { .list_buyers .list_buyers_form button { padding:7px 9px } } .list_buyers .buyers_title_table { color: #000; text-decoration: none; font: 300 14px/22px Inter,sans-serif } @media (max-width: 900px) { .list_buyers .buyers_title_table { grid-column-start:1; grid-column-end: 3 } } .list_buyers .buyers_title_table span { color: #000; margin-right: 5px; text-decoration: underline } .list_buyers .buyers_table .lk_table_title { grid-template-columns: 2.7fr 1fr 1fr 0.8fr 1fr 1fr 130px; grid-gap: 10px } @media (max-width: 1100px) { .list_buyers .buyers_table .lk_table_title { grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 120px } } @media (max-width: 900px) { .list_buyers .buyers_table .lk_table_title { display:none } } .list_buyers .buyers_table .lk_table_item { grid-gap: 10px; grid-template-columns: 2.7fr 1fr 1fr 0.8fr 1fr 1fr 130px } @media (max-width: 1100px) { .list_buyers .buyers_table .lk_table_item { grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 120px } } @media (max-width: 900px) { .list_buyers .buyers_table .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 8px } } .list_buyers .buyers_table .lk_table_item a { font: 300 14px/22px Inter,sans-serif; text-decoration: none } .list_buyers .buyers_table .review_mob { display: none } @media (max-width: 900px) { .list_buyers .buyers_table .review_mob { display:flex } } .list_buyers .buyers_table .buyers_review_table { display: flex; align-items: center } @media (max-width: 900px) { .list_buyers .buyers_table .buyers_review_table { display:none } } .list_buyers .buyers_table .buyers_review_table a { display: flex; align-items: center } .list_buyers .buyers_table .review_star { display: flex; margin-right: 10px; align-items: center } .list_buyers .buyers_table .review_star svg { margin: 0 5px 0 0 } .list_buyers .buyers_table .review_star svg:last-child { margin: 0 } .list_buyers .buyers_table_2 .lk_table_title_box { display: flex; color: #000; text-decoration: none; align-items: center } .list_buyers .buyers_table_2 .buyers_title_table { color: #000 } .list_buyers .buyers_table_2 .buyers_title_table::before { display: none } .list_buyers .buyers_table_2 .table_arrow_box { display: flex; margin-left: 5px; align-items: center; justify-content: center; flex-direction: column } .list_buyers .buyers_table_2 .table_arrow_box svg:nth-child(1) { margin-bottom: 5px } .list_buyers .buyers_table_2 .hide_sale { display: none } @media (max-width: 900px) { .list_buyers .buyers_table_2 .hide_sale { display:block; margin-left: 5px } } .list_buyers .buyers_table_2 .lk_table_title { grid-template-columns: 4fr 3fr 2fr 1fr 3fr 20px; grid-gap: 10px } @media (max-width: 1200px) { .list_buyers .buyers_table_2 .lk_table_title { grid-template-columns:3fr 2fr 2fr 1fr 2fr 20px } } @media (max-width: 1000px) { .list_buyers .buyers_table_2 .lk_table_title { grid-template-columns:3fr 2fr 2fr 1fr 1fr 20px } } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_table_title { display:none } } .list_buyers .buyers_table_2 .lk_table_item { grid-gap: 10px; grid-template-columns: 4fr 3fr 2fr 1fr 3fr 20px } @media (max-width: 1200px) { .list_buyers .buyers_table_2 .lk_table_item { grid-template-columns:3fr 2fr 2fr 1fr 2fr 20px } } @media (max-width: 1000px) { .list_buyers .buyers_table_2 .lk_table_item { grid-template-columns:3fr 2fr 2fr 1fr 1fr 20px } } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 8px } } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_table_item p:nth-child(2) { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_table_item p:nth-child(3) { grid-column-start:1; grid-column-end: 3; grid-row-start: 2 } } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_table_item p:nth-child(4) { grid-column-start:1; grid-column-end: 2; grid-row-start: 4 } } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_table_item p:nth-child(5) { grid-column-start:2; grid-column-end: 3; grid-row-start: 4 } } .list_buyers .buyers_table_2 .lk_list_table { display: flex; align-items: center; justify-content: center; height: 100% } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_list_table { grid-column-start:1; grid-column-end: 3; text-decoration: none; padding: 8px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px } } .list_buyers .buyers_table_2 .lk_list_table span { display: none } @media (max-width: 900px) { .list_buyers .buyers_table_2 .lk_list_table span { display:block; margin-left: 8px; color: #000; text-decoration: none; font: 400 14px/22px Inter,sans-serif } } @media (max-width: 900px) { .lk { margin-top:10px } } .lk_wrap { display: grid; grid-template-columns: 95px 1fr } .lk_item_container { margin-bottom: 10px } .lk_left_img { margin-bottom: 30px; display: flex; align-items: center; justify-content: center } .lk_left_img img { max-width: 100%; height: 60px; width: 60px; box-sizing: border-box } .lk_left { border-right: 1px solid #EBEBEB; margin-right: 20px; padding: 16px 12px 70px 0; display: flex; flex-direction: column; align-items: center } @media (max-width: 1125px) { .lk_left { margin-right:10px } } .lk_right { padding-bottom: 25px } @media (max-width: 900px) { .lk_right { padding-bottom:50px } } .lk_right .pagination-container { margin-bottom: 40px } @media (max-width: 900px) { .lk_right .pagination-container { margin-bottom:15px } } .lk_left_nav a { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; position: relative } .lk_left_nav a:not(:last-child) { margin-bottom: 24px } .lk_left_nav a .count { min-width: 16px; display: flex; justify-content: center; position: absolute; left: calc(50% + 2px); top: -4px; padding: 0 2px; font: 400 9px/11px Inter,sans-serif; color: #000; text-decoration: none; border: 1px solid #000; border-radius: 5px; background: #fff } .lk_title_box { padding-top: 10px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid #EBEBEB } .lk_title_box .lk_title { margin: 0; font: 300 22px/30px Inter,sans-serif } @media (max-width: 990px) { .lk_title_box .lk_title { font:300 20px/30px Inter,sans-serif } } .lk_title_box .lk_btn { border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #fff; appearance: none; outline: none; max-width: 170px; transition: .3s; background: #000; text-align: center; border: 1px solid #000; box-sizing: border-box; text-decoration: none } .lk_title_box .lk_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .lk_item_box { padding: 14px; border-bottom: 1px solid #EBEBEB; display: grid; grid-template-columns: 70px 300px 1fr; grid-gap: 16px; align-items: flex-start; position: relative } @media (max-width: 1200px) { .lk_item_box { grid-template-columns:70px 1fr 1fr } .lk_item_btn { margin-right: 50px } } .lk_item_img { height: 70px; width: 70px; border-radius: 10px; border: 1px solid #EBEBEB } .lk_item_text p { margin: 5px 0 0; font: 300 14px/22px Inter,sans-serif } .lk_item_close { position: absolute; right: 14px; top: 14px; cursor: pointer } .lk_item_close:hover { border-color: #000 } .lk_item_btn { display: grid; grid-template-columns: 150px 150px 150px; grid-gap: 15px } .lk_item_btn a { display: flex; text-decoration: none; text-align: center; align-items: center; color: #000; background: #fff; max-width: 100%; box-sizing: border-box; padding: 5px 9px; transition: .3s; border: 1px solid #EBEBEB; border-radius: 5px; width: 100%; font: 300 14px/22px Inter,sans-serif; justify-content: center } .lk_item_btn a:hover { border-color: #000 } .lk_item_btn a.lk-delete { display: none } @media (max-width: 990px) { .lk_item_btn a.lk-delete { display:flex } } @media (max-width: 768px) { .lk_item_btn a:only-child { grid-column:span 2/auto } .lk_item_btn a:first-child:nth-last-child(2),.lk_item_btn a:nth-child(2):nth-last-child(1) { grid-column: span 2/auto } } .lk_item_btn a svg { margin-right: 5px } .lk_item_close { height: 25px; width: 25px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; display: flex; align-items: center; transition: .3s; justify-content: center } .lk_item_box:nth-child(2n) { background: #FAFAFA } @media (max-width: 900px) { .lk_wrap { grid-template-columns:1fr } } @media (max-width: 900px) { .lk_left { display:none } } @media (max-width: 990px) { .lk_item_box { grid-template-columns:64px 1fr; grid-gap: 10px 12px } } @media (max-width: 990px) { .lk_item_close { display:none } } @media (max-width: 990px) { .lk_item_box { padding:10px; margin: 0 -10px } } @media (max-width: 990px) { .lk_item_img { height:64px; width: 64px } } @media (max-width: 990px) { .lk_item_btn { grid-column-start:1; margin: 0; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; grid-column-end: 3 } } @media (max-width: 990px) { .lk_item_btn a { height:36px } } @media (max-width: 990px) { .lk_item_text p { margin:0 } } @media (max-width: 768px) { .lk_title_box .lk_btn { max-width:100% } } @media (max-width: 768px) { .lk_title_box { display:grid; padding: 0; margin-bottom: 10px; border: none; grid-gap: 12px; grid-template-columns: 1fr } } @media (max-width: 768px) { .lk_item_btn { grid-template-columns:1fr 1fr } } .lk_product_title { margin: 16px 0 12px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 990px) { .lk_product_title { margin:16px 0 10px; font: 300 20px/30px Inter,sans-serif } } @media (max-width: 768px) { .lk_product_title { margin-top:0 } } .lk_form_top { display: grid; grid-gap: 20px; grid-template-columns: 1.5fr 0.8fr 0.8fr 0.3fr; margin-bottom: 18px } .lk_label { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .lk_input { width: 100%; box-sizing: border-box; padding: 9px 14px; appearance: none; outline: none; border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif } .lk_input::placeholder { color: #B7B7B7 } .lk_textarea { width: 100%; box-sizing: border-box; padding: 9px 14px; appearance: none; outline: none; resize: none; border: 1px solid #EBEBEB; height: 130px; border-radius: 5px; margin-bottom: 18px; font: 300 14px Inter,sans-serif } .lk_textarea::placeholder { color: #B7B7B7 } @media (max-width: 834px) { .lk_form_top { grid-template-columns:1fr; grid-gap: 14px; margin-bottom: 14px } } @media (max-width: 834px) { .lk_textarea { margin-bottom:14px } } .lk_form_top .order_select_box { width: 100% } .lk_form_top .order_select_box .select-custom svg,.order_select_box .select-box svg path { fill: #B7B7B7 } .select-box__value:not(:first-child) .select-box__input-text { color: #000 } .lk_form_top .sort { color: #B7B7B7 } .lk_form_button { margin-top: 16px } .lk_form_button button { border-radius: 5px; font: 300 14px/21px Inter,sans-serif; padding: 8.5px 14px; width: 100%; appearance: none; outline: none; max-width: 170px; transition: .3s; text-align: center; box-sizing: border-box; text-decoration: none; display: flex; align-items: center; justify-content: center; border: 1px solid #000; color: #fff; background: #000 } .lk_form_button button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 834px) { .lk_form_button button { max-width:100%; width: 100% } } .lk_file_input-title { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .lk_file_input-title:nth-of-type(2) { margin-top: 18px } @media (max-width: 834px) { .lk_file_input-title:nth-of-type(2) { margin-top:14px } } .lk_file_input-image { border: 1px dashed #EBEBEB; border-radius: 5px; height: 40px; max-width: 380px; width: 100%; position: relative; cursor: pointer } @media (max-width: 834px) { .lk_file_input-image { max-width:100% } } .lk_file_input-image:not(:last-child) { margin-bottom: 10px } .lk_file_input-image input[type=file] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer } .lk_file_input-image .file-dummy .success { display: none } .lk_file_input-image .file-dummy label,.lk_file_input-image .file-dummy > span { transition: .2s; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font: 300 14px/22px Inter,sans-serif; color: #000 } .lk_file_input-image .file-dummy label.success,.lk_file_input-image .file-dummy > span.success { align-items: center; justify-content: center; z-index: -1; white-space: nowrap } .lk_file_input-image .file-dummy label.success svg,.lk_file_input-image .file-dummy > span.success svg { margin-right: 6px } .lk_file_input-image input[type=file]:valid + .file-dummy .success { display: flex } .lk_file_input-image input[type=file]:valid + .file-dummy .default { display: none } .lk_btn_call { display: none } .lk_btn_call.active { border: 1px solid #000 } @media (max-width: 900px) { .lk_btn_call { display:block; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #B7B7B7; text-decoration: none; padding: 10px; font: 400 14px Inter,sans-serif } .lk_btn_call span { color: #000; margin-left: 5px } } .my_lk_panel { display: flex; align-items: center; margin-bottom: 24px } .my_lk_panel.active { display: block } @media (max-width: 900px) { .my_lk_panel { display:none; margin-top: 10px; top: 100%; width: 100%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; padding: 14px 0; margin-bottom: 0 } } .my_lk_panel a { color: #000; transition: .3s; margin: 0 25px 0 0; text-decoration: none; font: 300 14px Inter,sans-serif } .my_lk_panel a:hover { color: #B7B7B7 } @media (max-width: 900px) { .my_lk_panel a { display:block; text-align: center; font: 400 14px Inter,sans-serif; color: #000; text-decoration: none; transition: .3s; margin: 0 } .my_lk_panel a:not(:last-child) { margin: 0 0 15px } } .my_lk_panel .active_link { color: #B7B7B7 } .lk_wrap .my_order_nav { display: none } @media (max-width: 900px) { .lk_wrap .my_order_nav { display:block; margin: 10px 0 4px } } @media (max-width: 834px) { .lk_wrap .my_order_nav { margin:0 0 4px } } @media (max-width: 768px) { .lk_wrap .my_order_nav { margin:0 0 12px } } .lk_wrap .my_order_nav input[type=checkbox] { display: none } .lk_wrap .my_order_nav input[type=checkbox]:checked ~ .my_lk_panel { display: block } .lk_wrap .my_order_nav input[type=checkbox]:checked ~ label.lk_btn_call { border: 1px solid #000 } .lk_right input[type=checkbox] { display: none } .lk_right input[type=checkbox]:checked ~ .review_panel { display: block } .lk-file_images { display: flex; margin-bottom: 18px } .lk-file_images a { width: 70px; height: 70px } .lk-file_images a img { height: 100%; width: 100%; object-fit: cover; border-radius: 10px } .lk-file_images a:not(:last-child) { margin-right: 15px } @media (max-width: 576px) { .lk-file_images a:not(:last-child) { margin-right:10px } } @media (max-width: 900px) { .mb_mob_10 { margin-bottom:10px } } @media (max-width: 768px) { .addresses .lk_preorder_top .lk_preodred_cat { display:none } } .addresses-top { grid-template-columns: 60px 1fr } @media (max-width: 768px) { .addresses-top:nth-child(1),.addresses-top:nth-child(2) { grid-template-columns:1fr } } .addresses-top img { width: 60px; height: 60px } .addresses-top .lk_preodred_cat { margin-bottom: 0 } .addresses-form-item:not(:last-child) { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #635eff } .addresses-form-top { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 18px } @media (max-width: 900px) { .addresses-form-top { grid-template-columns:1fr 1fr; grid-gap: 14px } } @media (max-width: 768px) { .addresses-form-top__item:nth-child(1),.addresses-form-top__item:nth-child(2),.addresses-form-top__item:nth-child(3) { grid-column:span 2/auto } } .addresses-form-top__item > p { margin: 0 0 8px; white-space: nowrap; font: 400 14px/22px Inter,sans-serif } @media (max-width: 768px) { .addresses-form-top__item > p { margin:0 0 6px } } .addresses-form-top__item > span { font: 400 14px/37px Inter,sans-serif } .addresses-form-top__item .select-custom { font-size: 14px; line-height: 22px; position: relative; display: block; width: 100%; font-family: "Inter",sans-serif; color: #B7B7B7; transition: .2s } .addresses-form-top__item .select-custom svg { position: absolute; right: 14px; top: 15px } .addresses-form-top__item .select-custom__current { position: relative; cursor: pointer; outline: none } .addresses-form-top__item .select-custom__value { display: flex } .addresses-form-top__item .select-custom__value:not(:first-child) .sort { color: #000 } .addresses-form-top__item .select-custom__input-text { white-space: nowrap; border: 1px solid #EBEBEB; width: 100%; display: none; align-items: center; margin: 0; transition: .2s; position: relative; font: 300 14px Inter,sans-serif; color: #B7B7B7; padding: 9px 14px; border-radius: 5px } .addresses-form-top__item .select-custom__list { padding: 10px 16px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15); position: absolute; top: calc(100% + 5px); width: 100%; visibility: hidden; list-style: none; z-index: 20; max-height: 200px; height: auto; overflow-y: auto; opacity: 0; background: #FFF; border-radius: 10px; margin: 0 } .addresses-form-top__item .select-custom__list li:first-child { display: none } .addresses-form-top__item .select-custom__list::-webkit-scrollbar { width: 5px; border-radius: 10px } .addresses-form-top__item .select-custom__list::-webkit-scrollbar-track { background-color: #EBEBEB; border-radius: 10px; margin: 10px 0 } .addresses-form-top__item .select-custom__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b7b7b7 } .addresses-form-top__item .select-custom__option { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 10px; display: block; transition: .2s; white-space: nowrap; color: #000 } .addresses-form-top__item .select-custom__option:hover,.addresses-form-top__item .select-custom__option:focus { color: #B7B7B7 } .addresses-form-btn { border-radius: 5px; font: 300 14px/21px Inter,sans-serif; padding: 8.5px 14px; width: 170px; appearance: none; outline: none; max-width: 170px; transition: .3s; text-align: center; box-sizing: border-box; text-decoration: none; display: flex; align-items: center; justify-content: center; background: #fff; color: #000; border: 1px solid #000; margin: 16px 0 0 auto; cursor: pointer } .addresses-form-btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .addresses-form-bottom { margin-top: 18px; display: grid; grid-template-columns: 230px 1fr; grid-gap: 18px } @media (max-width: 900px) { .addresses-form-bottom { margin-top:14px; grid-template-columns: 1fr; grid-gap: 14px } } .addresses-form-bottom .message-add { height: 100% } .addresses-form-bottom .message-add label { border-radius: 5px; border: 1px dashed #EBEBEB; background: #FFF; padding: 15px; display: flex; align-items: center; justify-content: center; font: 400 14px/20px Inter,sans-serif; transition: .2s; height: 100%; cursor: pointer } .addresses-form-bottom .message-add label:hover { text-decoration: underline } .addresses-form-bottom .message-add__cont { display: flex; flex-direction: column; gap: 16px; height: calc(100% - 30px) } .addresses-form-bottom .message-add-preview { display: none; gap: 10px; flex-wrap: wrap } .addresses-form-bottom .message-add-preview .image-container { position: relative; width: 50px; height: 50px; object-fit: cover; border-radius: 5px; overflow: hidden; border: 1px solid #EBEBEB } .addresses-form-bottom .message-add-preview .image-container span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font: 400 8px/10px Inter,sans-serif } .addresses-form-bottom .message-add-preview .image-container img { width: 100%; height: 100%; object-fit: cover } .addresses-form-bottom .message-add-preview .image-container .delete-button { cursor: pointer; position: absolute; top: 2px; right: 2px; padding: 4px; background: #fff; border-radius: 50%; width: 15px; height: 15px; transition: .2s } .addresses-form-bottom .message-add-preview .image-container .delete-button:hover { background: #EBEBEB } .addresses-form-bottom .message-add-preview .image-container .delete-button svg { display: block; pointer-events: none } .addresses-form-bottom .message-add-preview__title { display: flex; align-items: center; gap: 10px; font: 600 14px/20px Inter,sans-serif; margin: 0 0 10px } .addresses-form-bottom .message-add input { display: none } .addresses-form-bottom .message-add input:disabled + label { cursor: not-allowed } .addresses-form-bottom .message-add input:disabled + label:hover { text-decoration: none } @media (max-width: 900px) { .addresses-form-bottom__item:first-child { order:1 } } @media (max-width: 900px) { .addresses-form-bottom__item .lk_file_input-image { max-width:100% } } .addresses-form-bottom__item > p { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } @media (max-width: 900px) { .addresses-form-bottom__item > p { margin:0 0 6px } } .addresses-form-bottom__item textarea { padding: 9px 14px; width: 100%; color: #000; border-radius: 5px; min-height: 90px; height: calc(100% - 30px); resize: none; font: 400 14px/22px Inter,sans-serif; border: 1px solid #EBEBEB } @media (max-width: 900px) { .addresses-form-bottom__item textarea { min-height:130px } } .addresses-form-bottom__item textarea::placeholder { color: #B7B7B7 } .addresses-form-bottom__item textarea::-webkit-scrollbar { width: 5px; border-radius: 10px } .addresses-form-bottom__item textarea::-webkit-scrollbar-track { background-color: #EBEBEB; border-radius: 10px; margin: 10px 0 } .addresses-form-bottom__item textarea::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b7b7b7 } .addresses-form .lk_form_button { display: flex; justify-content: flex-end; gap: 16px; padding-top: 16px; border-top: 1px solid #EBEBEB } .addresses-form .lk_form_button a,.addresses-form .lk_form_button button { width: 170px } .addresses-form .lk_form_button .btn_white { text-decoration: none; background: #fff; text-align: center; color: #000; border: 1px solid #000; border-radius: 5px; padding: 8px; font: 400 14px/22px Inter,sans-serif; transition: .3s } .addresses-form .lk_form_button .btn_white:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .addresses-form .lk_form_button .btn_dark { text-decoration: none; background: #000; text-align: center; color: #fff; border: 1px solid #000; border-radius: 5px; padding: 8px; font: 400 14px/22px Inter,sans-serif; transition: .3s } .addresses-form .lk_form_button .btn_dark:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 600px) { .addresses-form .lk_form_button { flex-wrap:wrap; gap: 14px } .addresses-form .lk_form_button a,.addresses-form .lk_form_button button { width: 100% } } .addresses-form .lk_form_button.only-child { grid-template-columns: 170px } .addresses-form .lk_form_button button.add { background: #fff; color: #000; border: 1px solid #000 } .addresses-form .lk_form_button button.add:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .addresses-form .lk_form_button button [type=submit] { margin-left: auto; border: 1px solid #000 } .addresses-form .lk_form_button button [type=submit]:not(:first-child) { margin-left: 18px } @media (max-width: 900px) { .addresses-form .lk_form_button button [type=submit]:not(:first-child) { margin-left:0; margin-top: 14px } } .addresses-form .lk_form_button button [type=submit].empty { background: #fff; color: #000; border: 1px solid #000; max-width: max-content } .addresses-form .lk_form_button button [type=submit].empty:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } @media (max-width: 900px) { .addresses-form .lk_form_button button [type=submit].empty { max-width:100% } } .addresses-footer { margin: 16px 0 14px; display: grid; grid-template-columns: 330px 1fr; grid-gap: 18px } @media (max-width: 900px) { .addresses-footer { margin-top:14px; grid-template-columns: 1fr; grid-gap: 14px } } .addresses-footer .lk_form_button { margin-top: 0; display: flex; align-items: flex-start; justify-content: flex-end } @media (max-width: 900px) { .addresses-footer .lk_form_button { order:1; flex-direction: column } } .addresses-footer .lk-file_images { margin-bottom: 0 } .addresses-links { font: 300 14px/22px Inter,sans-serif; grid-column: span 2/auto } @media (max-width: 900px) { .addresses-links { grid-column:1 } } .addresses-links__title { color: #B7B7B7 } .addresses-links p { margin: 8px 0 0; color: #000 } .addresses-links p a { text-decoration: none; color: inherit; word-break: break-all } .lk .filter_btn_call { display: none } @media (max-width: 760px) { .lk .filter_btn_call { display:block; margin: 0 } } .lk .filter_sm_title { margin: 0 0 8px; color: #000; font: 300 14px/22px Inter,sans-serif } .lk .review_panel_custom { display: none } .lk .review_panel_custom input { position: absolute } @media (max-width: 768px) { .lk .review_panel_custom { display:block; margin-bottom: 14px } } .lk .review_panel_btn { font-weight: 700 } .lk .filter_box input { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 10px 14px; position: relative; width: 100%; max-width: 100%; box-sizing: border-box } @media (max-width: 768px) { .lk .filter_box input { height:40px } } .lk_preorder_top { display: grid; grid-template-columns: 110px 1fr; grid-gap: 16px; margin-top: 16px; margin-bottom: 18px } @media (max-width: 900px) { .lk_preorder_top { margin-top:10px } } @media (max-width: 768px) { .lk_preorder_top { margin-top:0 } } @media (max-width: 768px) { .lk_preorder_top { grid-template-columns:1fr; margin-top: 0; margin-bottom: 12px; grid-gap: 0 } } .lk_preorder_top img { max-width: 100%; height: 110px; width: 110px; border-radius: 10px; object-fit: cover } @media (max-width: 768px) { .lk_preorder_top img { display:none } } .lk_preorder_top .lk_preorder_text { margin: 0 0 6px; font: 300 20px/30px Inter,sans-serif } @media (max-width: 768px) { .lk_preorder_top .lk_preorder_text { font:300 18px/26px Inter,sans-serif; margin: 0 0 10px } } .lk_preorder_top .lk_preodred_cat { color: #B7B7B7; margin: 0 0 10px; font: 300 14px/22px Inter,sans-serif } @media (max-width: 768px) { .lk_preorder_top .lk_preodred_cat { margin:0 } } .lk_preorder_top .lk_preodred_cat span { color: #000 } .lk_preorder_top .select_title { position: relative; top: -1px; margin: 0 5px 0 0 !important; color: #B7B7B7!important } .lk_preorder_top .order_select { margin: 0 } .lk_preorder_top .order_select_box { width: 270px; margin: 0 15px 0 0 } .lk_preorder_top .order_select_box.box-2 { width: 200px; margin: 0 15px 0 0 } .lk_preorder_top .lk_preorder_info input[type=checkbox] { display: none } .lk_preorder_top .lk_preorder_info input[type=checkbox]:checked ~ .form_preorder_wrap { display: block } .lk_preorder_top .form_preorder_wrap { display: flex; align-items: center } @media (max-width: 768px) { .lk_preorder_top .form_preorder_wrap { display:none; position: fixed; z-index: 21; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; height: 100%; width: 100%; background: #fff; padding: 20px 10px } .lk_preorder_top .form_preorder_wrap.active { display: block } .lk_preorder_top .form_preorder_wrap .filter_main_mob { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px } .lk_preorder_top .form_preorder_wrap .filter_main_mob p { margin: 0; font: 700 18px Inter,sans-serif } .lk_preorder_top .form_preorder_wrap .order_select { display: grid; grid-template-columns: 1fr; grid-gap: 15px; margin: 0; padding: 0 } .lk_preorder_top .form_preorder_wrap .order_select_box { width: 100% } .lk_preorder_top .form_preorder_wrap .preorder_btn { margin-top: 15px; max-width: 100% } } .lk_preorder_top .preorder_btn { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; appearance: none; outline: none; max-width: 140px; transition: .3s; text-align: center; box-sizing: border-box } .lk_preorder_top .preorder_btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .lk_preorder_table .lk_table_xl_title { font: 400 18px/26px Inter,sans-serif; margin: 0 0 12px } @media (max-width: 768px) { .lk_preorder_table .lk_table_xl_title { font:400 16px/24px Inter,sans-serif; margin: 0 } } .lk_preorder_table .lk_table_title { padding: 0 10px 10px; border-bottom: 1px solid #EBEBEB; display: grid; grid-gap: 10px; grid-template-columns: 2fr 2fr 3fr } @media (max-width: 900px) { .lk_preorder_table .lk_table_title { display:none } } .lk_preorder_table .lk_table_title p { margin: 0; color: #B7B7B7; font: 300 14px/22px Inter,sans-serif } .lk_preorder_table .lk_table_item { padding: 10px; border-bottom: 1px solid #EBEBEB; display: grid; align-items: start; grid-gap: 10px; grid-template-columns: 2fr 2fr 3fr } @media (max-width: 900px) { .lk_preorder_table .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 8px 10px; margin: 0 -10px; padding: 8px 10px } } .lk_preorder_table .lk_table_item a { font: 300 14px/22px Inter,sans-serif; text-decoration: none; color: #000; display: flex; align-items: center; gap: 6px } .lk_preorder_table .lk_table_item a svg { height: 18px; width: 18px } .lk_preorder_table .lk_table_item a:hover { text-decoration: underline } .lk_preorder_table .lk_table_item p { font: 300 14px/22px Inter,sans-serif; color: #000; margin: 0 } @media (max-width: 900px) { .lk_preorder_table .lk_table_item p { display:flex; align-items: center } } @media (max-width: 900px) { .lk_preorder_table .lk_table_item p[data-label]::before { content:attr(data-label); display: block; color: #B7B7B7; margin-right: 5px; font: 300 14px/22px Inter,sans-serif } } .lk_preorder_table .lk_table_item:nth-child(2n) { background: #FAFAFA } @media (max-width: 900px) { .lk_preorder_table-user .lk_table_btn a:first-child { grid-column:span 2/auto } } .lk_preorder_table .lk_table_btn { display: flex; align-items: center; justify-content: flex-end } @media (max-width: 900px) { .lk_preorder_table .lk_table_btn { display:grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; grid-column-start: 1; grid-column-end: 3 } } .lk_preorder_table .lk_table_btn a { padding: 7px; margin-left: 15px; background: #FFF; border: 1px solid #EBEBEB; height: 32px; width: 32px; border-radius: 5px; display: flex; align-items: center; justify-content: center; transition: .3s } @media (max-width: 900px) { .lk_preorder_table .lk_table_btn a { margin:0; height: auto; width: 100%; box-sizing: border-box; text-decoration: none; color: #000 } } .lk_preorder_table .lk_table_btn a span { display: none; margin-left: 5px; text-decoration: none; color: #000; font: 300 14px/22px Inter,sans-serif } @media (max-width: 900px) { .lk_preorder_table .lk_table_btn a span { display:block } } .lk_preorder_table .lk_table_btn a:hover { border-color: #000 } .lk_preorder_table .lk_table_btn a:first-child { margin: 0 } .lk_table_bottom { display: flex; margin-top: 10px; margin-bottom: 18px; align-items: center; justify-content: flex-end } @media (max-width: 768px) { .lk_table_bottom { justify-content:center; margin: 12px 0 18px } } .lk_table_bottom a,.lk_table_bottom button { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; appearance: none; outline: none; text-decoration: none; max-width: 170px; transition: .3s; text-align: center; box-sizing: border-box } @media (max-width: 900px) { .lk_table_bottom a,.lk_table_bottom button { max-width:100% } } .lk_table_bottom a:hover,.lk_table_bottom button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .lk_address_title { font: 300 22px/30px Inter,sans-serif; margin: 16px 0 } @media (max-width: 900px) { .lk_address_title { margin-top:10px } } @media (max-width: 768px) { .lk_address_title { margin:0 0 10px; font: 300 18px/26px Inter,sans-serif } } .lk_preorder_table_2 .lk_table_title { grid-template-columns: 2fr 1fr 1fr } @media (max-width: 768px) { .lk_preorder_table_2 .lk_table_title { display:none } } .lk_preorder_table_2 .lk_table_item { grid-template-columns: 2fr 1fr 1fr } @media (max-width: 768px) { .lk_preorder_table_2 .lk_table_item { grid-template-columns:1fr 1fr } } @media (max-width: 768px) { .lk_preorder_table_2 .lk_table_item p:first-child { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 768px) { .lk_preorder_table_2 .lk_table_item p:first-child::before { display:none } } .lk_table_bottom_2 { margin: 10px 0 20px; padding: 0 10px; display: grid; grid-gap: 10px; grid-template-columns: 2fr 1fr 1fr } @media (max-width: 900px) { .lk_table_bottom_2 { margin:10px -10px 20px; grid-gap: 0 10px } } @media (max-width: 768px) { .lk_table_bottom_2 { grid-template-columns:1fr 1fr } } .lk_table_bottom_2 p { margin: 0; grid-column-start: 3; font: 500 14px/22px Inter,sans-serif } @media (max-width: 900px) { .lk_table_bottom_2 p { margin-left:50px } } @media (max-width: 768px) { .lk_table_bottom_2 p { grid-column-start:2 } } .lk_preorder_table_3 .lk_table_title { grid-template-columns: 2fr 2fr 1fr 3fr } @media (max-width: 768px) { .lk_preorder_table_3 .lk_table_title { display:none } } .lk_preorder_table_3 .lk_table_item { grid-template-columns: 2fr 2fr 1fr 3fr } @media (max-width: 900px) { .lk_preorder_table_3 .lk_table_item { grid-template-columns:1fr 1fr 1fr } } .lk_preorder_table_3 .lk_table_btn { display: flex; align-items: center; justify-content: flex-end } @media (max-width: 900px) { .lk_preorder_table_3 .lk_table_btn { grid-column-start:1; grid-column-end: 4; display: flex } } @media (max-width: 768px) { .lk_preorder_table_3 .lk_table_item p { display:flex; flex-direction: column; align-items: flex-start } } .lk_preorder_table_3 .lk_btn_wrap { display: flex; align-items: center } @media (max-width: 900px) { .lk_preorder_table_3 .lk_btn_wrap { grid-template-columns:1fr 1fr 32px 32px; grid-gap: 15px; display: grid; width: 100% } } .lk_preorder_table_3 .lk_btn_wrap a { text-decoration: none; color: #000; font: 300 14px/22px Inter,sans-serif } @media (max-width: 900px) { .lk_preorder_table_3 .lk_btn_wrap a { height:32px; width: 32px } } .lk_preorder_table_3 .lk_btn_wrap .text_link { width: auto; padding: 7px 12px } @media (max-width: 900px) { .lk_preorder_table_3 .lk_btn_wrap .text_link { width:auto } } .lk_order_title { margin: 16px 0 12px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .lk_order_title { font:300 20px/30px Inter,sans-serif; margin: 10px 0 14px } } @media (max-width: 768px) { .lk_order_title { margin:0 0 14px } } .lk_order_nav { margin-bottom: 12px; padding-bottom: 14px; display: flex; align-items: center; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .lk_order_nav { display:none } } .lk_order_nav a { color: #000; text-decoration: none; margin-right: 25px; font: 300 14px/22px Inter,sans-serif; transition: .3s } .lk_order_nav a:hover { color: #B7B7B7 } .lk_order_nav .active { color: #B7B7B7 } .lk .review_panel_custom { display: none } @media (max-width: 760px) { .lk .review_panel_custom { display:block } } .lk_order_filter { margin-bottom: 15px; display: grid; grid-template-columns: 225px 225px 170px; grid-gap: 16px } @media (max-width: 760px) { .lk_order_filter { display:none } } .lk_order_filter input { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 10px 14px; position: relative; width: 100%; max-width: 100%; box-sizing: border-box } .lk_order_filter input::placeholder { color: #B7B7B7 } .lk_order_filter input:placeholder-shown { border: 1px solid #EBEBEB } .lk_order_filter input:focus { color: #000; border: 1px solid #000 } .lk_order_filter button { appearance: none; outline: none; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; max-width: 170px; transition: .3s; border: 1px solid #000; text-align: center; box-sizing: border-box; text-decoration: none } .lk_my_order_table .lk_table_title { grid-template-columns: 5fr 1fr 2fr 2fr 2fr 3fr; grid-gap: 25px } @media (max-width: 1100px) { .lk_my_order_table .lk_table_title { grid-gap:10px; grid-template-columns: 4fr 1fr 2fr 2fr 2fr 2fr } } @media (max-width: 900px) { .lk_my_order_table .lk_table_title { display:none } } @media (max-width: 900px) { .lk_my_order_table .lk_table_item:nth-child(1) { padding-top:0 } } .lk_my_order_table .lk_table_item { grid-template-columns: 5fr 1fr 2fr 2fr 2fr 3fr; align-items: start; grid-gap: 25px } @media (max-width: 1100px) { .lk_my_order_table .lk_table_item { grid-gap:10px; grid-template-columns: 4fr 1fr 2fr 2fr 2fr 2fr } } @media (max-width: 900px) { .lk_my_order_table .lk_table_item { grid-template-columns:1fr; grid-gap: 8px; padding: 14px 10px } } .lk_my_order_table .lk_table_sm img { height: 70px; width: 70px; object-fit: cover; border-radius: 10px } @media (max-width: 900px) { .lk_my_order_table .lk_table_sm img { display:none } } .lk_my_order_table .lk_table_sm .lk_sm_title { font: 300 14px/22px Inter,sans-serif; color: #000; text-decoration: none; transition: .2s } .lk_my_order_table .lk_table_sm .lk_sm_title:hover { color: #b7b7b7 } @media (max-width: 900px) { .lk_my_order_table .lk_table_sm .lk_sm_title { margin-bottom:4px; color: #000 } } .lk_my_order_table .lk_table_sm .lk_sm_text { color: #B7B7B7 } @media (max-width: 900px) { .lk_my_order_table .lk_table_sm .lk_sm_text { margin-bottom:2px } } @media (max-width: 900px) { .lk_my_order_table .lk_table_sm p::before { display:none } } .lk_my_order_table span { display: none } @media (max-width: 900px) { .lk_my_order_table span { display:block; margin: 0 3px } } @media (max-width: 900px) { .lk_my_order_table p br { display:none } } .lk_my_order_table p .watch_btn { display: block; text-decoration: underline; color: #000 } @media (max-width: 900px) { .lk_my_order_table p .watch_btn { display:none } } .lk_my_order_table p .watch_btn:hover { text-decoration: none } @media (max-width: 900px) { .lk_my_order_table .status_table { grid-row-start:3 } } @media (max-width: 900px) { .lk_my_order_table .pay_table { grid-row-start:6 } } @media (max-width: 900px) { .lk_my_order_table .order_table { display:flex } } .lk_my_order_table .order_table p:last-child::before { display: none } .lk_my_order_table .watch_btn_mob { display: none!important } @media (max-width: 900px) { .lk_my_order_table .watch_btn_mob { display:block!important; width: 100%; box-sizing: border-box; appearance: none; outline: none; border-radius: 5px; font: 400 14px Inter,sans-serif; padding: 8px 14px; color: #000; transition: .3s; border: 1px solid #000; text-align: center; text-decoration: none } .lk_my_order_table .watch_btn_mob:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.15) } } .buyer_link_box { margin: 2px 0; display: flex; align-items: center } @media (max-width: 900px) { .buyer_link_box { display:none } } .buyer_link_box a { display: flex; align-items: center; text-decoration: none; margin: 0 4.5px 0 0 } .lk_my_order_fix .lk_table_sm { display: grid; grid-template-columns: 70px 1fr; grid-gap: 10px } @media (max-width: 900px) { .lk_my_order_fix .lk_table_sm { grid-template-columns:1fr } } .messenger_wrap { display: grid; grid-template-columns: 390px 1fr } @media (max-width: 1260px) { .messenger_wrap { display:grid; grid-template-columns: 360px 1fr } } .messenger_right_container.mes_add .messenger_right_top { padding: 0; align-items: center; padding-left: 10px; grid-template-columns: 42px 1fr 50px } .messenger_right_container.mes_add .messenger_right_top .messenger_top_setting { display: grid; height: 59px } @media (max-width: 900px) { .messenger_right_container.mes_add .messenger_right_top .messenger_top_setting { height:53px } } .messenger_right_container.mes_add .messenger_right_top .messenger_top_setting .messenger_top_item { display: flex; align-items: center; justify-content: center; border-left: 1px solid #EBEBEB; cursor: pointer } .messenger_right_container.mes_add .messenger_right_top .messenger_top_setting .messenger_top_item svg { height: 24px; width: 24px } .messenger_right_container.mes_add .messenger_right_top .messenger_top_setting .messenger_top_item[for=toggle-header] svg { transform: rotate(180deg) } .messenger_right_top { display: grid; padding: 8.5px 16px; grid-template-columns: 42px 1fr; grid-gap: 12px } .messenger_right_top img { max-width: 100%; height: 42px; width: 42px; object-fit: cover; border-radius: 50% } .messenger_wrap input[type=checkbox]:checked ~ .messenger_left { opacity: 1; pointer-events: auto } .messenger_search_wrap { padding: 9.5px 10px; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; display: grid; grid-template-columns: 1fr 110px; grid-gap: 10px } .messenger_more { text-align: center; padding: 12px; font: 400 14px/20px Inter,sans-serif; width: 100% } input#close-error { display: none } input#close-error:checked + .messenger_modal_error { display: block } input#close-info { display: none } input#close-info:checked + .messenger_modal_info { display: block } input#agree-leave { display: none } input#agree-leave:checked + .messenger_modal_leave { display: block } .messenger_modal_info-text,.messenger_modal_error-text { font: 300 14px/22px Inter,sans-serif; margin-bottom: 12px; max-width: 530px; min-width: 530px } .messenger_modal_info .messenger_agree,.messenger_modal_error .messenger_agree { grid-template-columns: 1fr } .messenger_modal_leave,.messenger_modal_info,.messenger_modal_error { display: none; position: fixed; padding: 18px 18px 0; background: #FFF; box-shadow: 0 2px 35px rgba(0,0,0,0.3); border-radius: 10px; top: 50%; left: 50%; z-index: 999; transform: translate(-50%,-50%) } @media (max-width: 990px) { .messenger_modal_leave,.messenger_modal_info,.messenger_modal_error { width:calc(100% - 20px) } } .messenger_modal_leave .messenger_add_top,.messenger_modal_info .messenger_add_top,.messenger_modal_error .messenger_add_top { display: flex; width: 100%; box-sizing: border-box; min-width: 530px; align-items: center; margin-bottom: 12px; max-width: 530px; justify-content: center; position: relative } @media (max-width: 990px) { .messenger_modal_leave .messenger_add_top,.messenger_modal_info .messenger_add_top,.messenger_modal_error .messenger_add_top { min-width:1px; padding: 0 20px } } .messenger_modal_leave .messenger_add_top label,.messenger_modal_info .messenger_add_top label,.messenger_modal_error .messenger_add_top label { position: absolute; right: 0; top: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer } .messenger_modal_leave .messenger_add_top p,.messenger_modal_info .messenger_add_top p,.messenger_modal_error .messenger_add_top p { margin: 0; text-align: center; font: 400 22px/30px Inter,sans-serif } .messenger_agree { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 12px; margin-bottom: 18px } .messenger_agree a,.messenger_agree label { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; max-width: 100%; transition: .3s; text-decoration: none; text-align: center } .messenger_agree a:hover,.messenger_agree label:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .messenger_output .messenger_more { border: 1px solid #EBEBEB } .messenger_user_wrap { border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; overflow-x: hidden; overflow-y: auto; height: calc(100vh - 121px) } @media (max-width: 990px) { .messenger_user_wrap { height:calc(100vh - 118px); border: none } } @media (max-width: 900px) { .messenger_user_wrap { height:calc(100vh - 122px) } } .messenger_search_wrap input { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 8px 14px; width: 100%; max-width: 100%; box-sizing: border-box } .messenger_search_wrap input::placeholder { color: #B7B7B7 } .messenger_search_wrap input:focus { border: 1px solid #000 } .messenger_search_wrap input:not(:placeholder-shown) { border: 1px solid #000 } .messenger_search_wrap input:not(:placeholder-shown) ~ button { color: #000; border: 1px solid #000; cursor: pointer } .messenger_search_wrap input:not(:placeholder-shown) ~ button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .messenger_search_wrap button { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; appearance: none; outline: none; max-width: 100%; transition: .3s; text-align: center; box-sizing: border-box; cursor: default } .messenger_user_item { display: grid; cursor: pointer; padding: 12px 0 12px 10px; transition: .3s; grid-template-columns: 60px 1fr; grid-gap: 10px; text-decoration: none; position: relative } .messenger_user_item:not(:last-child) { border-bottom: 1px solid #EBEBEB } .messenger_user_info { position: relative } .messenger_user_data { position: absolute; display: flex; align-items: center; right: 10px; top: 0 } .messenger_user_data p { margin: 0; color: #B7B7B7; font: 300 12px Inter,sans-serif } .messenger_user_data span { margin: 0; height: 7px; width: 7px; background: #000; border-radius: 50%; margin-right: 5px } .messenger_user_item img { max-width: 100%; height: 60px; border-radius: 50%; object-fit: cover; width: 60px } .user_info_title { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none; color: #000; margin: 0 0 5px; padding-right: 85px; font: 500 12px Inter,sans-serif } .user_info_text { margin: 0; color: #000; font: 300 12px/20px Inter,sans-serif; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box } .active_messages { background: #FAFAFA } .messenger_user_item:hover { background: #FAFAFA } .active_messages::after { content: ""; height: 100%; width: 2px; position: absolute; left: 0; top: 0; background: #0A0A0A } .messenger_right_box { padding: 8.5px 16px; border-bottom: 1px solid #EBEBEB; display: grid; grid-template-columns: 42px 1fr; grid-gap: 12px; align-items: center } .messenger_right_box img { max-width: 100%; border-radius: 50%; object-fit: cover; height: 42px; width: 42px } .messenger_right_title { margin: 0; font: 400 12px/20px Inter,sans-serif; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box } .messenger_right_title a { color: #000; display: inline-block } .messenger_right_text { margin: 0; font: 300 12px/20px Inter,sans-serif; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .messenger_empty { display: flex; height: 100%; align-items: center; justify-content: center; width: 100%; background: #FAFAFA } .messenger_empty p { color: #B7B7B7; font: 300 14px Inter,sans-serif } .messenger_right_wrap { display: flex; flex-direction: column; border-right: 1px solid #EBEBEB; height: 100%; justify-content: space-between } .messenger_right_bottom { display: flex; justify-content: flex-end; flex-direction: column; margin-top: 0 } .messenge_right_form { padding: 12px 16px; border-top: 1px solid #EBEBEB; border-right: none; width: 100%; box-sizing: border-box } .messenge_right_form textarea { height: 82px; width: 100%; box-sizing: border-box; padding: 10px 12px; appearance: none; resize: none; border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; margin-bottom: 10px } .messenge_right_form textarea::placeholder { color: #B7B7B7 } .right_form_btn { display: flex; align-items: center; justify-content: space-between } .right_form_btn button { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; appearance: none; outline: none; max-width: 125px; transition: .3s; text-align: center; box-sizing: border-box } .right_form_btn button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .call_moderator { display: flex; align-items: center; flex-wrap: wrap } .call_moderator a { color: #000; text-decoration: underline; font: 300 12px/20px Inter,sans-serif } .call_moderator a.allow { font: 300 14px/20px Inter,sans-serif; margin: 3px!important } .call_moderator a.allow:hover { text-decoration: none } .call_moderator svg { margin-right: 12px } .call_moderator_active a { text-decoration: none; color: #B7B7B7; pointer-events: none } .messenger_output { margin-top: auto; padding: 22px 16px; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column-reverse } .messenger_output > :not(:first-child) { margin-bottom: 14px } .messenger_output_item img { height: 42px; width: 42px; object-fit: cover; max-width: 100%; border-radius: 50% } .messenger_output_item .messenger_output_text a.img { max-height: 100px; height: 100px; display: inline-block; margin-top: 4px } .messenger_output_item .messenger_output_text a.img:not(:last-child) { margin-right: 6px } @media (max-width: 900px) { .messenger_output_item .messenger_output_text a.img { max-height:60px; height: 60px } } .messenger_output_item .messenger_output_text a.img img.uploaded { height: 100%; width: auto; border-radius: 0 } .messenger_output_item { display: grid; grid-template-columns: 42px 1fr; grid-gap: 12px; position: relative } .messenger_output_title { margin: 0 0 4px; font: 400 12px Inter,sans-serif; color: #000 } .messenger_output_title.admin-name { color: red } .messenger_output_text p { margin: 0; font: 300 12px/22px Inter,sans-serif } .messenger_output_data { position: absolute; color: #B7B7B7; right: 0; margin: 0; top: 0; font: 300 12px Inter,sans-serif } .messenger_output_alert { display: flex; align-items: center; justify-content: center } .messenger_output_alert p { padding: 6px 14px; font: 400 12px Inter,sans-serif; text-align: center; margin: 0; background: #FAFAFA; border-radius: 100px } .messenger_right_back { display: none } @media (max-width: 990px) { .messenger_right_back { display:block } } @media (max-width: 990px) { .messenger_user_item { padding:10px 0 10px 10px } } @media (max-width: 990px) { .messenger .container { padding:0 } } @media (max-width: 990px) { .messenger_wrap { display:block } } .messenger_back { display: none } .messenger_right,.messenger_left,.messenger_admin .messenger_right,.messenger_admin .messenger_left { height: calc(100vh - 61px) } @media (max-width: 900px) { .messenger_right,.messenger_left,.messenger_admin .messenger_right,.messenger_admin .messenger_left { height:calc(100vh - 65px) } } @media (max-width: 990px) { .messenger { height:calc(100vh - 61px); position: relative } } @media (max-width: 900px) { .messenger { height:calc(100vh - 65px); position: relative } } @media (max-width: 990px) { .messenger .messenger_left { opacity:0; position: absolute; z-index: 4; height: calc(100vh - 61px); pointer-events: none; top: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; background: #fff; overflow: hidden } } @media (max-width: 900px) { .messenger .messenger_left { height:calc(100vh - 65px) } } @media (max-width: 990px) { .empty .messenger_left { opacity:1; pointer-events: auto } } @media (max-width: 990px) { .messenger_search_wrap { padding:8px 10px } } .messenger_right_container { border-bottom: 1px solid #EBEBEB; position: relative; z-index: 3 } @media (max-width: 990px) { .messenger_right_container { display:grid; grid-template-columns: 50px 1fr } } @media (max-width: 990px) { .messenger_right_top { padding:6px 10px } } @media (max-width: 990px) { .messenger_output { max-height:100% } } @media (max-width: 990px) { .user_info_title { width:100%; padding-right: 95px } } @media (max-width: 990px) { .messenge_right_form { padding:10px } } .messenge_right_form svg { margin-right: 10px } @media (max-width: 990px) { .messenger_right_top { grid-gap:4px } } @media (max-width: 990px) { .messenger_back { display:flex; height: 100%; width: 100%; align-items: center; border-right: 1px solid #EBEBEB; justify-content: center } } @media (max-width: 990px) { .messenger_output { background:#fff; position: relative; z-index: 2 } } @media (max-width: 990px) { .messenger_output_title { padding-right:40px } } @media (max-width: 990px) { .messenge_right_form textarea { height:40px } } @media (max-width: 990px) { .messenge_right_form textarea:focus { height:180px } } @media (max-width: 990px) { .messenge_right_form textarea:hover { height:180px } } @media (max-width: 990px) { .messenge_right_form textarea:active { height:180px } } @media (max-width: 990px) { .messenger_output { padding:10px } } @media (max-width: 990px) { .messenger_right_title { line-height:18px } } .messenger_wrap input[type=checkbox] { position: absolute; display: none } .messenger_add .messenger_wrap { grid-template-columns: 350px 1fr 250px } .messenger_add .messenger_wrap-empty { grid-template-columns: 350px 1fr } .messenger_add .messenger_add_wrap { display: grid; grid-template-columns: 1fr 20px; grid-gap: 12px; align-items: center } .messenger_add .messenger_add_input { position: relative } .messenger_add .messenger_add_input svg { position: absolute; right: 10px; top: 9px } .messenger_add .messenger_add_setting { display: flex; position: relative; align-items: center; justify-content: center } .messenger_add .messenger_add_setting label { display: flex; cursor: pointer; align-items: center; justify-content: center } .messenger_add .messenger_add_setting input:checked ~ .messenger_setting_hide { display: block } .messenger_add .messenger_add_setting .messenger_setting_hide { position: absolute; max-width: 240px; min-width: 240px; padding: 14px 16px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; z-index: 9; top: 30px; display: none; right: 0 } .messenger_add .messenger_add_setting .messenger_setting_hide a { display: block; margin-bottom: 14px; color: #000; text-decoration: none; font: 400 14px/20px Inter,sans-serif } .messenger_add .messenger_add_setting .messenger_setting_hide a:last-child { margin: 0 } .messenger_add .messenger_add_setting .messenger_setting_hide .active_link { color: #B7B7B7 } .messenger_add .messenger_notes_wrap { border-right: 1px solid #EBEBEB } @media (max-width: 990px) { .messenger_add .messenger_notes_wrap { display:none } } .messenger_add .messenger_notes_wrap .messenger_notes_item { padding: 9px 10px } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_title { font: 500 12px/22px Inter,sans-serif; display: inline-flex; align-items: center; text-decoration: underline; margin: 0 0 3px; color: #000 } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_title a:not(.name) { display: flex; align-items: center; justify-content: center; height: 16px; width: 16px; margin: 0 0 0 6px } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_title a.name { color: #000; display: inline-block } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_title_2 { font: 500 12px/22px Inter,sans-serif; display: flex; margin: 0 0 3px; align-items: center } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_text { font: 400 12px/20px Inter,sans-serif; color: #B7B7B7; margin: 0 0 3px } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_text span { color: #000 } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_text_black { color: #000 } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_bottom { display: flex; align-items: center } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_bottom .notes_text { margin: 0 } .messenger_add .messenger_notes_wrap .messenger_notes_item .notes_bottom .notes_text:nth-child(1) { margin-right: 5px } .messenger_add .messenger_notes_wrap .active_note { background: #FAFAFA } .messenger_add .messenger_right_top { padding: 0; align-items: center; padding-left: 10px; grid-template-columns: 42px 1fr 100px } .messenger_add .messenger_right_top .messenger_top_setting { display: grid; grid-template-columns: 1fr 1fr; height: 54px; width: 100px } @media (max-width: 900px) { .messenger_add .messenger_right_top .messenger_top_setting { height:53px } } .messenger_add .messenger_right_top .messenger_top_setting .messenger_top_item { display: flex; align-items: center; justify-content: center; border-left: 1px solid #EBEBEB; cursor: pointer } .messenger_add .messenger_right_top .messenger_top_setting .messenger_top_item svg { height: 24px; width: 24px } .messenger_add .messenger_right_top .messenger_top_setting .messenger_top_item[for=toggle-header] svg { transform: rotate(180deg) } .messenger_add_chat { position: fixed; padding: 18px 18px 0; background: #FFF; box-shadow: 0 2px 35px rgba(0,0,0,0.3); border-radius: 10px; top: 50%; display: none; left: 50%; z-index: 999; transform: translate(-50%,-50%) } @media (max-width: 900px) { .messenger_add_chat { left:0; right: 0; max-height: 100%; top: 0; bottom: 0; transform: none; box-shadow: none; padding: 20px 10px 10px } } .messenger_add_chat .messenger_add_top { display: flex; width: 100%; box-sizing: border-box; min-width: 533px; align-items: center; margin-bottom: 12px; max-width: 530px; justify-content: center; position: relative } @media (max-width: 900px) { .messenger_add_chat .messenger_add_top { max-width:100%; min-width: 100%; margin-bottom: 10px } } .messenger_add_chat .messenger_add_top label { position: absolute; right: 0; top: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer } @media (max-width: 900px) { .messenger_add_chat .messenger_add_top label { top:4.5px } } .messenger_add_chat .messenger_add_top p { margin: 0; text-align: center; font: 400 22px/30px Inter,sans-serif } .messenger_add_chat .messenger_container_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 12px; overflow-x: hidden; overflow-y: auto; max-height: 450px; padding: 0 18px 18px 0; margin-right: -18px } .messenger_add_chat .messenger_container_wrap .messenger_add_item { display: flex; align-items: center; justify-content: space-between } .messenger_add_chat .messenger_container_wrap .messenger_add_item .messenger_add_img { display: flex; align-items: center } .messenger_add_chat .messenger_container_wrap .messenger_add_item .messenger_add_img img { height: 40px; width: 40px; max-width: 100%; box-sizing: border-box; border-radius: 50%; margin: 0 12px 0 0 } .messenger_add_chat .messenger_container_wrap .messenger_add_item .messenger_add_img p { margin: 0; font: 400 14px/22px Inter,sans-serif } .messenger_add_chat .messenger_container_wrap .messenger_add_item .messenger_add_btn span { color: #B7B7B7; font: 300 14px/22px Inter,sans-serif } .messenger_add_chat .messenger_container_wrap .messenger_add_item .messenger_add_btn a { margin: 0 0 0 20px; font: 300 14px/22px Inter,sans-serif; color: #000; text-decoration-line: underline } @media (max-width: 900px) { .messenger_add_chat .messenger_container_wrap .messenger_add_item .messenger_add_btn a { margin:0 0 0 16px } } .input_hide { display: none } .call_chat:checked ~ .messenger_add_chat { display: block } .messenger_add_city { padding: 8px 10px; border-left: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; position: relative } .messenger_add_city .add_city_box { display: inline-flex; align-items: center; cursor: pointer } .messenger_add_city .add_city_box p { font: 400 12px/20px Inter,sans-serif; color: #B7B7B7; margin: 0 } .messenger_add_city .add_city_box svg { margin-left: 5px } .messenger_add_city .messenger_city_dropdown { position: absolute; max-width: 180px; min-width: 180px; padding: 14px 16px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.15); border-radius: 10px; z-index: 9; top: calc(100% + 4px); display: none; left: 10px } .messenger_add_city .messenger_city_dropdown a { display: block; color: #000; text-decoration: none; font: 400 14px/20px Inter,sans-serif } .messenger_add_city .messenger_city_dropdown a:not(:last-child) { margin-bottom: 12px } .messenger_add_city input:checked ~ .messenger_city_dropdown { display: block } .messenger_add_city input:checked ~ .add_city_box svg { transform: rotate(180deg) } .messenger_add:not(.admin_messenger) .messenger_right,.messenger_add:not(.admin_messenger) .messenger_left { height: 100vh } .messenger_add .messenger_user_wrap { height: calc(100vh - 92px) } .messenger_add.admin_messenger .messenger_user_wrap { height: calc(100vh - 153px) } .admin_messenger .call_setting_hide { display: flex; align-items: center; justify-content: center; cursor: pointer } .admin_messenger .user_info_status { margin-top: 5px; display: flex; align-items: center } .admin_messenger .user_info_status svg { margin: 0 8px 0 0 } .admin_messenger .user_info_status span { color: #000; margin: 0 8px 0 0; font: 400 12px/14px Inter,sans-serif } .admin_messenger .messenger_right_title .date { margin: 0 0 0 6px; font: 400 12px/20px Inter,sans-serif; color: #B7B7B7 } .admin_messenger .messenger_right_title .status { margin: 0 0 0 6px; font: 400 12px/20px Inter,sans-serif; color: #000 } .admin_messenger .right_form_btn a { display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0 } .admin_messenger .right_form_btn a svg { margin: 0 } .admin_messenger .right_form_btn a:last-child { margin: 0 } .admin_messenger .notes_title_box { display: flex; align-items: center } .admin_messenger .notes_title_box span { font: 400 12px/20px Inter,sans-serif; margin: 0 0 0 5px } .admin_messenger .notes_title_box .notes_title_text { text-decoration: none; font: 400 12px/22px Inter,sans-serif; margin: 0 } .admin_messenger .notes_title_link { display: flex; align-items: center } .admin_messenger .notes_title_top { display: flex; width: 100%; box-sizing: border-box; align-items: center; justify-content: space-between } .admin_messenger .notes_title_link_2 { display: flex; align-items: center; justify-content: center } .admin_messenger .messenger_notes_item { border-bottom: 1px solid #EBEBEB } .admin_messenger .notes_info_box { display: flex; align-content: center; justify-content: space-between } .admin_messenger .notes_info_box p { margin: 0; font: 400 12px/22px Inter,sans-serif } .admin_messenger .messenger_notes_wrap .miner_box .notes_title { text-decoration: none; margin: 0 } .admin_messenger .notes_title_miner { text-decoration: none; display: flex; margin: 0; align-items: center } .admin_messenger .notes_title_miner p { margin: 0 5px 0 0; text-decoration: none; font: 400 12px/22px Inter,sans-serif } .admin_messenger .notes_title_miner a { font: 400 12px/22px Inter,sans-serif; margin: 0 } .admin_messenger .messenger_notes_wrap .messenger_notes_item .notes_title { font: 400 12px/22px Inter,sans-serif } .admin_messenger .messenger_photo_box { display: grid; grid-template-columns: 1fr; grid-gap: 6px } .admin_messenger .messenger_photo_box .messenger_photo_sm { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 4px } .admin_messenger .messenger_photo_box .messenger_photo_sm img { max-width: 100%; width: 100%; box-sizing: border-box; object-fit: cover; border-radius: 3px; height: auto } .admin_messenger .messenger_photo_box p { font: 400 12px/22px Inter,sans-serif; margin: 0 } .admin_messenger .call_moderator label { display: flex; cursor: pointer; align-items: center } @media (max-width: 576px) { .admin_messenger .call_moderator { justify-content:flex-start; width: 100% } } .admin_messenger .call_moderator p { margin: 0 10px 0 0; font: 400 14px/22px Inter,sans-serif } @media (max-width: 576px) { .admin_messenger .messenger_right_title span:first-child { display:none } } @media (max-width: 576px) { .admin_messenger .messenger_right_title .date { display:none } } @media (max-width: 576px) { .admin_messenger .messenger_right_title .status { margin:0 } } @media (max-width: 576px) { .admin_messenger .right_form_btn { flex-direction:column; align-items: flex-start } } @media (max-width: 576px) { .admin_messenger .right_form_btn button { max-width:100%; width: 100%; box-sizing: border-box; margin-top: 15px } } .admin_messenger .active_icon svg { opacity: .5 } .admin_messenger .setting_disput_hide { display: none } .admin_messenger .setting_disput_acitve { display: flex } .admin_messenger .call_modal_btn { display: flex; align-items: center; cursor: pointer; justify-content: center } .none_header { display: none } .call_header:checked ~ header { display: flex } .call_header:checked ~ .admin_messenger .messenger_right,.call_header:checked ~ .admin_messenger .messenger_left { height: calc(100vh - 61px) } .call_header:checked ~ .admin_messenger .messenger_user_wrap { height: calc(100vh - 153px) } .messenger_add_disput { position: fixed; padding: 18px 18px 0; background: #FFF; box-shadow: 0 2px 35px rgba(0,0,0,0.3); border-radius: 10px; top: 50%; display: none; left: 50%; z-index: 999; transform: translate(-50%,-50%) } .messenger_add_disput .close_modal { position: absolute; right: 0; top: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer } @media (max-width: 900px) { .messenger_add_disput .close_modal { top:4.5px } } @media (max-width: 900px) { .messenger_add_disput { left:0; right: 0; max-height: 100%; top: 0; bottom: 0; transform: none; box-shadow: none; padding: 20px 10px 10px } } .messenger_add_disput .messenger_add_top { display: flex; width: 100%; box-sizing: border-box; min-width: 533px; align-items: center; margin-bottom: 12px; max-width: 530px; justify-content: center; position: relative } @media (max-width: 900px) { .messenger_add_disput .messenger_add_top { max-width:100%; min-width: 100%; margin-bottom: 10px } } .messenger_add_disput .messenger_add_top label { position: absolute; right: 0; top: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer } @media (max-width: 900px) { .messenger_add_disput .messenger_add_top label { top:4.5px } } .messenger_add_disput .messenger_add_top p { margin: 0; text-align: center; font: 400 22px/30px Inter,sans-serif } .messenger_add_disput .modal_disput_form { display: grid; grid-template-columns: 1fr; grid-gap: 16px; padding-bottom: 18px } .messenger_add_disput .modal_disput_box .modal_disput_title { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .messenger_add_disput .modal_disput_box textarea { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 9px 14px; width: 100%; max-width: 100%; box-sizing: border-box; resize: none; height: 100px } .messenger_add_disput .modal_disput_box textarea::placeholder { color: #B7B7B7 } .messenger_add_disput .modal_disput_box input { border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px Inter,sans-serif; padding: 7px 12px; height: 36px; width: 100%; max-width: 100%; outline: none; box-sizing: border-box; appearance: auto } .messenger_add_disput .modal_disput_box input::placeholder { color: #B7B7B7 } .messenger_add_disput .modal_disput_box .quantity-block { position: relative; width: 83px } .messenger_add_disput .modal_disput_box .quantity-block button { position: absolute; right: 0; top: 0 } .messenger_add_disput .modal_disput_box .quantity-block button:nth-child(1) { top: 1px; right: 10px } .messenger_add_disput .modal_disput_box .quantity-block button:nth-child(3) { top: 13px; right: 10px } .messenger_add_disput .modal_disput_box .quantity-num { width: 83px } .messenger_add_disput .modal_disput_btn { display: flex; align-items: flex-end; justify-content: space-between } @media (max-width: 768px) { .messenger_add_disput .modal_disput_btn { grid-template-columns:1fr; display: grid; grid-gap: 16px } } .messenger_add_disput .modal_disput_btn .order_select { margin: 0 } .messenger_add_disput .modal_disput_btn .order_select_box { max-width: 250px } .messenger_add_disput .modal_disput_btn .select-box__input-text { height: 40px } .messenger_add_disput .modal_disput_btn .order_select_box .select-box svg { top: 17.5px } .messenger_add_disput .modal_disput_btn .disput_send { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; background: #000; color: #fff; max-width: 250px; appearance: none; outline: none; height: 40px; transition: .3s; text-align: center; box-sizing: border-box } @media (max-width: 768px) { .messenger_add_disput .modal_disput_btn .disput_send { max-width:100% } } .messenger_add_disput .modal_disput_btn .disput_send:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .setting_disput_hide label:nth-child(2) { margin: 0 } .setting_disput_hide label { margin-left: 10px } .setting_disput_hide label svg { margin: 0 } .hide { display: none } .call_disput_hide:checked ~ .setting_disput_hide { display: flex; align-content: center } .call_disput:checked ~ .messenger_add_disput { display: block } .call_disput_2:checked ~ .messenger_add_disput { display: block } .call_disput_3:checked ~ .messenger_add_disput { display: block } .admin_messenger .notes_title_box .ml_0 { margin: 0 } @media (max-width: 576px) { .admin_messenger .messenger_right_info_3 span:first-child { display:block } } .danger_btn { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px 14px; width: 100%; color: #000; appearance: none; outline: none; max-width: 100%; transition: .3s; text-align: center; box-sizing: border-box; display: block; text-decoration: none } .danger_btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .my_table_item .my_img_status { color: #B7B7B7; text-decoration: none; margin-top: 8px; display: block; font: 300 14px Inter,sans-serif } .my_table_item .my_img_link { font: 400 14px Inter,sans-serif; display: block; text-decoration: none } .my_app_table .my_table_title { padding-left: 14px; padding-right: 14px; grid-gap: 40px; grid-template-columns: minmax(max-content,279px) minmax(max-content,120px) minmax(max-content,180px) minmax(max-content,150px) minmax(max-content,260px) } .my_app_table .my_table_item { grid-template-columns: minmax(max-content,279px) minmax(max-content,120px) minmax(max-content,180px) minmax(max-content,150px) minmax(max-content,260px) } .my_app_table { overflow: hidden } @media (max-width: 1200px) { .my_app_table .my_table_title { grid-gap:20px; grid-template-columns: 279px 120px 160px 120px 260px } } @media (max-width: 1200px) { .my_app_table .my_table_item { grid-template-columns:279px 120px 160px 120px 260px } } .my_app_table .mob_elem { display: none } @media (max-width: 990px) { .my_app_table .mob_elem { display:flex; flex-direction: column } } @media (max-width: 990px) { .my_item_box p { flex-direction:column; align-items: flex-start } } @media (max-width: 990px) { .my_item_box p span { display:-webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-decoration: none } } @media (max-width: 990px) { .my_app_table .my_table_item { grid-template-columns:1fr 1fr } } @media (max-width: 990px) { .my_app_table p::before { content:attr(data-label); display: block; color: #B7B7B7; margin-right: 5px; font: 300 14px/22px Inter,sans-serif } } @media (max-width: 990px) { .my_app_table .my_item_box:last-child p { display:none } } @media (max-width: 990px) { .my_app_table .my_item_box:last-child a { margin:0 } } .news__title { margin: 0 0 16px; font: 400 22px/30px Inter,sans-serif } .news__item { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #EBEBEB } .news__item-title { font: 400 16px/24px Inter,sans-serif; text-decoration: none; margin: 0 0 6px; color: #000; transition: .2s; display: inline-block } .news__item-title:hover { color: #b7b7b7 } .news__item-text { font: 300 14px/22px Inter,sans-serif; margin: 0 0 2px } .news__item-data { font: 300 14px/22px Inter,sans-serif; margin: 0; color: #B7B7B7 } @media (max-width: 900px) { .post__sidebar { display:none } } .post__sidebar-title { margin: 0 0 16px; font: 400 16px/24px Inter,sans-serif } .post__sidebar-data { margin: 0; font: 300 14px/22px Inter,sans-serif; color: #B7B7B7 } .post__sidebar-item { margin-bottom: 14px } .post__sidebar-item:last-child { margin: 0 } .post__sidebar-link { text-decoration: none; color: #000; margin: 0 0 2px; font: 400 14px/22px Inter,sans-serif; transition: .2s; display: inline-block } .post__sidebar-link:hover { color: #b7b7b7 } .post__item-title { font: 400 18px/26px Inter,sans-serif; margin: 0 0 2px } .post__item-description { margin: 0 0 6px; font: 300 14px/22px Inter,sans-serif } .post__item-data { color: #B7B7B7; margin: 0 0 10px; font: 400 14px/22px Inter,sans-serif } .post__item-output p { font: 300 14px/22px Inter,sans-serif; margin: 0 0 16px } .post__item-output img { max-width: 100%; height: auto; border-radius: 5px; margin: 0 0 16px } .post__item-output a { color: #000; text-decoration: underline } .post__item-output strong { font-weight: 500 } .post__item-output ul li,.post__item-output ol li { font: 300 14px/22px Inter,sans-serif } .post__item-output h1,.post__item-output h2,.post__item-output h3,.post__item-output h4,.post__item-output h5 { margin: 26px 0 16px; font: 400 18px/22px Inter,sans-serif } @media (max-width: 900px) { .post__item-output h1,.post__item-output h2,.post__item-output h3,.post__item-output h4,.post__item-output h5 { margin:38px 0 16px } } .order .breadcrumbs { margin-bottom: 10px } .order_main_title { font: 600 22px Inter,sans-serif; margin-bottom: 14px } .order_wrap { display: grid; grid-template-columns: 310px 1fr; grid-gap: 20px; margin-bottom: 16px } .order_wrap img { max-width: 100%; width: 310px; height: 310px; object-fit: cover; border-radius: 10px } .order_info p { margin: 0 0 16px } .order_title { font: 400 18px/26px Inter,sans-serif } .order_attr { font: 300 14px/22px Inter,sans-serif } .order_attr span { color: #B7B7B7 } .order_select { margin-bottom: 16px; display: flex; align-content: center } .order_select span { font: 300 14px Inter,sans-serif; color: #B7B7B7; display: flex; align-items: center; margin-right: 12px } .order_select_box { width: 230px } .order_select_box .select-custom,.order_select_box .select-box { font-size: 14px; line-height: 22px } .order_select_box .select-custom__input-text,.order_select_box .select-box__input-text { font: 300 14px Inter,sans-serif; color: #000; padding: 9px 14px; border-radius: 5px } .order_select_box .select-custom__input-text span,.order_select_box .select-box__input-text span { color: #000; margin-left: 4px } .order_select_box .select-custom__list,.order_select_box .select-box__list { padding: 10px 16px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15) } .order_select_box .select-custom__option,.order_select_box .select-box__option { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 10px } .order_select_box .select-custom svg,.order_select_box .select-box svg { position: absolute; right: 14px; top: 15px } .order_select_box .select-custom svg,.order_select_box .select-box svg path { fill: #000 } .order_select_box p { font: 300 14px Inter,sans-serif; color: #000; margin: 0 } .order_form_promo { display: flex; align-items: center } .order_form_promo input::-webkit-input-placeholder { color: #B7B7B7 } .order_form_promo input { appearance: none; font: 300 14px/21px Inter,sans-serif; color: #000; border-radius: 5px; border: 1px solid #EBEBEB; outline: none; padding: 8.5px 14px; margin-right: 12px; max-width: 180px; width: 100%; box-sizing: border-box; transition: .3s } .order_form_promo input:focus { border: 1px solid #000 } .order_form_promo input:not(:placeholder-shown) ~ button { color: #000; border: 1px solid #000; cursor: pointer } .order_form_promo input:not(:placeholder-shown) ~ button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .order_form_promo button { padding: 8.5px 9px; max-width: 120px; width: 100%; color: #B7B7B7; text-align: center; border: 1px solid #EBEBEB; border-radius: 5px; appearance: none; outline: none; font: 300 14px/21px Inter,sans-serif; box-sizing: border-box; transition: .3s; cursor: default } @media (max-width: 760px) { .order_main_title { font:600 18px Inter,sans-serif; margin-bottom: 12px } } @media (max-width: 760px) { .order_wrap { grid-template-columns:1fr; grid-gap: 12px } } @media (max-width: 760px) { .order_info p { margin:0 0 12px } } @media (max-width: 760px) { .order_select_box p { margin:0 } } .order_select { margin-bottom: 12px } .lk_form_box .filter-select { padding: 10.5px 12px } .lk_form_box .filter-select:after { top: 17px } @media (max-width: 760px) { .order_wrap img { height:230px; width: 230px } } @media (max-width: 760px) { .order_title { font:400 16px/24px Inter,sans-serif } } .order_bottom_title { color: #B7B7B7; margin: 0 0 11px; font: 300 14px Inter,sans-serif } .order_form { display: grid; grid-template-columns: 1fr; grid-gap: 16px } .order_form_btn { display: flex; align-items: center; justify-content: flex-end } .order_form_btn button { padding: 8px 12px; max-width: 177px; color: #fff; border-radius: 5px; outline: none; transition: .3s; appearance: none; border: 1px solid #000; background: #000; width: 100%; text-align: center; margin-left: 18px; box-sizing: border-box; font: 400 14px/22px Inter,sans-serif } .order_form_btn button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .order_form_btn a { padding: 8px 12px; max-width: 177px; color: #000; border-radius: 5px; outline: none; text-decoration: none; appearance: none; border: 1px solid #EBEBEB; transition: .3s; width: 100%; text-align: center; box-sizing: border-box; font: 300 14px/22px Inter,sans-serif } .order_form_btn a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 760px) { .order_form_btn a { max-width:100% } } @media (max-width: 760px) { .order_form_btn button { max-width:100%; margin: 0 } } @media (max-width: 760px) { .order_form_btn { display:grid; grid-template-columns: 1fr; grid-gap: 12px } } .order_radio_button { padding: 12px 20px 12px 50px; border: 1px solid #EBEBEB; border-radius: 5px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: .3s } .order_radio_button:after { content: ""; height: 20px; width: 20px; position: absolute; left: 16px; border-radius: 50%; border: 1px solid #EBEBEB; top: 20px; transition: .3s } .order_radio_button:before { content: ""; height: 10px; width: 10px; position: absolute; left: 21px; border-radius: 50%; background: #000; top: 25px; opacity: 0; transition: .3s } .order_form_box input:disabled + label { cursor: default } .order_form_box input:checked + label input { border-color: #000 } .order_form_box input:checked + label:before { opacity: 1 } .order_form_box input:checked + label:after { border-color: #000 } .order_form_box input:checked + label { border-color: #000 } .order_form_box input:checked + label .order_radio_input { z-index: 1 } .order_form_box { position: relative } .order_form_box input { position: absolute; opacity: 0 } .order_radio_title { display: flex; align-items: center } .order_radio_title svg { margin-right: 14px } .order_radio_title p { margin: 0; font: 400 16px Inter,sans-serif } .order_radio_pay { display: flex; align-items: center } .order_radio_pay .pay { color: #000; margin: 0 0 0 12px; font: 500 14px Inter,sans-serif } .order_radio_pay .btc { color: #000; margin: 0 12px 0 0; font: 300 14px Inter,sans-serif } .order_pay_empty { color: #000; display: none; margin: 0 20px 0 0; font: 300 14px Inter,sans-serif } .decor_warning_title { font: 700 14px/22px Inter,sans-serif; margin: 0 0 10px } .order_radio_input { margin-left: auto; margin-right: 50px; display: flex; align-items: center; position: relative; z-index: -1 } .order_radio_input input:focus { border: 1px solid #000 } .right_attr_bank { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 15px 20px; border-radius: 5px; border: 1px solid #000 } .right_attr_bank#sber { border-color: #21A038 } .right_attr_bank#tinkoff { border-color: #FFDD2D } .right_attr_bank#raiffeisen { border-color: #FAEB00 } .right_attr_bank#vtb { border-color: #0A2973 } .right_attr_bank#alfa { border-color: #F03024 } .right_attr_bank#gazprom { border-color: #00487C } .right_attr_bank#open { border-color: #00BEF0 } .right_attr_bank#rshb { border-color: #19502E } .right_attr_bank#sovcom { border-color: #213A8B } .right_attr_bank#ros { border-color: #00274F } .right_attr_bank.hidden { display: none } .right_attr_item { margin: 0; color: #000; font: 300 14px Inter,sans-serif } .right_title_box { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EBEBEB; padding-bottom: 12px; margin-bottom: 18px } @media (max-width: 576px) { .right_title_box { display:grid; margin-bottom: 12px; grid-template-columns: 1fr; grid-gap: 12px } } .decor_right_text { margin: 0; font: 300 14px/22px Inter,sans-serif } .decor_right_title { margin: 0; font: 500 16px/22px Inter,sans-serif } .decor_right_attr { display: grid; margin-bottom: 10px; grid-template-columns: 1fr; grid-gap: 10px } strong { font-weight: 500 } .right_attr_item span,.right_attr_item strong { color: #000 } .order_radio_input p { font: 300 14px Inter,sans-serif; color: #B7B7B7; margin: 0 12px 0 0 } .order_radio_input input { position: relative; opacity: 1; appearance: none; font: 300 14px Inter,sans-serif; color: #000; border-radius: 5px; border: 1px solid #EBEBEB; outline: none; padding: 7px 14px; margin: 0; max-width: 180px; width: 100%; box-sizing: border-box; transition: .3s } .order_radio_input input::-webkit-input-placeholder { color: #B7B7B7 } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { display: none; -webkit-appearance: none } @media (max-width: 760px) { .order_radio_button { display:grid; grid-gap: 5px; grid-template-columns: 1fr } } @media (max-width: 760px) { .order_radio_pay { padding-left:48.5px } } @media (max-width: 760px) { .order_radio_button:after { left:12px } } @media (max-width: 760px) { .order_radio_button:before { left:17px } } @media (max-width: 760px) { .order_radio_input { margin:0; display: flex; flex-direction: column; align-items: flex-start; padding-left: 47px; margin-bottom: 10px } } @media (max-width: 760px) { .order_radio_input input { width:100%; max-width: 100%; box-sizing: border-box } } .order_radio_input p { margin: 0 7px 0 0 } @media (max-width: 760px) { .order_radio_title p { font:400 14px Inter,sans-serif } } @media (max-width: 760px) { .order_radio_button { padding:12px 16px 12px 46px } } @media (max-width: 760px) { .order_radio_pay .pay { margin:0 } } .empty_alert { color: #000; font: 600 14px Inter,sans-serif; display: none; margin: 0 5px } .empty_alert:hover { text-decoration: none } .empty_order .empty_alert { display: block } .empty_order .order_radio_title p { color: #b7b7b7 } .empty_order .order_radio_title svg { opacity: .3 } .empty_order .order_pay_empty { display: block } .empty_order .order_radio_button { background: #FCFCFC } .empty_order .order_radio_pay .btc { color: #B7B7B7 } .empty_order .order_radio_pay .pay { color: #B7B7B7 } @media (max-width: 990px) { .empty_order .order_pay_empty { display:none } } @media (max-width: 760px) { .empty_alert { padding-left:48.5px; order: 3; margin: 5px 0 0 } } @media (max-width: 760px) { .empty_order .order_pay_empty { display:none } } input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none } input[type=number],input[type=number]:hover,input[type=number]:focus { appearance: none; -moz-appearance: textfield } .order_form_title { margin-bottom: 10px; font: 700 16px Inter,sans-serif } .order_form_review textarea { width: 100%; box-sizing: border-box; color: #000; appearance: none; outline: none; resize: none; height: 160px; padding: 9px 12px; border: 1px solid #EBEBEB; border-radius: 5px; margin-bottom: 12px; font: 300 14px Inter,sans-serif } .order_form_review textarea::placeholder { color: #B7B7B7 } .form_review_bottom { display: flex; align-items: center; justify-content: space-between } .form_review_bottom .order_form_btn { width: 50% } .checkbox a { color: #000; text-decoration: underline } .form_review_bottom .checkbox label { margin-right: 10px } @media (max-width: 760px) { .form_review_bottom .checkbox label { margin-right:0 } } @media (max-width: 760px) { .form_review_bottom { grid-template-columns:1fr; display: grid; grid-gap: 14px } } @media (max-width: 760px) { .form_review_bottom .order_form_btn { width:100% } } .pre_decor_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 8px; margin-bottom: 12px } .decor_right_btn .bold_btn { max-width: 200px } @media (max-width: 576px) { .decor_right_btn .bold_btn { max-width:100% } } .order_successful_info { display: grid; grid-template-columns: 1fr; grid-gap: 8px; margin-bottom: 12px } .order_successful_title { margin: 0; font: 500 16px Inter,sans-serif } .order_successful_text { font: 300 14px/22px Inter,sans-serif; margin: 0 } .order_successful_pay { color: #000; margin: 0; font: 400 14px Inter,sans-serif } .order_successful_pay span { color: #000 } .decor_right_btn .dark_btn { background: #000; color: #fff } .decor_warning_text p strong { font-weight: 500 } .decor_title { font: 300 22px Inter,sans-serif; margin: 0 0 14px } .decor_top_wrap { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 40px; margin-bottom: 40px } .decor_right { grid-row: span 2/auto } .decor_attr_wrap { display: flex; align-content: center; border-bottom: 1px solid #EBEBEB; justify-content: space-between; padding-bottom: 12px; margin-bottom: 18px } .decor_shop_wrap { border-bottom: 1px solid #EBEBEB; padding-bottom: 18px; margin-bottom: 18px; display: grid; align-items: center; grid-template-columns: 60px 1fr; grid-gap: 15px } .decor_shop_wrap img { max-width: 100%; height: 60px; width: 60px; object-fit: cover; border-radius: 5px } .decor_shop_info p { font: 300 18px Inter,sans-serif; margin: 0 0 5px } .decor_shop_info a { font: 300 14px/22px Inter,sans-serif; text-decoration-line: underline; color: #000; margin: 0 } .decor_form { display: grid; grid-template-columns: 1fr; grid-gap: 12px } .decor_warning_text { margin: 0 0 12px; font: 400 14px/22px Inter,sans-serif } .decor_warning_text li { font: 300 14px/22px Inter,sans-serif } .decor_warning_text p { font: 400 14px/22px Inter,sans-serif } .decor_warning_text a { color: #000; text-decoration: underline } .decor_item_wrap { display: grid; margin-bottom: 18px; align-items: flex-start; grid-template-columns: 126px 1fr; grid-gap: 14px } .decor_form textarea { padding: 9px 12px; width: 100%; box-sizing: border-box; height: 160px; background: #FFF; resize: none; font: 400 14px Inter,sans-serif; border: 1px solid #EBEBEB; border-radius: 5px } .decor_btn_wrap button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .decor_btn_select { display: flex; align-items: center } .decor_btn_select .decor_form_select { width: 50px; margin-right: 8px } .decor_btn_select .decor_form_select .select-custom { font-size: 14px; line-height: 22px } .decor_btn_select .decor_form_select .select-custom__input-text { font: 400 14px Inter,sans-serif; color: #000; padding: 5px 14px; border-radius: 5px } .decor_btn_select .decor_form_select .select-custom__list { padding: 10px 16px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15) } .decor_btn_select .decor_form_select .select-custom__option { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 10px } .decor_btn_select .decor_form_select .select-custom svg { position: absolute; right: 7px; top: 11px } .decor_select_title { font: 300 14px Inter,sans-serif; color: #B7B7B7; margin: 0 } .decor_title_right { font: 300 14px Inter,sans-serif; color: #B7B7B7; padding-bottom: 12px; border-bottom: 1px solid #EBEBEB; margin: 0 0 18px } .decor_btn_wrap button { padding: 9px; transition: .3s; max-width: 180px; width: 100%; color: #fff; border: none; outline: none; appearance: none; font: 400 14px/22px Inter,sans-serif; text-align: center; box-sizing: border-box; background: #000; border-radius: 5px } .decor_form textarea::placeholder { color: #B7B7B7 } .decor_btn_wrap { display: flex; align-items: center; justify-content: space-between } .decor_item_info { display: grid; grid-template-columns: 1fr; grid-gap: 14px } .decor_attr_item { font: 300 14px Inter,sans-serif; margin: 0; display: flex; align-items: center; color: #B7B7B7 } .decor_attr_item span { color: #000; margin: 0 0 0 5px } .decor_item_title { margin: 0; font: 300 18px Inter,sans-serif } .decor_item_wrap img { max-width: 100%; object-fit: cover; border-radius: 5px; height: 126px; width: 126px } .decor_attr_wrap p { color: #B7B7B7; margin: 0; font: 300 14px Inter,sans-serif } .decor_attr_wrap p span { color: #000 } .decor_table_title { padding-bottom: 14px; border-bottom: 1px solid #EBEBEB; display: grid; grid-template-columns: 135px 245px 1fr 200px; grid-gap: 40px } .decor_table_title p { color: #B7B7B7; margin: 0; font: 300 14px Inter,sans-serif } .decor_output_text { margin-bottom: 12px } .decor_right_btn { display: flex; align-items: center } .decor_right_btn a { transition: .3s; font: 400 14px/22px Inter,sans-serif; padding: 8px 9px; text-align: center; margin-right: 16px; border: 1px solid #000; color: #000; text-decoration: none; max-width: 200px; width: 100%; box-sizing: border-box; border-radius: 5px } .decor_right_btn a:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .decor_output_text p { margin: 0 0 10px; word-break: break-word; font: 300 14px/22px Inter,sans-serif } .decor_output_text p a { text-decoration: none; word-break: break-all } .decor_output_text span { color: #B7B7B7 } .decor_output_text a { font: 300 14px/22px Inter,sans-serif; color: #000; text-decoration: underline } .decro_wrap_img { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 12px; margin-bottom: 12px } .decro_wrap_img a { max-width: 130px; max-height: 130px } .decro_wrap_img a img { border-radius: 10px; height: 100%; width: 100%; object-fit: cover } @media (max-width: 992px) { .decro_wrap_img a { max-width:100%; max-height: 100% } } .decor_table_item { padding: 14px; border-bottom: 1px solid #EBEBEB; display: grid; grid-template-columns: 135px 245px 1fr 200px; grid-gap: 40px } .decor_table_item p { word-break: break-word; color: var(--data-color-item); margin: 0; font: 300 14px/22px Inter,sans-serif } @media (max-width: 1280px) { .decor_table_title { grid-template-columns:135px 150px 1fr 200px; grid-gap: 30px } } @media (max-width: 1280px) { .decor_table_item { grid-template-columns:135px 150px 1fr 200px; grid-gap: 30px } } @media (max-width: 760px) { .decor_table_title { display:none } } @media (max-width: 760px) { .decor_table_item p:before { content:attr(data-label); color: #B7B7B7 } } @media (max-width: 760px) { .decor_table_item .table_text::before { content:attr(data-label); color: #B7B7B7; font: 300 14px Inter,sans-serif } } @media (max-width: 760px) { .decor_table_item p { display:flex; flex-direction: column } .decor_table_item p:last-of-type { grid-column: span 2/auto } } @media (max-width: 760px) { .decor_table_item .table_text { grid-column-start:1; grid-column-end: 3 } } @media (max-width: 760px) { .decor_table_item { display:grid; grid-template-columns: 1fr 1fr; padding: 10px; grid-gap: 14px 40px } } @media (max-width: 760px) { .table_text { grid-column-start:1; grid-column-end: 3 } } .decor_btn_wrap .checkbox label { color: #B7B7B7 } @media (max-width: 990px) { .decor_btn_wrap button { width:100%; box-sizing: border-box; max-width: 100%; grid-row-start: 2 } } @media (max-width: 990px) { .decor_btn_wrap { display:grid; grid-template-columns: 1fr; grid-gap: 12px } } @media (max-width: 990px) { .decor_btn_wrap--row { grid-template-columns:auto auto } } @media (max-width: 990px) { .decor_title_right { border:none; padding: 12px 0 0; margin: 0 0 10px; border-top: 1px solid #EBEBEB } } @media (max-width: 990px) { .decor_shop_wrap { grid-gap:10px; margin-bottom: 12px; padding-bottom: 12px } } @media (max-width: 990px) { .decor_item_wrap { grid-template-columns:96px 1fr; grid-gap: 12px; align-items: start } } @media (max-width: 576px) { .decor_item_wrap { grid-template-columns:1fr } } @media (max-width: 990px) { .decor_item_info { grid-gap:8px } } @media (max-width: 990px) { .decor_item_wrap img { width:100%; height: 96px } } @media (max-width: 576px) { .decor_item_wrap img { display:none } } @media (max-width: 990px) { .decor_top_wrap { margin-bottom:40px; grid-template-columns: 1fr; grid-gap: 12px } } @media (max-width: 990px) { .decor_title { margin-bottom:8px; font: 300 18px Inter,sans-serif } } @media (max-width: 990px) { .decor_attr_wrap { margin-bottom:12px; padding-bottom: 12px } } @media (max-width: 576px) { .decor_item_title { font:400 16px Inter,sans-serif } } @media (max-width: 576px) { .decor_shop_info p { font:300 14px/22px Inter,sans-serif } } @media (max-width: 576px) { .decor_right_btn { grid-template-columns:1fr; grid-gap: 14px; display: grid } } @media (max-width: 576px) { .decor_right_btn a { max-width:100%; width: 100% } } @media (max-width: 576px) { .decro_wrap_img { grid-template-columns:1fr 1fr; grid-gap: 10px } } @media (max-width: 576px) { .decro_wrap_img img { height:165px } } @media (max-width: 576px) { .decor_attr_wrap { display:grid; grid-template-columns: 1fr; grid-gap: 6px } } .right_attr_item strong { font-weight: 500 } .decor_warning_text span { font: 400 14px/22px Inter,sans-serif } .our-team__title { margin: 0 0 16px; font: 300 22px/30px Inter,sans-serif } .our-team__wrap { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 26px 60px } @media (max-width: 900px) { .our-team__wrap { grid-template-columns:repeat(2,1fr); grid-gap: 22px } } @media (max-width: 576px) { .our-team__wrap { grid-template-columns:1fr } } .our-team__item { display: grid; grid-template-columns: 60px 1fr; grid-gap: 15px } @media (max-width: 900px) { .our-team__item { grid-gap:14px } } .our-team__info { display: flex; flex-direction: column; align-items: flex-start; justify-content: center } .our-team__img { margin: 0 auto; display: block; height: 60px; width: 60px; border-radius: 50%; max-width: 100% } .our-team__name { margin: 0 0 2px; color: #000; font: 400 14px/22px Inter,sans-serif } .our-team__skill { margin: 0; color: #B7B7B7; font: 300 14px/22px Inter,sans-serif } .lk_preorder_table.lk_pages_table .lk_table_title,.lk_preorder_table.lk_pages_table .lk_table_item { grid-template-columns: minmax(300px,1fr) 1.5fr 160px 100px } @media (max-width: 900px) { .lk_preorder_table.lk_pages_table .lk_table_title,.lk_preorder_table.lk_pages_table .lk_table_item { grid-template-columns:1fr 1fr } .lk_preorder_table.lk_pages_table .lk_table_title p:first-child,.lk_preorder_table.lk_pages_table .lk_table_item p:first-child { grid-column: span 2/auto } .lk_preorder_table.lk_pages_table .lk_table_title p:nth-child(2),.lk_preorder_table.lk_pages_table .lk_table_title p:nth-child(3),.lk_preorder_table.lk_pages_table .lk_table_item p:nth-child(2),.lk_preorder_table.lk_pages_table .lk_table_item p:nth-child(3) { grid-column: auto } } @media (max-width: 900px) { .lk_preorder_table.lk_pages_table .lk_table_title p:nth-child(1)::before,.lk_preorder_table.lk_pages_table .lk_table_item p:nth-child(1)::before { display:none } } @media (max-width: 900px) { .lk_preorder_table.lk_pages_table .lk_table_title p:nth-child(2)::before,.lk_preorder_table.lk_pages_table .lk_table_item p:nth-child(2)::before { display:none } } .pagecreate-form { display: grid; grid-template-columns: 3fr 3fr minmax(165px,1fr); grid-gap: 16px 18px } @media (max-width: 834px) { .pagecreate-form { grid-template-columns:1fr } } .pagecreate-form__item > p { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } @media (max-width: 768px) { .pagecreate-form__item > p { margin:0 0 6px } } .pagecreate-form__item input { width: 100%; font: 400 14px/22px Inter,sans-serif; padding: 9px 14px; border: 1px solid #EBEBEB; border-radius: 5px; background: #FFF; color: #000 } .pagecreate-form__item input::placeholder { color: #B7B7B7 } .pagecreate-form__item textarea { padding: 9px 14px; width: 100%; color: #000; border-radius: 5px; background: #fff; min-height: 165px; resize: none; font: 400 14px/22px Inter,sans-serif; border: 1px solid #EBEBEB } @media (max-width: 768px) { .pagecreate-form__item textarea { min-height:190px } } .pagecreate-form__item textarea::placeholder { color: #B7B7B7 } .pagecreate-form__item textarea::-webkit-scrollbar { width: 5px; border-radius: 10px } .pagecreate-form__item textarea::-webkit-scrollbar-track { background-color: #EBEBEB; border-radius: 10px; margin: 10px 0 } .pagecreate-form__item textarea::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b7b7b7 } .pagecreate-form__item:nth-last-child(2) { grid-column: span 3/auto } @media (max-width: 834px) { .pagecreate-form__item:nth-last-child(2) { grid-column:1 } } .pagecreate-form .lk_form_button { margin-top: 0 } .pagecreate-form .lk_form_button .checkbox { margin-bottom: 16px } @media (max-width: 768px) { .team .team_title.pagecreate-title { margin-bottom:8px } } .profile_lk { margin-top: 16px; margin-bottom: 60px } @media (max-width: 900px) { .profile_lk { margin-top:14px; margin-bottom: 50px } } .profile_lk .profile_lk_top { display: grid; grid-template-columns: 100px 380px; grid-gap: 18px; align-items: center; margin-bottom: 18px } @media (max-width: 576px) { .profile_lk .profile_lk_top { grid-template-columns:80px 1fr; grid-gap: 12px; margin-bottom: 20px } } @media (max-width: 355px) { .profile_lk .profile_lk_top { grid-template-columns:1fr } } .profile_lk .profile_lk_top img { max-width: 100%; height: 100px; width: 100px; border-radius: 50%; object-fit: cover } @media (max-width: 576px) { .profile_lk .profile_lk_top img { height:80px; width: 80px } } .profile_lk .profile_lk_top .profile_name { margin: 0 0 16px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 576px) { .profile_lk .profile_lk_top .profile_name { margin-bottom:10px } } .profile_lk .profile_lk_top .profile_attr_wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 50px } @media (max-width: 576px) { .profile_lk .profile_lk_top .profile_attr_wrap { grid-gap:10px } } .profile_lk .profile_lk_top .profile_attr_wrap p { margin: 0; white-space: nowrap } .profile_lk .profile_lk_top .profile_attr_wrap p:first-child { margin-bottom: 6px; font: 400 14px/22px Inter,sans-serif } @media (max-width: 576px) { .profile_lk .profile_lk_top .profile_attr_wrap p:first-child { margin-bottom:3px } } .profile_lk .profile_lk_top .profile_attr_wrap p:last-child { font: 400 14px/22px Inter,sans-serif } @media (max-width: 576px) { .profile_lk .profile_lk_top .profile_attr_wrap p:last-child { font:700 14px/22px Inter,sans-serif } } .profile_lk .profile_lk_form { display: flex; flex-direction: column; margin-bottom: 18px } .profile_lk .profile_lk_form .profile_lk_title { margin: 0; margin-bottom: 10px; font: 400 14px/22px Inter,sans-serif } .profile_lk .profile_lk_form textarea { padding: 10px 14px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 10px; max-width: 520px; width: 100%; box-sizing: border-box; resize: none; margin-bottom: 12px; appearance: none; height: 108px; outline: none; font: 400 14px/22px Inter,sans-serif } @media (max-width: 576px) { .profile_lk .profile_lk_form textarea { max-width:100% } } .profile_lk .profile_lk_form textarea::placeholder { color: #B7B7B7 } .profile_lk .profile_lk_form button { max-width: 190px; width: 190px; padding: 8px 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; text-decoration: none; color: #fff; background: #000; transition: .3s } @media (max-width: 576px) { .profile_lk .profile_lk_form button { max-width:100%; width: 100%; box-sizing: border-box } } .profile_lk .profile_lk_form button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .profile_lk .profile_lk_review .profile_review_title { font: 400 14px/22px Inter,sans-serif; padding-bottom: 10px; margin: 0; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .profile_lk .profile_lk_review .profile_review_title { padding:0; margin-bottom: 16px; border: none } } .profile_lk .profile_lk_review .profile_review_item { padding: 16px 0; border-bottom: 1px solid #EBEBEB; grid-template-columns: 50px 1fr; grid-gap: 20px; display: grid } @media (max-width: 900px) { .profile_lk .profile_lk_review .profile_review_item { grid-gap:13px } } .profile_lk .profile_lk_review .profile_review_item img { max-width: 100%; height: 50px; width: 50px; border-radius: 50%; object-fit: cover } .profile_lk .profile_lk_review .profile_review_item .profile_review_info { position: relative } .profile_lk .profile_lk_review .profile_review_item .profile_review_info .pofile_review_name { color: #B7B7B7; margin: 0 0 6px; font: 400 14px/22px Inter,sans-serif } .profile_lk .profile_lk_review .profile_review_item .profile_review_info .profile_review_text { margin: 0; font: 300 14px/22px Inter,sans-serif } .profile_lk .profile_lk_review .profile_review_item .profile_review_info .profile_review_data { color: #B7B7B7; position: absolute; font: 400 14px/22px Inter,sans-serif; right: 0; top: 0; margin: 0 } @media (max-width: 900px) { .profile_lk .profile_lk_review .profile_review_item .profile_review_info .profile_review_data { margin:6px 0 0; position: relative } } .review_top .shop_panel_info { margin: 0 } .review .review_panel_select { width: 100% } .review .review_panel_select .filter-select { padding: 10.5px 14px } .review .filter-select__box:after { top: 16.5px } .shop_main.review_top + .review { margin-bottom: 24px } @media (max-width: 834px) { .shop_main.review_top + .review { margin-top:6px } } .review_top .shop_panel_img { height: 60px } .review_top .shop_panel_img img { height: 60px; width: 60px } .review_top .shop_panel_link { display: inline-block } .review_top .shop_panel_title { bottom: 16px } @media (max-width: 760px) { .review_top .shop_panel_title { bottom:18px } } .review_top .shop_panel_title .shop_panel_trusted { bottom: 0 } .review_top .shop_panel_title .shop_panel_trusted .shop_panel_trusted_tooltip { top: calc(100% + 6px); bottom: auto } .review_top .shop_nav { padding-left: 45px; margin-bottom: 0 } .review_top .shop_nav--moder { padding-left: 25px } .review_top .shop_nav--moder .shop_nav_box { gap: 4px 25px } @media (max-width: 900px) { .review_top .shop_nav { padding-left:20px } } .review_top .container,.user-profile .container,.forum-profile .container { padding: 0 10px 14px; margin-bottom: 14px; width: 100%; position: relative } .review_top .container:after,.user-profile .container:after,.forum-profile .container:after { position: absolute; content: ""; left: 10px; bottom: 0; height: 1px; width: calc(100% - 20px); background: #EBEBEB } @media (max-width: 760px) { .review_top .container:after,.user-profile .container:after,.forum-profile .container:after { display:none } } .forum-profile .shop_nav { margin-bottom: 0 } .review_wrap { display: grid; grid-template-columns: minmax(100px,1fr) 340px; grid-gap: 0 50px } .review_wrap input[type=checkbox] { display: none } .review_wrap input[type=checkbox]:checked ~ .review_panel { display: block } .review_comments_star { display: flex; align-items: center; float: left } .review_comments_star .city { max-width: 350px; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; margin-right: 10px } .review_comments_reply,.review_comments_edit { float: right; font: 300 14px Inter,sans-serif; color: #B7B7B7 } .review_comments_reply:hover,.review_comments_edit:hover { text-decoration: none } @media screen and (max-width: 991px) { .review_comments_reply { margin-top:10px; float: none } } .review_comments_cancel { float: right; font: 300 14px Inter,sans-serif; color: #B7B7B7; margin-right: 8px } .review_comments_cancel:hover { text-decoration: none } .review_comments_textarea { border: 1px solid #EBEBEB; background: #FFF; padding: 9px 14px; font: 400 14px/22px Inter,sans-serif; color: #000; width: 100%; border-radius: 10px; min-height: 108px; resize: none; margin: 0 0 10px } .review_comments_textarea::placeholder { color: #b7b7b7 } .review_comments_star svg { margin-right: 3px; min-width: 15px } .city { color: #B7B7B7; position: relative; top: 1px; margin: 0 0 0 5px; font: 300 14px Inter,sans-serif } .review_sidebar { background: #F9F9F9; margin-top: 37px; border-radius: 10px; padding: 15px 20px; grid-row: span 2/auto; order: 2; height: fit-content } .review_sidebar_top { display: flex; align-items: center; margin-bottom: 8px } .review_sidebar_count { font: 300 22px Inter,sans-serif; color: #434343; margin: 0 12px 0 0 } .review_sidebar_star { display: flex; align-items: center } .review_sidebar_star svg { margin-right: 4px } .review_sidebar_text { color: #000; padding-left: 43px; margin: 0 0 15px; font: 300 14px Inter,sans-serif } .review_col_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 22px } .review_col_box { display: grid; grid-template-columns: 30px 1fr 25px; grid-gap: 10px; align-items: center } .review_star_left { display: flex; align-items: center } .review_star_left p { font: 300 14px Inter,sans-serif; color: #000; margin: 0 5px 0 0 } .review_star_right p { margin: 0; font: 300 14px Inter,sans-serif; color: #000 } .review_star_progressbar { height: 14px; width: 100%; box-sizing: border-box; background: #EBEBEB; position: relative } .review_star_progressbar span { background: #434343; height: 14px; z-index: 2; position: absolute; top: 0; left: 0; bottom: 0 } .review_title { margin: 0 0 11px; font: 400 22px Inter,sans-serif } .review_panel_wrap { display: grid; grid-template-columns: 1fr 1fr 200px; grid-gap: 16px; margin-bottom: 20px; padding-bottom: 17px; border-bottom: 1px solid #EBEBEB } .review_panel_btn { width: 100%; max-width: 100%; text-decoration: none; padding: 8.5px 8px; display: block; color: #000; text-align: center; border: 1px solid #000; border-radius: 5px; transition: .3s; font: 400 14px/21px Inter,sans-serif } .review_panel_btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .review_panel_select .select-custom,.review_panel_select .select-box { font-size: 14px; line-height: 22px } .review_panel_select .select-custom__input-text,.review_panel_select .select-box__input-text { font: 300 14px/21px Inter,sans-serif; color: #B7B7B7; padding: 8.5px 14px; border-radius: 5px } .review_panel_select .select-custom__input-text span,.review_panel_select .select-box__input-text span { color: #000; margin-left: 4px } .review_panel_select .select-custom__list,.review_panel_select .select-box__list { padding: 10px 16px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.15) } .review_panel_select .select-custom__option,.review_panel_select .select-box__option { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 10px } .review_panel_select .select-custom svg,.review_panel_select .select-box svg { position: absolute; right: 14px; top: 15px } .review_panel { position: relative } .review_panel.active { display: block } @media (max-width: 990px) { .review_panel { height:auto; z-index: 2 } } .review_сomments { order: 3 } .review_сomments_box { margin-bottom: 18px; padding-bottom: 20px; border-bottom: 1px solid #EBEBEB } .review_comments_item { display: grid; grid-template-columns: 50px 1fr; grid-gap: 20px; position: relative } .review_comments_item img { width: 50px; max-width: 50px; height: 50px; max-height: 50px; object-fit: cover; border-radius: 50% } .review_comments_title { max-width: 100%; display: flex; align-items: center; flex-wrap: nowrap; gap: 12px; margin: 0 0 8px; font: 300 14px Inter,sans-serif } @media screen and (min-width: 768px) { .review_comments_title { max-width:calc(100% - 200px) } } .review_comments_title span.review_comments_name { color: #B7B7B7; white-space: nowrap; max-width: 100% } .review_comments_title > span:not(.review_comments_name) { font: 400 14px Inter,sans-serif; color: #000; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } .review_comments_text { font: 300 14px/22px Inter,sans-serif; color: #000; margin: 0 0 15px; word-break: break-word; color: var(--data-color) } .review_comments_data { position: absolute; right: 0; font: 300 14px/17px Inter,sans-serif; top: 0; margin: 0; color: #B7B7B7 } .review_comments_data span { margin-right: 8px } .admin_comment { border: none; padding: 18px 0 0; margin: 20px 0 0 65px; border-top: 1px solid #EBEBEB } .admin_comment .review_comments_text { margin: 0 } .admin_comment .review_comments_data { top: 13px } @media (max-width: 1200px) { .review_wrap { grid-gap:0 30px } } @media (max-width: 1200px) { .review_panel_wrap { grid-template-columns:1fr 1fr 190px } } @media (max-width: 990px) { .review_sidebar { grid-column-start:auto; grid-row-start: 1 } } @media (max-width: 990px) { .review_сomments { margin-top:0 } } @media (max-width: 990px) { .review_wrap { grid-template-columns:1fr; grid-gap: 15px } } @media (max-width: 990px) { .review .container { padding:0 } } @media (max-width: 990px) { .review_сomments { padding:0 35px } } @media (max-width: 990px) { .review_panel { padding:0 35px } } @media (max-width: 990px) { .review_sidebar_wrap { max-width:320px; margin: 0 auto } } .filter_btn_call { display: none } @media (max-width: 990px) { .review_sidebar { margin-top:0 } } @media (max-width: 760px) { .review_top .container { width:100% } } @media (max-width: 760px) { .filter_btn_call { display:block; margin-top: 10px; text-align: center; width: 100%; box-sizing: border-box; border: 1px solid #EBEBEB; border-radius: 5px; color: #000; text-decoration: none; padding: 10px; font: 300 14px Inter,sans-serif } } @media (max-width: 760px) { .review_panel_text span:first-child { display:none } } @media (max-width: 760px) { .review_сomments { padding:0 10px } } @media (max-width: 760px) { .review_top .shop_nav { padding:0 10px } } @media (max-width: 834px) { .review_top .container { margin:0 0 4px } } @media (max-width: 760px) { .review_top .container { padding:0; border: none } } @media (max-width: 760px) { .review_panel { display:none; position: fixed; z-index: 21; left: 0; right: 0; top: 0; bottom: 0; box-sizing: border-box; height: 100%; width: 100%; background: #fff; padding: 20px 10px } } @media (max-width: 760px) { .review_title { display:none } } @media (max-width: 760px) { .review_panel_wrap { grid-template-columns:1fr; grid-gap: 15px; margin: 0; padding: 0; border: none; margin-top: 15px } } @media (max-width: 760px) { .review_comments_data { position:relative; right: auto; top: auto; margin-top: 10px } } @media (max-width: 760px) { .admin_comment { padding-top:12px; margin-top: 14px } } @media (max-width: 760px) { .admin_comment .review_comments_data { top:0 } } @media (max-width: 760px) { .review_comments_item { grid-gap:14px } } @media (max-width: 760px) { .review_comments_text { margin-bottom:11px } } @media (max-width: 760px) { .review_сomments_box { margin-bottom:14px; padding-bottom: 12px } } .lk_rights { margin-top: 18px; padding-top: 18px; border-top: 1px solid #EBEBEB } .rights .lk_rights_title,.lk_rights .lk_rights_title { margin: 16px 0 12px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .rights .lk_rights_title,.lk_rights .lk_rights_title { font:300 20px/30px Inter,sans-serif; margin: 0 0 8px } } .rights .form_rights .form_rights_box,.lk_rights .form_rights .form_rights_box { margin-bottom: 16px } @media (max-width: 900px) { .rights .form_rights .form_rights_box,.lk_rights .form_rights .form_rights_box { margin-bottom:12px } } .rights .form_rights .form_rights_box .form_rights_label,.lk_rights .form_rights .form_rights_box .form_rights_label { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } @media (max-width: 900px) { .rights .form_rights .form_rights_box .form_rights_label,.lk_rights .form_rights .form_rights_box .form_rights_label { margin:0 0 6px } } .rights .form_rights .form_rights_box input,.lk_rights .form_rights .form_rights_box input { width: 100%; max-width: 420px; box-sizing: border-box; padding: 9px 12px; appearance: none; outline: none; border: 1px solid #EBEBEB; font: 400 14px/22px Inter,sans-serif; background: #fff; border-radius: 5px } .rights .form_rights .form_rights_box input::placeholder,.lk_rights .form_rights .form_rights_box input::placeholder { color: #b7b7b7 } @media (max-width: 576px) { .rights .form_rights .form_rights_box input,.lk_rights .form_rights .form_rights_box input { max-width:100% } } .rights .form_rights .form_rights_box input:focus,.lk_rights .form_rights .form_rights_box input:focus { color: #000; border: 1px solid #000 } .rights .rights_checkbox_wrap p,.lk_rights .rights_checkbox_wrap p { margin: 0 } .rights .rights_checkbox_wrap .rights_checkbox_title,.lk_rights .rights_checkbox_wrap .rights_checkbox_title { margin: 0 0 14px; font: 400 18px/26px Inter,sans-serif } .rights .rights_checkbox_wrap .checkbox label::after,.lk_rights .rights_checkbox_wrap .checkbox label::after { top: 0 } .rights .rights_checkbox_wrap .checkbox label svg,.lk_rights .rights_checkbox_wrap .checkbox label svg { top: 5.5px } .rights .rights_checkbox_wrap .checkbox label p,.lk_rights .rights_checkbox_wrap .checkbox label p { font: 300 14px/22px Inter,sans-serif } .rights .rights_checkbox_wrap .checkbox_sm_wrap,.lk_rights .rights_checkbox_wrap .checkbox_sm_wrap { margin-top: 16px; padding-left: 25px; display: grid; grid-template-columns: 1fr; grid-gap: 16px } .rights .rights_checkbox_wrap .rights_checkbox_item_xl .call_hide_checkbox label::after,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl .call_hide_checkbox label::after { top: 2.5px } .rights .rights_checkbox_wrap .rights_checkbox_item_xl .call_hide_checkbox label svg,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl .call_hide_checkbox label svg { top: 8px } .rights .rights_checkbox_wrap .rights_checkbox_item_xl .call_hide_checkbox label p,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl .call_hide_checkbox label p { font: 400 18px/26px Inter,sans-serif } .rights .rights_checkbox_wrap .rights_checkbox_item_xl input:checked + .call_hide_checkbox label:after,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl input:checked + .call_hide_checkbox label:after { background: #000; border-color: #000 } .rights .rights_checkbox_wrap .rights_checkbox_item_xl input:checked + .call_hide_checkbox label svg,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl input:checked + .call_hide_checkbox label svg { opacity: 1 } .rights .rights_checkbox_wrap .rights_checkbox_item_xl .checkbox_wrap_hide,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl .checkbox_wrap_hide { display: none; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px 50px } @media (max-width: 768px) { .rights .rights_checkbox_wrap .rights_checkbox_item_xl .checkbox_wrap_hide,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl .checkbox_wrap_hide { grid-template-columns:1fr; grid-gap: 18px } } .rights .rights_checkbox_wrap .rights_checkbox_item_xl input:checked ~ .checkbox_wrap_hide,.lk_rights .rights_checkbox_wrap .rights_checkbox_item_xl input:checked ~ .checkbox_wrap_hide { display: grid } .rights .rights_checkbox_wrap .rights_checkbox_box,.lk_rights .rights_checkbox_wrap .rights_checkbox_box { display: grid; grid-template-columns: 1fr; grid-gap: 18px; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .rights .rights_checkbox_wrap .rights_checkbox_box,.lk_rights .rights_checkbox_wrap .rights_checkbox_box { margin-bottom:15px; padding-bottom: 20px; grid-gap: 16px } } .rights .rights_checkbox_wrap .border_none,.lk_rights .rights_checkbox_wrap .border_none { border: none; padding: 0; margin-bottom: 23px } @media (max-width: 900px) { .rights .rights_checkbox_wrap .border_none,.lk_rights .rights_checkbox_wrap .border_none { margin-bottom:18px } } .rights .form_rights_btn,.lk_rights .form_rights_btn { max-width: 165px; width: 100%; padding: 8px 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; text-decoration: none; color: #fff; background: #000; transition: .3s } @media (max-width: 576px) { .rights .form_rights_btn,.lk_rights .form_rights_btn { max-width:100%; width: 100%; box-sizing: border-box } } .rights .form_rights_btn:hover,.lk_rights .form_rights_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 900px) { .sale .my_order_nav { margin-bottom:10px } } .sale_group .sale_title { margin: 16px 0 12px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .sale_group .sale_title { font:300 20px/30px Inter,sans-serif; margin-bottom: 0 } .sale_group .sale_title + .services_desc { margin-top: 12px } .sale_group .sale_title:first-child { margin-top: 0 } } .sale_group .sale_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 14px } @media (max-width: 768px) { .sale_group .sale_btn_wrap { justify-content:center } } .sale_group .sale_btn_wrap a { padding: 9px; max-width: 170px; height: 40px; font: 400 14px/22px Inter,sans-serif; width: 100%; display: flex; align-items: center; justify-content: center; color: #000; box-sizing: border-box; text-decoration: none; border: 1px solid #000; border-radius: 5px; text-align: center; transition: .3s } @media (max-width: 768px) { .sale_group .sale_btn_wrap a { max-width:100% } } .sale_group .sale_btn_wrap a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .sale_group .sale_table .lk_table_title { grid-template-columns: 5fr 1fr 1fr 2fr } @media (max-width: 1200px) { .sale_group .sale_table .lk_table_title { grid-template-columns:3fr 1fr 1fr 2fr } } @media (max-width: 900px) { .sale_group .sale_table .lk_table_title { display:none } } .sale_group .sale_table .lk_table_title p { white-space: nowrap } .sale_group .sale_table .lk_table_item { align-items: center; grid-template-columns: 5fr 1fr 1fr 2fr } @media (max-width: 1200px) { .sale_group .sale_table .lk_table_item { grid-template-columns:3fr 1fr 1fr 2fr } } @media (max-width: 900px) { .sale_group .sale_table .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 8px } } @media (max-width: 900px) { .sale_group .sale_table .lk_table_item p:nth-child(1) { grid-column-start:1; grid-column-end: 3 } } .sale_group .sale_table .lk_table_item p:nth-child(1)::before { display: none } @media (max-width: 900px) { .sale_group .sale_table .lk_table_item p:nth-child(2) { padding:0 } } .sale_group .sale_table .lk_table_item p:nth-child(3) { display: flex } .sale_group .sale_table_2 .lk_table_title { grid-template-columns: 1.9fr 4.5fr 0.7fr 0.7fr 1fr } @media (max-width: 900px) { .sale_group .sale_table_2 .lk_table_title { display:none } } .sale_group .sale_table_2 .lk_table_title p { white-space: nowrap } .sale_group .sale_table_2 .lk_table_item { grid-template-columns: 1.9fr 4.5fr 0.7fr 0.7fr 1fr } @media (max-width: 900px) { .sale_group .sale_table_2 .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 8px } } .sale_group .sale_table_2 .lk_table_item > p { padding-top: 5px } @media (max-width: 900px) { .sale_group .sale_table_2 .lk_table_item > p { padding-top:0 } .sale_group .sale_table_2 .lk_table_item > p:nth-child(1) { grid-column: span 2/auto } .sale_group .sale_table_2 .lk_table_item > p:nth-child(2) { order: -1; grid-column: span 2/auto; padding-left: 0 } .sale_group .sale_table_2 .lk_table_item > p:nth-child(3) { display: flex } .sale_group .sale_table_2 .lk_table_item > p:nth-child(4) { padding-left: 0 } } .sale_group_add { display: grid; grid-gap: 16px } @media (max-width: 900px) { .sale_group_add { margin-top:8px } } @media (max-width: 768px) { .sale_group_add { grid-gap:12px } } .sale_group_add .sale_group_row { display: grid; grid-template-columns: 346px 130px 25px; grid-gap: 16px; align-items: flex-end } @media (max-width: 768px) { .sale_group_add .sale_group_row { grid-template-columns:1fr 31px; grid-gap: 10px } .sale_group_add .sale_group_row:first-child { grid-template-columns: 1fr; padding-right: 43px } .sale_group_add .sale_group_row .sale_form_box:nth-child(2) { order: 3 } } .sale_group_add .sale_group_row .delete_order { height: 25px; width: 25px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-bottom: 7.5px } @media (max-width: 900px) { .sale_group_add .sale_group_row .delete_order { height:31px; width: 31px; margin-bottom: 4.5px } } @media (max-width: 768px) { .sale_group_add .sale_group_row .delete_order { grid-row:span 2/auto; order: 2 } } .sale_group_add .sale_form_label { font: 400 14px/22px Inter,sans-serif; margin: 0 0 8px } @media (max-width: 768px) { .sale_group_add .sale_form_label { margin:0 0 6px } } .sale_group_add .sale_form_input { width: 100%; max-width: 100%; box-sizing: border-box; padding: 8px 14px; height: 40px; font: 400 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; appearance: none; outline: none } .sale_group_add .sale_form_input::placeholder { color: #B7B7B7 } .sale_group_add .sale_form_btn { order: 1; display: grid; grid-template-columns: 165px 165px; grid-gap: 16px } .sale_group_add .sale_form_btn .sale_form_apply_all { background: transparent; border: 1px solid #000; color: #000 } @media (max-width: 576px) { .sale_group_add .sale_form_btn { grid-template-columns:1fr; grid-gap: 14px } } .sale_group_add .sale_form_btn a { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px; width: 100%; color: #000; appearance: none; outline: none; text-decoration: none; transition: .3s; text-align: center; box-sizing: border-box } .sale_group_add .sale_form_btn a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .sale_group_add .sale_form_btn button { width: 100%; height: 40px; background: #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; outline: none; appearance: none; color: #fff } @media (max-width: 768px) { .sale_group_add .sale_form_btn button { max-width:100% } } .sale_group_add .sale_form_btn button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .sale_group_add .sale_form_notify { order: 2; font: 300 14px/22px Inter,sans-serif; margin: 0 } .sale .sale_group_add_pad .sale_group_row { padding: 0 } @media (max-width: 990px) { .services_color .services_title { display:none } } .services_desc { font: 300 14px/22px Inter,sans-serif; margin: 0 } .services_content { margin-top: 16px; display: grid; grid-template-columns: 300px 1fr; grid-gap: 30px } @media (max-width: 768px) { .services_content { grid-template-columns:1fr; justify-content: center; grid-gap: 16px } } .services_content .shop-card-item { border: 1px solid #EBEBEB; border-radius: 10px; width: 300px } .services_select-title { font: 300 14px/22px Inter,sans-serif; color: #B7B7B7; margin: 0 0 10px } .services_select-color { display: flex; align-items: center; gap: 3px } .services_select-color input { appearance: none; outline: none; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer } .services_select-color span { padding-top: 3px; font: 300 12px/20px Inter,sans-serif; color: #B7B7B7 } .services_select-btn { margin-top: 14px; display: block; padding: 10px; font: 300 14px/22px Inter,sans-serif; color: #fff; background: #000; border-radius: 5px; transition: .2s; width: 140px } .services_select-btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .services .services_title { margin: 16px 0 14px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .services .services_title { margin:0 0 10px; font: 300 20px/30px Inter,sans-serif } } .services .services_form_label { margin-bottom: 8px; font: 400 14px/22px Inter,sans-serif } .services .services_form_input { width: 100%; max-width: 290px; box-sizing: border-box; padding: 8px 14px; height: 40px; font: 400 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; margin-bottom: 16px; appearance: none; outline: none } @media (max-width: 768px) { .services .services_form_input { max-width:100% } } .services .services_form_input::placeholder { color: #B7B7B7 } .services .services_form_btn { max-width: 165px; height: 40px; width: 100%; background: #000; border-radius: 5px; font: 400 14px/22px Inter,sans-serif; outline: none; display: block; appearance: none; color: #fff } @media (max-width: 768px) { .services .services_form_btn { max-width:100% } } .services .services_form_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .services .services_attr_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 12px; margin-bottom: 16px } @media (max-width: 900px) { .services .services_attr_wrap { grid-gap:14px } } .services .services_attr_wrap p { font: 400 14px/22px Inter,sans-serif; color: #B7B7B7; margin: 0 } .services .services_attr_wrap p span { color: #000 } .services_main .lk_right { display: flex; flex-direction: column; justify-content: space-between } @media (max-width: 900px) { .services_main .lk_wrap .my_order_nav { margin:10px 0 12px } } @media (max-width: 834px) { .services_main .lk_wrap .my_order_nav { margin-top:0 } } .services_main .services_title { margin: 16px 0 14px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .services_main .services_title { margin:0; font: 700 20px/30px Inter,sans-serif } } .services_main .lk_preorder_table { margin-bottom: auto } @media (max-width: 900px) { .services_main .lk_preorder_table { margin-bottom:60px } } .services_main .instant_all_title { margin: 0 0 10px; font: 700 16px/24px Inter,sans-serif } .services_main .lk_table_title { display: grid; grid-template-columns: 1fr 1fr 350px } @media (max-width: 900px) { .services_main .lk_table_title { display:none } } .services_main .lk_table_item { display: grid; grid-template-columns: 1fr 1fr 350px; align-items: center } @media (max-width: 900px) { .services_main .lk_table_item { grid-template-columns:1fr } } .services_main .lk_table_item .select-box__input-text { display: none; background: #fff } .services_main .lk_table_item .select-box__option { display: flex } .services_main .lk_table_item .select-box__option span { margin-left: 5px } .services_main .lk_table_item .select-box__input:checked + .select-box__input-text { display: flex } .services_main .lk_table_item p:nth-child(1)::before { display: none } .services_main .lk_table_item .order_select { margin: 0 } .services_main .lk_table_item .order_select_box { width: 225px; max-width: 100% } @media (max-width: 900px) { .services_main .lk_table_item .order_select_box { width:100%; box-sizing: border-box } } .services_main .lk_table_item .order_select_box .select-box__input-text { height: 32px } .services_main .lk_table_item .order_select_box .gray_text span { color: #B7B7B7 } .services_main .lk_table_item .order_select_box svg { top: 14px } .services_main .lk_table_item .services_table_box { display: flex; align-items: center } @media (max-width: 900px) { .services_main .lk_table_item .services_table_box { display:grid; grid-template-columns: 1fr } } .services_main .lk_table_item .services_table_box .services_btn { margin-left: 20px; background: #FFF; padding: 5px; color: #000; max-width: 105px; width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 32px; font: 400 14px/22px Inter,sans-serif; border: 1px solid #EBEBEB; text-decoration: none; border-radius: 5px; transition: .3s } @media (max-width: 900px) { .services_main .lk_table_item .services_table_box .services_btn { max-width:100%; margin: 0; margin-top: 10px } } .services_main .lk_table_item .services_table_box .services_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .setting_file .setting_file_title { margin: 16px 0 12px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .setting_file .setting_file_title { margin:0 0 8px; font: 300 20px/30px Inter,sans-serif } } .setting_file .form_file_wrap { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #EBEBEB; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px } @media (max-width: 900px) { .setting_file .form_file_wrap { grid-template-columns:1fr; grid-gap: 16px } } @media (max-width: 900px) { .setting_file .border_mob { border-bottom:none; padding: 0 } } .setting_file .setting_input_sm p { margin: 14px 0; font: 400 14px/22px Inter,sans-serif } .setting_file .setting_form_box { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .setting_file .setting_form_box { padding:0; border-bottom: none } } .setting_file .setting_form_box .setting_form_label { margin: 0 0 14px; font: 400 14px/22px Inter,sans-serif } .setting_file .setting_form_box .setting_label { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .setting_file .setting_form_box .setting_input { width: 100%; max-width: 350px; box-sizing: border-box; padding: 8px 14px; height: 40px; font: 400 14px/22px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; appearance: none; outline: none } @media (max-width: 900px) { .setting_file .setting_form_box .setting_input { max-width:100% } } .setting_file .setting_form_box .setting_input::placeholder { color: #B7B7B7 } .setting_file button { width: 100%; height: 40px; background: #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; outline: none; appearance: none; color: #fff; max-width: 180px } @media (max-width: 768px) { .setting_file button { max-width:100% } } .setting_file button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .setting_file .settings-forms__title { font: 400 14px/22px Inter,sans-serif } .setting_file .form_file_img { height: 60px; width: 60px; max-width: 100%; object-fit: cover; margin-bottom: 14px } .setting_file .form_file_img_2 { height: auto; width: 100%; max-width: 700px; min-width: 650px; margin-bottom: 14px } @media (max-width: 900px) { .setting_file .form_file_img_2 { max-width:100%; min-width: auto } } .setting_file .settings-forms__image { max-width: 340px } @media (max-width: 900px) { .setting_file .settings-forms__image { max-width:100% } } .settings-title { font: 400 22px/30px Inter,sans-serif; color: #000; margin: 0 0 16px } .settings-main { display: flex } .settings-main__content { margin-left: 18px } @media (max-width: 768px) { .settings-main__content { margin-left:0 } } .settings-main__info { font: 400 14px/22px Inter,sans-serif; display: flex } .settings-main__info:not(:last-child) { margin-bottom: 10px } @media (max-width: 768px) { .settings-main__info:not(:last-child) { margin-bottom:8px } } .settings-main__info span.par { color: #B7B7B7; margin-right: 8px } .settings-main__info span.details { color: #000 } .settings-main__info span.details--list a { color: var(--data-color); text-decoration: none; transition: .3s } .settings-main__info span.details--list a:hover { color: #B7B7B7 } .settings-main__info span.details--list a:not(:last-child):after { content: " | "; color: #B7B7B7!important } .settings-main__info a.change { margin-left: 8px; color: #000 } .settings-main__info a.change:hover { text-decoration: none } .settings-forms { margin-top: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px 60px; max-width: 1110px; width: 100% } @media (max-width: 992px) { .settings-forms { grid-template-columns:1fr 1fr; grid-gap: 20px 60px } } @media (max-width: 768px) { .settings-forms { grid-template-columns:1fr; grid-gap: 20px; margin-top: 20px } } .settings-forms__item button { margin-top: 16px; background: #000; border: 1px solid #000; border-radius: 5px; padding: 8.5px 9px; width: 180px; color: #fff; font: 400 14px/21px Inter,sans-serif } .settings-forms__item button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 768px) { .settings-forms__item button { width:100%; margin-top: 12px } } .settings-forms__title { font: 400 14px/22px Inter,sans-serif; color: #000; margin: 0 0 10px } .settings-forms__image { border: 1px dashed #EBEBEB; border-radius: 10px; height: 125px; width: 100%; position: relative; width: 100% } .settings-forms__image input[type=file] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer } .settings-forms__image .file-dummy .success { display: none } .settings-forms__image:hover .file-dummy { background: rgba(255,255,255,0.1) } .settings-forms__image input[type=file]:valid + .file-dummy .success { display: flex } .settings-forms__image input[type=file]:valid + .file-dummy .default { display: none } .settings-forms__image .add-info { font: 400 14px/22px Inter,sans-serif; color: #B7B7B7; display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: -1 } .settings-forms__image .add-info span { white-space: nowrap } .settings-forms__image label { transition: .2s; padding: 9px; cursor: pointer; position: absolute; left: 50%; top: 14px; transform: translateX(-50%); min-width: 180px; font: 400 14px/22px Inter,sans-serif; color: #000 } .settings-forms__image label.default { border: 1px solid #000; border-radius: 5px; text-align: center } .settings-forms__image label.default:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .settings-forms__image label.success { align-items: center; justify-content: center; z-index: -1; white-space: nowrap } .settings-forms__image label.success svg { margin-right: 6px } .settings-forms input:not(#profile-pic),.settings-forms textarea { background: #FFF; border: 1px solid #000; padding: 9px 14px; font: 400 14px/22px Inter,sans-serif; color: #000; width: 100% } .settings-forms input:not(#profile-pic):not(:last-of-type),.settings-forms textarea:not(:last-of-type) { margin-bottom: 12px } .settings-forms input:not(#profile-pic)::placeholder,.settings-forms textarea::placeholder { color: #b7b7b7 } .settings-forms input:not(#profile-pic):placeholder-shown,.settings-forms textarea:placeholder-shown { border: 1px solid #EBEBEB } .settings-forms input:not(#profile-pic):focus,.settings-forms textarea:focus { color: #000; border: 1px solid #000 } .settings-forms__input { border-radius: 5px } .settings-forms__textarea { border-radius: 10px; min-height: 125px; resize: none } .settings-forms__textarea::-webkit-scrollbar { width: 5px; border-radius: 10px } .settings-forms__textarea::-webkit-scrollbar-track { background-color: #EBEBEB; border-radius: 10px; margin: 10px 0 } .settings-forms__textarea::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #b7b7b7 } .settings-forms__prompt { font: 400 14px/22px Inter,sans-serif; margin: 12px 0 0; color: #B7B7B7 } @media (max-width: 768px) { .settings-forms__prompt { margin:10px 0 0 } } .team .team_title { margin: 16px 0 14px; font: 300 22px/30px Inter,sans-serif } @media (max-width: 900px) { .team .team_title { font:300 20px/30px Inter,sans-serif; margin: 0 0 12px } } @media (max-width: 768px) { .team .team_title { margin:0 } } .team .my_order_nav { margin-bottom: 12px } .team .lk_preorder_table_2 .lk_table_title { grid-template-columns: 2fr 3fr 2fr } @media (max-width: 900px) { .team .lk_preorder_table_2 .lk_table_title { display:none } } .team .lk_preorder_table_2 .lk_table_item { grid-template-columns: 2fr 4fr minmax(100px,1fr) } @media (max-width: 900px) { .team .lk_preorder_table_2 .lk_table_item { grid-template-columns:1fr; grid-gap: 8px; display: grid } } .team .lk_preorder_table_2 .lk_table_item p:first-child { display: flex; align-items: center } .team .lk_preorder_table_2 .lk_table_item p:first-child a { height: 20px; margin-right: 6px } .team .lk_preorder_table_2 .lk_table_item p:first-child a svg { width: 18px } .team .lk_preorder_table_2 .lk_table_item p { min-height: 32px } @media (max-width: 900px) { .team .lk_preorder_table_2 .lk_table_item p { min-height:1px } } .team .lk_preorder_table_2 .lk_table_item p::before { display: none } .team .lk_preorder_table_2 .lk_table_item p:nth-child(2) { color: #B7B7B7 } .team .team_add_user_box { display: flex; align-items: center; justify-content: flex-end; margin-top: 14px } @media (max-width: 576px) { .team .team_add_user_box { margin-top:8px } } .team .team_add_user_box .team_add_user { max-width: 200px; width: 100%; padding: 8px 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; text-decoration: none; color: #000; background: #fff; transition: .3s } @media (max-width: 576px) { .team .team_add_user_box .team_add_user { max-width:100%; width: 100%; box-sizing: border-box } } .team .team_add_user_box .team_add_user:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .team .team_table { margin-bottom: 30px } @media (max-width: 900px) { .team .team_table { margin-bottom:22px } } .team .team_form_title { font: 300 22px/30px Inter,sans-serif; margin: 0 0 14px } @media (max-width: 900px) { .team .team_form_title { font:300 20px/30px Inter,sans-serif; margin: 0 0 12px } } .team .team_form { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px } @media (max-width: 768px) { .team .team_form { grid-gap:18px; grid-template-columns: 1fr } } .team .team_form .team_form_box { display: grid; grid-template-columns: 1fr; grid-gap: 8px } .team .team_form .team_form_label { margin: 0; font: 300 16px/24px Inter,sans-serif } .team .team_form textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; background: #FFF; margin: 0; resize: none; height: 150px; font: 300 14px/22px Inter,sans-serif; border: 1px solid #EBEBEB; border-radius: 5px } .team .team_form textarea::placeholder { color: #B7B7B7 } .team .team_form .team_form_box_xl { grid-column-start: 1; grid-column-end: 3; grid-gap: 8px; display: grid } @media (max-width: 768px) { .team .team_form .team_form_box_xl { grid-column-start:auto; grid-column-end: auto } } .team .team_form .team_form_btn { display: flex; align-items: center; justify-content: flex-end; grid-column-start: 1; grid-column-end: 3 } @media (max-width: 768px) { .team .team_form .team_form_btn { grid-column-start:auto; grid-column-end: auto } } .team .team_form .team_form_btn button { max-width: 170px; width: 170px; padding: 8px 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; text-decoration: none; color: #fff; background: #000; transition: .3s } @media (max-width: 576px) { .team .team_form .team_form_btn button { max-width:100%; width: 100%; box-sizing: border-box } } .team .team_form .team_form_btn button:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 900px) { .text_section .container { padding-top:0 } } .text_section .lk_wrap { display: none } @media (max-width: 900px) { .text_section .lk_wrap { display:block } } .text_section .my_order_nav { margin: 0 } .text_section .text_section_wrap { display: grid; align-items: start; grid-template-columns: 280px 1fr; grid-gap: 27px } @media (max-width: 990px) { .text_section .text_section_wrap { grid-template-columns:1fr; grid-gap: 15px } } .text_section .text_link_wrap { display: grid; grid-template-columns: 1fr; grid-gap: 25px } @media (max-width: 900px) { .text_section .text_link_wrap { display:none } } .text_section .text_link_title { margin: 0 0 10px; font: 400 16px/24px Inter,sans-serif } .text_section .text_link_item { font: 400 14px/22px Inter,sans-serif; margin-bottom: 10px; display: block; text-decoration: none; color: #b7b7b7; transition: .3s } .text_section .text_link_item:hover { color: #000 } .text_section .text_link_item_active { color: #000 } .text_section .text_output h1 { color: #000; margin: 0 0 6px; font: 400 18px/26px Inter,sans-serif } .text_section .text_output h2,.text_section .text_output h3,.text_section .text_output h4,.text_section .text_output h5 { color: #000; margin: 0 0 8px; font: 400 16px/24px Inter,sans-serif } .text_section .text_output h2:not(:first-child),.text_section .text_output h3:not(:first-child),.text_section .text_output h4:not(:first-child),.text_section .text_output h5:not(:first-child) { margin-top: 16px } .text_section .text_output p { display: block; color: #000; margin: 0 0 6px; font: 300 14px/22px Inter,sans-serif } .text_section .text_output a { color: #000 } .text_section .text_output ul li,.text_section .text_output ol li { font: 300 14px/22px Inter,sans-serif } .text_section .text_output strong { font-weight: 500 } .ticket { max-height: calc(100vh - 61px); height: 100%; width: 100%; display: flex; align-items: center; justify-content: center } @media (max-width: 1200px) and (orientation: landscape) { .ticket { display:block } } @media (max-width: 900px) { .ticket { max-height:calc(100vh - 65px) } } .ticket .container { display: flex; justify-content: center; width: 100%; padding-bottom: 20px } .ticket .container .ticket_wrap { width: 100%; max-width: 430px; padding: 38px 41px; background: #FFF; box-shadow: 0 4px 20px rgba(0,0,0,0.12); border-radius: 10px } @media (max-width: 768px) { .ticket .container .ticket_wrap { padding:20px 12px } } .ticket .container .ticket_wrap .ticket_title { color: #000; margin: 0 0 14px; text-align: center; font: 400 22px/30px Inter,sans-serif } .ticket .container .ticket_wrap .order_select_box { width: 100%; box-sizing: border-box } .ticket .container .ticket_wrap .order_select_box svg { top: 18px } .ticket .container .ticket_wrap .order_select_box p { font-weight: 400; line-height: 22px } .ticket .container .ticket_wrap .gray_text { color: #B7B7B7; font: 400 14px/22px Inter,sans-serif } .ticket .container .ticket_wrap .ticket_input { width: 100%; max-width: 100%; box-sizing: border-box; padding: 9px 14px; appearance: none; margin-bottom: 14px; outline: none; border: 1px solid #EBEBEB; font: 400 14px/22px Inter,sans-serif; background: #fff; border-radius: 5px; color: #000 } .ticket .container .ticket_wrap .ticket_input::placeholder { color: #B7B7B7 } .ticket .container .ticket_wrap .ticket_textarea { width: 100%; max-width: 100%; box-sizing: border-box; padding: 9px 14px; appearance: none; resize: none; height: 106px; margin-bottom: 14px; outline: none; border: 1px solid #EBEBEB; background: #fff; border-radius: 5px; color: #000; font: 400 14px/22px Inter,sans-serif } .ticket .container .ticket_wrap .ticket_textarea::placeholder { color: #B7B7B7 } .ticket .container .ticket_wrap .ticket_btn { padding: 9px; appearance: none; font: 400 14px/22px Inter,sans-serif; outline: none; color: #fff; background: #000; text-align: center; border-radius: 5px; width: 100%; display: block; max-width: 100%; box-sizing: border-box } .ticket .container .ticket_wrap .ticket_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .admin .filter_btn { display: none } @media (max-width: 760px) { .admin .filter_btn { display:block; margin-bottom: 10px } } .admin .filter_btn .filter_btn_call { margin: 0 } .admin .filter_btn .call_analytics_filter { display: none } .admin .my_order_nav { margin-bottom: 10px; display: none } @media (max-width: 900px) { .admin .my_order_nav { display:block } } .admin .table_minner_wrap { margin-bottom: 20px } .admin .table_minner_wrap .table_minner_title { grid-template-columns: 270px 95px 95px 95px 95px 95px 95px 95px } .admin .table_minner_wrap .table_minner_text { grid-template-columns: 270px 95px 95px 95px 95px 95px 95px 95px } .admin .table_minner_wrap .table_minner_title .table_title_box_xl p:last-child { border: none } .admin .table_minner_wrap .table_minner_text .table_title_box_xl { grid-template-columns: 1fr } .admin .list_buyers_title { margin-bottom: 15px } .admin .list_buyers_tables_title { margin-top: 15px } .admin__navigation { margin-top: 10px; padding-bottom: 20px; margin-bottom: 14px; display: flex; align-items: center; border-bottom: 1px solid #EBEBEB } @media (max-width: 900px) { .admin__navigation { display:none } } .admin__navigation a { text-decoration: none; margin: 0 25px 0 0; color: #000; transition: .3s; font: 400 14px/22px Inter,sans-serif } .admin__navigation a:hover { color: #B7B7B7 } .admin__navigation .active { color: #B7B7B7 } .admin .analytics-head__date button span { display: none } .admin .lk_preorder_log .lk_table_wrap--mark .lk_table_title,.admin .lk_preorder_log .lk_table_wrap--mark .lk_table_item { grid-template-columns: 0.3fr 1fr 0.3fr } @media (max-width: 900px) { .admin .lk_preorder_log .lk_table_wrap--mark .lk_table_title,.admin .lk_preorder_log .lk_table_wrap--mark .lk_table_item { grid-template-columns:1fr } } .admin .lk_preorder_log .lk_table_wrap--mark .lk_table_title p,.admin .lk_preorder_log .lk_table_wrap--mark .lk_table_item p { color: var(--data-color) } .admin .lk_preorder_log .lk_table_title { grid-template-columns: 0.1fr 0.9fr } @media (max-width: 900px) { .admin .lk_preorder_log .lk_table_title { display:none } } .admin .lk_preorder_log .lk_table_item { grid-template-columns: 0.1fr 0.9fr } @media (max-width: 900px) { .admin .lk_preorder_log .lk_table_item { grid-template-columns:1fr } } @media (max-width: 900px) { .admin .lk_preorder_log .lk_table_item p::before { display:block } } @media (max-width: 900px) { .admin .lk_preorder_log .lk_table_item p { flex-direction:column; align-items: flex-start } } .admin__dispute__title { margin: 0 0 14px; font: 400 14px/22px Inter,sans-serif } .admin__dispute__btn { display: grid; grid-template-columns: 140px 140px 140px 170px; grid-gap: 16px } @media (max-width: 900px) { .admin__dispute__btn { grid-template-columns:1fr 1fr; grid-gap: 10px } } .admin__dispute__btn a { max-width: 100%; width: 100%; box-sizing: border-box; padding: 9px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; transition: .3s; border-radius: 5px; border: 1px solid #000; font: 400 14px/22px Inter,sans-serif; appearance: none; color: #fff; background: #000; text-decoration: none } .admin__dispute__btn a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .admin__dispute__btn a:last-child { color: #000; background: #fff } .user__form { margin-bottom: 16px; display: grid; grid-template-columns: 225px 130px; grid-gap: 14px } @media (max-width: 900px) { .user__form { grid-template-columns:1fr 130px; grid-gap: 10px; margin-bottom: 4px } } .user__form input { padding: 7px 12px; border: 1px solid #EBEBEB; appearance: none; width: 100%; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; outline: none; border-radius: 5px; height: 40px } .user__form input::placeholder { color: #B7B7B7 } .user__form button { height: 40px; padding: 7px; border: 1px solid #000; border-radius: 5px; width: 100%; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; color: #000; appearance: none; outline: none; transition: .3s } .user__form button:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .user .lk_table_title { grid-template-columns: 80px 2fr 2fr 2fr } .user .lk_table_item { grid-template-columns: 80px 2fr 2fr 2fr } @media (max-width: 900px) { .user .lk_table_item { grid-template-columns:1fr } } @media (max-width: 900px) { .user .lk_table_item p { grid-column-start:1; grid-column-end: 3 } } .user .lk_table_item p:nth-child(1)::before { display: none } .user .lk_table_item a { color: #000 } .user .lk_table_item span { color: #B7B7B7; margin-left: 5px } .operations__title { margin: 0 0 14px; font: 400 18px/24px Inter,sans-serif } .operations__form { margin-bottom: 30px } @media (max-width: 900px) { .operations__form { margin-bottom:12px } } .operations__form input { padding: 7px 12px; border: 1px solid #EBEBEB; appearance: none; width: 100%; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; outline: none; border-radius: 5px; height: 40px; max-width: 370px } .operations__form input::placeholder { color: #B7B7B7 } .operations .lk_table_title { grid-template-columns: 1fr 2fr 3fr } .operations .lk_table_item { grid-template-columns: 1fr 2fr 3fr } @media (max-width: 900px) { .operations .lk_table_item { grid-template-columns:1fr } } @media (max-width: 900px) { .operations .lk_table_item p { grid-column-start:1; grid-column-end: 3 } } .operations .lk_table_item p a { color: #000 } .operations .lk_table_item p span { display: block; color: #B7B7B7; margin-top: 3px } @media (max-width: 900px) { .operations .lk_table_item p span { display:inline-block; margin: 0 0 0 3px } } .edit__title { margin: 0 0 12px; font: 400 18px/24px Inter,sans-serif } .edit__disabled { font: 400 14px/22px Inter,sans-serif; color: #B7B7B7; margin: 0 } .edit__rights { margin-bottom: 30px } @media (max-width: 900px) { .edit__rights { margin-bottom:20px } } .edit__key { display: flex; align-items: flex-start; margin-bottom: 30px } @media (max-width: 900px) { .edit__key { margin-bottom:20px; display: grid; grid-template-columns: 1fr; grid-gap: 20px } } .edit__app { margin-right: 40px } @media (max-width: 900px) { .edit__app { margin:0 } } .edit__attr { margin-bottom: 30px; display: flex; align-items: center; justify-content: flex-start } @media (max-width: 900px) { .edit__attr { grid-template-columns:1fr; display: grid; grid-gap: 14px; margin-bottom: 20px } } .edit__attr p { margin: 0 20px 0 0; color: #B7B7B7; font: 400 14px/22px Inter,sans-serif } @media (max-width: 900px) { .edit__attr p { margin:0 } } .edit__attr p span { color: #000 } .edit__btn { max-width: 130px; width: 100%; box-sizing: border-box; padding: 9px; height: 40px; display: flex; align-items: center; justify-content: center; text-align: center; transition: .3s; border-radius: 5px; border: 1px solid #000; font: 400 14px/22px Inter,sans-serif; appearance: none; color: #fff; background: #000; text-decoration: none } @media (max-width: 576px) { .edit__btn { max-width:100% } } .edit__btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .edit__form { margin-bottom: 14px } @media (max-width: 900px) { .edit__form-box:nth-child(1) { grid-column-start:1; grid-column-end: 3 } } .edit__form-wrap { display: grid; grid-template-columns: minmax(max-content,500px) 146px 146px; grid-gap: 30px; align-items: center } @media (max-width: 900px) { .edit__form-wrap { grid-template-columns:1fr 180px; grid-gap: 14px } } .edit__form-link { position: relative; top: 16px; display: flex; left: -12px; align-items: center } @media (max-width: 900px) { .edit__form-link { left:0 } } .edit__form-link a { margin: 0 14px 0 0; color: #000; font: 400 14px/24px Inter,sans-serif } .edit__form-link a:last-child { margin: 0 } .edit__form .checkbox { margin-bottom: 10px; height: 24px } .edit__form-title { margin: 0 0 10px; font: 400 14px/24px Inter,sans-serif } .edit__form-input { padding: 7px 12px; border: 1px solid #EBEBEB; appearance: none; width: 100%; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; outline: none; border-radius: 5px; height: 40px } .edit__form-input::placeholder { color: #B7B7B7 } .statistics-table { border: .5px solid #EBEBEB; width: 100%; max-width: 1120px; box-sizing: border-box } @media (max-width: 1200px) { .statistics-table { overflow:hidden; overflow-x: scroll } } .statistics-table__title { display: grid; grid-template-columns: 220px 300px 300px 300px } .statistics-table__title p { margin: 0; padding: 8px; border: .5px solid #EBEBEB; display: flex; align-items: center; justify-content: flex-start; font: 300 14px/24px Inter,sans-serif } .statistics-table__title > p { align-items: flex-end } .statistics-table__box { display: grid; grid-template-columns: 1fr } .statistics-table__box > p { justify-content: center; align-items: center } .statistics-table__box-sm { display: grid; grid-template-columns: repeat(3,1fr) } .statistics-table__box-sm p { display: flex; align-items: flex-start; justify-content: flex-start } .statistics-table__item { display: grid; grid-template-columns: 220px 100px 100px 100px 100px 100px 100px 100px 100px 100px } .statistics-table__item p { margin: 0; padding: 8px; border: .5px solid #EBEBEB; display: flex; align-items: center; justify-content: flex-start; font: 300 14px/24px Inter,sans-serif } .statistics-table__item p a { text-decoration: underline; color: #000 } .admin__navigation-elem { justify-content: space-between } @media (max-width: 1200px) { .admin__navigation-elem { display:grid; grid-gap: 15px; grid-template-columns: 1fr } } @media (max-width: 900px) { .admin__navigation-elem { display:block } } @media (max-width: 760px) { .admin__navigation-elem { display:none } } @media (max-width: 900px) { .admin__navigation-elem .admin__navigation__link { display:none } } .admin__navigation-elem .analytics-head__date { display: flex; align-items: flex-start } .sales__wrapper-title { margin: 0 0 10px; font: 400 22px/30px Inter,sans-serif; color: #000 } .sales__wrapper-list { display: grid; grid-gap: 20px } @media (max-width: 900px) { .sales__wrapper-list { grid-gap:14px } } .sales__item { height: 210px; padding: 20px 18px; overflow: hidden; border-radius: 10px; position: relative; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; text-decoration: none } @media (max-width: 900px) { .sales__item { height:170px; padding: 14px 16px } } .sales__item.overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; background: linear-gradient(12deg,rgba(0,0,0,0.75) 19.93%,rgba(0,0,0,0) 66.27%) } .sales__item-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2 } .sales__item-mark { padding: 8px 16px; background: #FFF; width: fit-content; border-radius: 10px; font: 400 16px/24px Inter,sans-serif; color: #000 } @media (max-width: 900px) { .sales__item-mark { padding:5px 16px } } .sales__item-name { margin: 10px 0 0; font: 300 22px/30px Inter,sans-serif; color: #fff } @media (max-width: 900px) { .sales__item-name { margin:8px 0 0; font: 300 18px/26px Inter,sans-serif } } .sales__info-title { margin: 0 0 12px; font: 400 22px/30px Inter,sans-serif; color: #000 } @media (max-width: 900px) { .sales__info-title { margin:0 0 10px } } .sales__info-desc { margin: 0; font: 300 14px/22px Inter,sans-serif; color: #000 } .sales__lottery { display: flex; justify-content: space-between; padding: 18px 25px; background: #000; border-radius: 10px; gap: 50px } @media (max-width: 900px) { .sales__lottery { flex-direction:column; gap: 16px; padding: 18px 15px } } .sales__lottery--column { flex-direction: column } .sales__lottery-title { margin: 0 0 10px; font: 400 22px/30px Inter,sans-serif; color: #fff } .sales__lottery-desc { margin: 0 0 14px; font: 400 14px/22px Inter,sans-serif; color: #fff } .sales__form-title { margin: 0 0 10px; font: 400 16px/24px Inter,sans-serif; color: #fff } .sales__form-form { display: grid; grid-template-columns: 1fr 150px; grid-gap: 12px } @media (max-width: 900px) { .sales__form-form { grid-template-columns:1fr } } .sales__form-button { font-family: "Inter",sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; background: #FFF; border-radius: 5px; padding: 9px 0; color: #000; cursor: pointer; transition: .2s all } .sales__form-input { outline: none; padding: 10px 16px; font-family: "Inter",sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; width: 100%; margin-right: 10px; transition: .2s all } .sales__form-input::placeholder { color: #b7b7b7 } .sales__form-input:focus { color: #000 } .sales__timer { border: 1px solid #2F2F2F; border-radius: 10px; padding: 24px; min-width: 360px; display: flex; flex-direction: column; justify-content: center; align-items: center } @media (max-width: 900px) { .sales__timer { min-width:initial } } .sales__timer-deadline { margin: 0 0 12px; font: 400 16px/24px Inter,sans-serif; color: #fff; white-space: nowrap } .sales__timer-counter { color: #fff; white-space: nowrap; font: 400 18px/26px Inter,sans-serif } .sales__timer-counter span.num { margin-right: 6px; font: 600 30px/40px Inter,sans-serif } @media (max-width: 900px) { .sales__timer-counter span.num { font:600 25px/40px Inter,sans-serif } } .sales__timer-counter span.num:not(:first-of-type) { margin-left: 12px } .sales__registered-title { margin: 0 0 12px; font: 400 22px/30px Inter,sans-serif; color: #000 } @media (max-width: 900px) { .sales__registered-title { margin:0 0 10px } } .sales__registered-list { font: 400 14px/22px Inter,sans-serif; color: #000 } .sales__winner { text-align: center } .sales__winner-wrap { border: 1px solid #2F2F2F; border-radius: 10px; padding: 24px } .sales__winner-wrap .sale__winner-winner { width: calc((100% - 175px) / 6) } @media (max-width: 900px) { .sales__winner-wrap .sale__winner-winner { width:calc((100% - 40px) / 3) } } @media (max-width: 576px) { .sales__winner-wrap .sale__winner-winner { width:calc((100% - 20px) / 2) } } .sales__winner-wrap .sales__winner-title,.sales__winner-wrap .sales__winner-name { color: #000 } .sales__winner-wrap .sales__winner-list { grid-template-columns: repeat(6,1fr) } @media (max-width: 900px) { .sales__winner-wrap .sales__winner-list { grid-template-columns:repeat(3,1fr); grid-gap: 20px } } @media (max-width: 576px) { .sales__winner-wrap .sales__winner-list { grid-template-columns:repeat(2,1fr) } } .sales__winner-title { margin: 0 0 30px; font: 400 22px/30px Inter,sans-serif; color: #fff } .sales__winner-img { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-bottom: 10px } .sales__winner-name,.sales__winner-code { margin: 0; font: 400 16px/24px Inter,sans-serif; color: #fff; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .sales__winner-name:hover,.sales__winner-code:hover { text-decoration: none } .sales__winner-list { display: flex; flex-wrap: wrap; grid-template-columns: repeat(3,1fr); grid-gap: 35px } .user-profile .shop_nav { margin-bottom: 0 } .user-profile .shop_panel_info { margin-top: -20px } .user-profile .shop_panel_img { height: 60px } .user-profile .shop_panel_img img { width: 60px; height: 60px } @media (min-width: 761px) { .user-profile .shop_panel { margin-bottom:10px } } @media (max-width: 760px) { .user-profile .container { margin-bottom:0 } } @media (max-width: 760px) { .user-favorites-shop { margin-top:8px } } .user-favorites-shop .shop-card-item { border: 1px solid #EBEBEB; border-radius: 10px; padding: 1vw } @media (max-width: 834px) { .user-favorites-shop .shop-card-item { padding:18px } } @media (max-width: 390px) { .user-favorites-shop .shop-card-item { padding:25px } } .user-favorites-shop .shop-card-item a { padding: 0 } .user-favorites-shop .shop-card-item .photo { width: 200px; height: 200px; max-width: 200px; max-height: 200px } @media (max-width: 760px) { .user-favorites-shop .shop-card-item .photo { width:130px; height: 130px; max-width: 130px; max-height: 130px } } @media (max-width: 834px) { .user-favorites-shop .shop-card-item-title { margin:6px 0 7px } } @media (max-width: 390px) { .user-favorites-shop .shop-card-item-title { margin:12px 0 } } @media (max-width: 760px) { .user-favorites-shop .my_order_title { display:none } } .user-profile__delimiter,.user-profile__title { color: #B7B7B7 } @media (max-width: 834px) { .setting-wrap { margin-top:8px } } .shop-notes .admin_comment { border: none; padding: 0; margin: 0 } @media (max-width: 760px) { .shop-notes .settings-title { display:none } } .shop-notes .review_comments_item:not(.admin_comment) .review_comments_info { display: flex; flex-direction: column; justify-content: space-between } .shop-notes .review_comments_item:not(.admin_comment) .review_comments_title { margin: 0 } .shop-notes .review_comments_item:not(.admin_comment) .review_comments_title span { margin-left: 0 } .shop-notes .review_comments_item:not(.admin_comment) .review_comments_text { font-weight: 300; margin: 0 } .shop-notes .review_comments_item:not(.admin_comment) .review_comments_edit { position: absolute; right: 0; bottom: 0 } .user-comments .review_comments_text { font-weight: 300 } @media (max-width: 760px) { .user-comments .settings-title { display:none } } .user-favorites .shop_nav { padding-left: 25px } @media (max-width: 900px) { .user-favorites .shop_nav { padding-left:10px } } .moder_notes { padding: 6px 0 24px } @media (max-width: 991px) { .shop_nav_letter.shop_nav_letter_notes { display:none } } .moder_notes_column_wrap { display: flex; gap: 70px } .moder_notes_column_wrap .moder_notes_left_column,.moder_notes_column_wrap .moder_notes_right_column { width: calc(50% - 35px) } .moder_notes_column_wrap .moder_notes_city { color: #B7B7B7; font: 300 14px Inter,sans-serif; margin-bottom: 0 } .moder_notes_column_wrap .moder_notes_box .review_comments_title span { margin-left: 0; font: 400 16px Inter,sans-serif } .moder_notes_column_wrap .moder_notes_box:not(:last-child) { margin-bottom: 18px; padding-bottom: 20px; border-bottom: 1px solid #EBEBEB } .moder_notes_column_wrap .review_panel_box { flex-grow: 1 } .moder_notes_column_wrap .moder_notes_btn_wrap { display: flex; gap: 16px } .moder_notes_column_wrap .moder_notes_btn_wrap .filter-select { padding: 10px 30px 11px 14px } @media (max-width: 1200px) { .moder_notes_column_wrap .moder_notes_btn_wrap { flex-wrap:wrap } .moder_notes_column_wrap .moder_notes_btn_wrap .review_panel_box { width: calc(50% - 8px) } .moder_notes_column_wrap .moder_notes_btn_wrap .moder_notes_btn_save { order: 2 } } .moder_notes_column_wrap .moder_notes_btn_save { border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px; width: 100%; appearance: none; outline: none; text-decoration: none; transition: .3s; text-align: center; box-sizing: border-box; background: #000; color: #fff; max-width: 120px } .moder_notes_column_wrap .moder_notes_btn_save:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 991px) { .moder_notes_column_wrap { gap:30px } .moder_notes_column_wrap .moder_notes_left_column,.moder_notes_column_wrap .moder_notes_right_column { width: calc(50% - 15px) } .moder_notes_column_wrap .moder_notes_city { margin-top: 0 } } @media (max-width: 767px) { .moder_notes_column_wrap .moder_notes_right_column { display:none } .moder_notes_column_wrap .moder_notes_left_column { width: 100% } } @media (max-width: 467px) { .moder_notes_column_wrap .moder_notes_btn_save { max-width:100% } } .shop-favorites__item .shop-favorites__shop-panel .shop_panel_info { margin: 0; align-items: center; padding: 0 } .shop-favorites__item .shop-favorites__shop-panel .shop_panel_img { height: auto } .shop-favorites__item .shop-favorites__shop-panel .shop_panel_img img { width: 60px; height: 60px } .shop-favorites__item .shop-favorites__shop-panel .shop_panel_title { bottom: 0 } .shop-favorites__item .shop-favorites__shop-panel .shop_panel_crown { margin-right: 10px } .shop-favorites__item:not(:last-child) { margin-bottom: 40px } .item_slider__button { display: flex; font-family: "Inter",sans-serif; font-size: 14px; line-height: 1.71; width: 100%; max-width: 340px; margin: 0 auto; cursor: pointer } .item_slider__button .item_slider__button-content { width: 150px; display: flex; align-items: center; justify-content: center; padding: 5px 14px; border: 1px solid #000; border-radius: 5px; gap: 8px; transition: all .2s } .item_slider__button .item_slider__button-content:after { content: "В избранное" } @media (max-width: 768px) { .item_slider__button .item_slider__button-content { width:100% } } .item_slider__button #favorite_checkbox:checked + .item_slider__button-content { background: #000; color: #fff } .item_slider__button #favorite_checkbox:checked + .item_slider__button-content:after { content: "В избранном" } .item_slider__button #favorite_checkbox:checked + .item_slider__button-content .svg-love--inside,.item_slider__button #favorite_checkbox:checked + .item_slider__button-content .svg-love--stroke { fill: #fff } .item_slider__button .svg-love--inside { fill: #fff } .item_slider__button:hover .svg-love--inside,.item_slider__button:focus .svg-love--inside { fill: #000 } .alert_title.alert_title_margin_null { margin-bottom: 0 } .my_order_nav_wrap { display: flex; align-items: center; margin-bottom: 4px } .my_order_nav_wrap .my_order_panel { margin-bottom: 0 } .my_order_nav_wrap .my_order_nav_alert_btn { margin-left: auto; border: 1px solid #000; border-radius: 5px; font: 300 14px/22px Inter,sans-serif; padding: 8px; width: 100%; appearance: none; outline: none; text-decoration: none; transition: .3s; text-align: center; box-sizing: border-box; background: #000; color: #fff; max-width: 150px } .my_order_nav_wrap .my_order_nav_alert_btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } @media (max-width: 760px) { .my_order_nav_wrap { margin-top:10px; flex-wrap: wrap; padding: 0 10px } .my_order_nav_wrap .my_order_nav_alert { width: 100% } .my_order_nav_wrap .my_order_nav_alert_btn { max-width: 100%; margin-top: 10px } } @media (min-width: 761px) { .item_slider__button { width:auto; position: absolute; right: 10px; top: -9px; margin: 0 } .item_slider_wrap--favorite .slider_info_type { margin-bottom: 11px } } .shop_panel_trusted { position: relative; bottom: 10px; height: 26px; width: 26px; margin-right: 8px } @media (max-width: 760px) { .shop_panel_trusted { bottom:2px } } .shop_panel_trusted:hover .shop_panel_trusted_tooltip { opacity: 1 } .shop_panel_trusted_tooltip { position: absolute; bottom: calc(100% + 6px); left: -4px; transition: .2s; white-space: nowrap; padding: 4px 10px; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.15); border-radius: 3px; font: 300 14px/20px Inter,sans-serif; opacity: 0 } .shop_panel_trusted svg { width: 26px; height: 26px } .trusted-shop--about .shop_panel_crown { bottom: 2px } .review_comments_link { font: 300 14px Inter,sans-serif; color: #B7B7B7 } .review_comments_link:hover,.review_comments_link:focus { text-decoration: none } .forum-settings { position: relative } .forum-settings .forum-block-actions { margin-top: 10px; right: 0; left: auto } .forum-settings .forum-block-actions__btn { white-space: nowrap } .forum-settings .forum-btn { margin: 0; background: transparent; padding: 0; cursor: pointer } .forum-settings .forum-btn:hover { background: transparent } .forum-settings .forum-btn:hover svg path { fill: #000 } .forum-settings .forum-btn svg { height: 15px; width: 15px; object-fit: contain } .forum-banner { width: 100%; height: 200px; object-fit: cover; border-radius: 5px; margin: 0 0 10px } .forum-head-block { margin: 0 0 20px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 900px) { .forum-head-block { gap:10px; flex-direction: column; align-items: flex-start } } .forum-breadcrumbs { padding: 0 0 0 10px; margin: 0; display: flex; align-items: center; gap: 5px 0; flex-wrap: wrap; width: 100% } .forum-breadcrumbs__link { margin: 0; text-decoration: none; font: 500 12px/16px Inter,sans-serif; color: #989898; transition: .2s } .forum-breadcrumbs__link:hover { color: #000 } .forum-breadcrumbs__link:hover svg path { stroke: #000 } .forum-breadcrumbs__separator { margin: 0 15px } @media (max-width: 900px) { .forum-breadcrumbs__separator { margin:0 8px } } .forum-breadcrumbs__last { font: 500 12px/16px Inter,sans-serif; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical } .forum-btn { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 5px; text-decoration: none; margin: -8px 0; width: fit-content; transition: .3s; background: #000 } .forum-btn:hover { background: #E8E8E8 } .forum-btn:hover svg path { fill: #000 } .forum-btn:hover .forum-btn__text { color: #000 } @media (max-width: 900px) { .forum-btn { width:100%; justify-content: center; margin: 0 } } .forum-btn + input { display: none } .forum-btn + input:checked + .forum-block-actions { display: grid } .forum-btn__text { transition: .3s; color: #FFF; font: 500 12px/16px Inter,sans-serif; white-space: nowrap } .forum-block { margin: 20px 0 0; padding: 30px; background: #FFF; box-shadow: 0 3px 20px rgba(0,0,0,0.07); border-radius: 10px } .forum-block-actions { margin-top: 6px; position: absolute; top: 100%; left: 0; padding: 10px; border-radius: 5px; background: #fff; z-index: 10; border: 1px solid #EBEBEB } .forum-block--settings { padding: 20px; margin: 0 0 30px } @media (max-width: 900px) { .forum-block--settings { margin:0 0 20px } } @media (max-width: 900px) { .forum-block { padding:15px } } .forum-block-name { display: flex; align-items: center; gap: 10px; font: 500 16px/22px Inter,sans-serif; width: fit-content; cursor: pointer } .forum-block-name:hover { text-decoration: underline } .forum-block-name + input { display: none } .forum-block-name + input:checked + .forum-block-actions { display: flex } @media (max-width: 1200px) { .forum-block-name + input:checked + .forum-block-actions { display:grid } } .forum-block-actions { margin-top: 20px; display: none; justify-content: space-between; gap: 10px } @media (max-width: 1200px) { .forum-block-actions { grid-template-columns:repeat(4,1fr) } } @media (max-width: 768px) { .forum-block-actions { grid-template-columns:repeat(2,1fr) } } @media (max-width: 400px) { .forum-block-actions { grid-template-columns:repeat(1,1fr) } } .forum-block-actions__btn { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 5px; text-decoration: none; transition: .3s; background: #E6E6E6; color: #000; font: 500 14px/20px Inter,sans-serif } @media (max-width: 1200px) { .forum-block-actions__btn { justify-content:center } } .forum-block-actions__btn:hover { background: #989898; color: #FFF } .forum-block-actions__btn:hover svg path { fill: #FFF } .forum-block-actions__btn.red-text { color: #F85835 } .forum-block-actions__btn.red-text:hover { color: #FFF } .forum-block-actions__btn.red-text:hover svg path { stroke: #FFF } .forum-block__title { margin: 0 0 30px; font: 600 18px/26px Inter,sans-serif } @media (max-width: 900px) { .forum-block__title { margin:0 0 20px; font: 600 16px/20px Inter,sans-serif } } .forum-block.deleted { background: #F2F2F2; box-shadow: none } .forum-block-item:not(:last-of-type) { margin-bottom: 20px } @media (max-width: 900px) { .forum-block-item:not(:last-of-type) { margin-bottom:15px } } .forum-block-item__title { margin: 0 0 5px; white-space: nowrap; font: 400 16px/22px Inter,sans-serif } @media (max-width: 900px) { .forum-block-item__title { font:400 14px/20px Inter,sans-serif } } .forum-block-colorbox { display: flex; align-items: center; gap: 3px } .forum-block-colorbox input { appearance: none; outline: none; border: none; padding: 0; margin: 0; background: #fff; cursor: pointer } .forum-block-colorbox span { padding-top: 3px; font: 300 12px/20px Inter,sans-serif; color: #989898 } .forum-block-select { width: 100%; font: 400 14px/20px Inter,sans-serif; border: 1px solid #EBEBEB; padding: 9px 16px; color: #000; border-radius: 10px } @media (max-width: 900px) { .forum-block-select { font:400 12px/16px Inter,sans-serif } } .forum-block-select__box { position: relative; max-width: 450px } .forum-block-select__box:after { content: ""; position: absolute; background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%23989898' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center/contain; top: 17px; right: 18px; width: 12px; height: 7px } .forum-block-select option { font-size: 14px; line-height: 18px } .forum-block-input { outline: none; padding: 9px 15px; font-style: normal; font: 400 14px/20px Inter,sans-serif; background: #FFF; border: 1px solid #EBEBEB; border-radius: 10px; width: 100%; transition: .2s all } @media (max-width: 900px) { .forum-block-input { font:400 12px/16px Inter,sans-serif } } .forum-block-input::placeholder { color: #989898 } .forum-block-input:focus { color: #000 } .forum-block .pagination-container { margin: 20px 0 0 } .forum-form__btn { padding: 10px 20px; border: 1px solid #E8E8E8; border-radius: 5px; text-decoration: none; width: fit-content; transition: .3s; margin-top: 20px; background: #E6E6E6; color: #000; font: 500 14px/20px Inter,sans-serif } @media (max-width: 900px) { .forum-form__btn { width:100%; text-align: center; margin-top: 15px } } .forum-form__btn:hover { background: #989898; color: #FFF } .forum-message + .forum-block-item { margin-top: 20px } .forum .message-add { border: 1px solid #EBEBEB; border-radius: 10px; overflow: hidden } .forum .message-add-dd { background: #FAFAFA } .forum .message-add-dd__text { padding: 15px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font: 500 12px/16px Inter,sans-serif; transition: .2s } @media (max-width: 900px) { .forum .message-add-dd__text { font:500 10px/14px Inter,sans-serif } } .forum .message-add-dd__text label { text-decoration: underline; cursor: pointer } .forum .message-add-dd__text label:hover { text-decoration: none } .forum .message-add-dd__text.drag-over { background-color: #EBEBEB } .forum .message-add-preview { margin-top: 10px; display: none } .forum .message-add-preview__title { display: flex; align-items: center; gap: 10px; font: 600 14px/20px Inter,sans-serif; margin: 0 0 10px } .forum .message-add-preview__container { gap: 10px; display: flex; flex-wrap: wrap } .forum .message-add-preview__container .image-container { position: relative } .forum .message-add-preview__container .image-container img { width: 50px; height: 50px; object-fit: cover; border-radius: 5px } .forum .message-add-preview__container .image-container .delete-button { position: absolute; top: 2px; right: 2px; padding: 4px; background: #fff; border-radius: 50%; width: 15px; height: 15px; transition: .2s } .forum .message-add-preview__container .image-container .delete-button:hover { background: #EBEBEB } .forum .message-add-preview__container .image-container .delete-button svg { display: block; pointer-events: none } .forum .message-add #message-file-input { display: none } .forum .message-add .cke_chrome { border: none } .forum .message-add .cke_top { border-bottom: none; background: #FAFAFA } .forum-search__results { margin: 0; font: 400 14px/20px Inter,sans-serif } .forum-pagination { margin: 20px 0 30px } .list-item:not(:last-child) { margin-bottom: 30px } .list-item__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #EBEBEB; padding-left: 20px } @media (max-width: 900px) { .list-item__head.active { padding-left:0 } } .list-item__head.active .list-item__title { color: var(--data-color); pointer-events: initial } .list-item__head.active a.list-item__title:hover { text-decoration: underline } .list-item__head + .list-item__content .list-item__wrap { padding-top: 10px } @media (max-width: 900px) { .list-item__head.has-btn { flex-direction:column-reverse; gap: 10px; align-items: flex-start } } .list-item__title { font: 500 18px/26px Inter,sans-serif; margin: 0; color: #E8E8E8; text-decoration: none; pointer-events: none } @media (max-width: 900px) { .list-item__title { font:500 16px/22px Inter,sans-serif } } .list-item__btns { display: flex; gap: 12px; position: relative } .list-item__btns .forum-btn { margin: 0; cursor: pointer; height: 40px } @media (max-width: 900px) { .list-item__btns { width:100% } } .list-item__switch { display: flex; align-items: center; gap: 10px } .list-item__switcher { display: none } .list-item__switcher + label { position: relative; cursor: pointer; outline: none; width: 46px; border-radius: 100px; height: 24px; background-color: #FFF; transition: .3s; border: 1px solid #E8E8E8 } .list-item__switcher + label::after { content: ""; display: block; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: #E8E8E8; border-radius: 100px; transition: .3s } .list-item__switcher:checked + label { background-color: var(--data-color); border-color: var(--data-color) } .list-item__switcher:checked + label::after { transform: translateX(23px); background-color: #FFF } .list-item__content { display: block } .list-item-line { padding: 10px 30px; width: 100%; display: grid; align-items: center; justify-content: space-between; grid-gap: 25px; grid-template-columns: minmax(auto,330px) 120px 175px 150px 110px; border-radius: 5px; transition: .3s; border: 1px solid transparent } .list-item-line--shop { padding: 5px 30px } .list-item-line--category { grid-template-columns: minmax(auto,330px) 160px 175px 150px 115px; position: relative; overflow: hidden } @media (max-width: 1024px) { .list-item-line--category { grid-template-columns:minmax(auto,330px) 175px 150px 115px!important } .list-item-line--category .list-item-line-info { display: none } } @media (max-width: 900px) { .list-item-line--category .list-item-line-info { display:flex } } .list-item-line--category.visited * { color: #989898 } .list-item-line--category.fixed:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 3px; background: var(--data-bg) } @media (max-width: 900px) { .list-item-line--category.closed .list-item-line__title { align-items:center } } .list-item-line--category.closed .list-item-line__title:before { content: ""; margin-right: 10px; margin-bottom: -2px; height: 15px; width: 13px; min-width: 13px; display: inline-block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23989898' d='M10.832 7.391H1.808a1.29 1.29 0 0 0-1.29 1.29v4.511c0 .712.578 1.29 1.29 1.29h9.024a1.29 1.29 0 0 0 1.289-1.29V8.68a1.29 1.29 0 0 0-1.29-1.289Z'/%3E%3Cpath stroke='%23989898' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.097 7.391V4.813a3.223 3.223 0 1 1 6.445 0V7.39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12.857v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain } @media (max-width: 900px) { .list-item-line--category.closed .list-item-line__title:before { margin-bottom:0 } } @media (max-width: 1024px) { .list-item-line { grid-template-columns:minmax(auto,330px) 110px 120px 150px 110px } } @media (max-width: 900px) { .list-item-line { grid-template-columns:auto auto!important; padding: 15px; grid-gap: 10px; border-color: #f4f4f4 } } .list-item-line:hover { border-color: #B5B5B5 } .list-item-line:not(:last-child) { margin-bottom: 2px } .list-item-line:nth-child(odd) { background: #FAFAFA } .list-item-line__title,.list-item-line__theme,.list-item-line-shop__name,.list-item-line-user__name,.list-item-line__date { font: 400 12px/16px Inter,sans-serif; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; color: #000; margin: 0 } .list-item-line__title { font-weight: 500; color: #000; text-decoration: none } .list-item-line__title:hover { text-decoration: underline } @media (max-width: 900px) { .list-item-line__title { grid-column:span 2/auto; font: 600 14px/20px Inter,sans-serif; display: flex; order: -2 } } .list-item-line-shop { display: flex; align-items: center; gap: 10px; color: #000; text-decoration: none } @media (max-width: 900px) { .list-item-line-shop { grid-column:span 2/auto } } .list-item-line-shop:hover { text-decoration: underline } .list-item-line-shop__img { width: 40px; height: 40px; border-radius: 50% } @media (max-width: 900px) { .list-item-line-shop__img { width:35px; height: 35px } } .list-item-line-shop__name { font-weight: 500 } @media (max-width: 900px) { .list-item-line-shop__name { font:500 14px/20px Inter,sans-serif } } .list-item-line-info { display: flex; align-items: center; gap: 5px; font: 400 12px/16px Inter,sans-serif; color: #989898 } @media (max-width: 900px) { .list-item-line-info { grid-column:span 2/auto } } .list-item-line-info__item { display: flex; align-items: center; gap: 5px } .list-item-line-info__count { margin: 0 } @media (max-width: 900px) { .list-item-line__theme { grid-column:span 2/auto; order: -1 } } .list-item-line-user { display: flex; align-items: center; gap: 10px; color: #000 } .list-item-line-user:hover { text-decoration: none } .list-item-line-user__img { width: 30px; height: 30px; border-radius: 50% } @media (max-width: 900px) { .list-item-line-user__img { width:25px; height: 25px } } @media (max-width: 900px) { .list-item-line-user__name { font:400 10px/14px Inter,sans-serif } } .list-item-line__date { color: #989898 } @media (max-width: 900px) { .list-item-line__date { font:400 10px/14px Inter,sans-serif; text-align: right } } .list-item__btn { display: flex; align-items: center; gap: 10px; padding: 10px 20px; border: 1px solid #E8E8E8; border-radius: 5px; text-decoration: none; width: fit-content; transition: .3s } .list-item__btn--more { margin: 10px 0 0 auto } .list-item__btn--back { margin: 10px 0 0 } .list-item__btn:hover { background: #E8E8E8 } @media (max-width: 900px) { .list-item__btn { width:100%; justify-content: center } } .list-item__btn-text { color: #000; font: 500 14px/20px Inter,sans-serif } .list-search { padding: 0; margin: 15px 0 0; list-style: none } .list-search-item { padding: 30px; border: 1px solid #EBEBEB; filter: drop-shadow(0px 3px 20px rgba(0,0,0,0.07)); border-radius: 10px } @media (max-width: 900px) { .list-search-item { padding:15px } } .list-search-item:not(:last-child) { margin-bottom: 15px } .list-search-item-head { display: grid; grid-template-columns: 60px auto; grid-gap: 0 15px; margin-bottom: 15px } @media (max-width: 900px) { .list-search-item-head { grid-template-columns:25px auto; grid-gap: 0 10px } } .list-search-item-head__img { height: 60px; width: 100%; grid-row: span 2/auto } @media (max-width: 900px) { .list-search-item-head__img { height:25px } } .list-search-item-head__image { height: 100%; width: 100%; border-radius: 50% } .list-search-item-head__title { display: flex; gap: 10px; align-items: center; margin-bottom: 5px; font: 500 14px/20px Inter,sans-serif; color: #000 } .list-search-item-head__name { color: inherit } .list-search-item-head__name:hover { text-decoration: none } .list-search-item-head__lvl { font-weight: 400; color: #B7B7B7 } .list-search-item-head__lvl--moderator { color: #dd2f2f } .list-search-item-head__lvl:before { margin-right: 10px; content: "|" } .list-search-item-head__row { color: #989898; font: 400 12px/16px Inter,sans-serif; display: flex; gap: 5px } .list-search-item-head__row:nth-child(2) { margin-top: 5px } .list-search-item-head__row:nth-child(2) .list-search-item-head__val { color: #000 } .list-search-item__title { font: 500 18px/26px Inter,sans-serif } @media (max-width: 900px) { .list-search-item__title { font:500 16px/24px Inter,sans-serif } } .list-search-item__desc { font: 400 14px/20px Inter,sans-serif; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box } @media (max-width: 900px) { .list-search-item__desc { -webkit-line-clamp:8; font: 400 12px/16px Inter,sans-serif } } .list-search-item-info { margin-top: 15px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font: 400 12px/16px Inter,sans-serif; color: #989898 } .list-search-item-info__item { display: flex; align-items: center; gap: 5px } .list-search-item-info__count { color: inherit; margin: 0 } .list-search-item-info__count:hover { text-decoration: none } .post-head { display: flex; justify-content: space-between; margin-bottom: 20px; position: relative } @media (max-width: 900px) { .post-head { margin-bottom:15px } } .post-head-block { display: grid; grid-template-columns: 60px auto; grid-gap: 0 15px } @media (max-width: 900px) { .post-head-block { grid-template-columns:1fr; grid-gap: 0 } } .post-head-block__img { height: 60px; width: 100%; grid-row: span 2/auto } @media (max-width: 900px) { .post-head-block__img { height:45px; width: 45px; grid-row: initial; margin-bottom: 10px } } .post-head-block__image { height: 100%; width: 100%; border-radius: 50% } .post-head-block__name { margin-bottom: 5px; font: 500 14px/20px Inter,sans-serif; color: #000 } .post-head-block__name:hover { text-decoration: none } .post-head-block__item { display: flex; align-items: center; gap: 5px } .post-head-block__row { color: #989898; font: 400 12px/16px Inter,sans-serif; display: flex; gap: 5px } .post-head-block__row:nth-child(2) { margin-top: 5px } .post-head-block__row:nth-child(2) .post-head-block__val { color: #000 } .post-head-actions { display: flex; align-items: flex-start; gap: 20px } @media (max-width: 900px) { .post-head-actions { position:absolute; top: 0; right: 0 } } .post-head-actions__item { display: flex; align-items: center; gap: 10px; font: 400 12px/16px Inter,sans-serif; cursor: pointer; text-decoration: none } @media (max-width: 900px) { .post-head-actions__item { gap:5px } } .post-head-actions__item:not(.copy):hover { text-decoration: underline } .post-head-actions__item.notify { fill: #989898; position: relative } .post-head-actions__item.notify:hover svg { fill: #000 } .post-head-actions__item.notify.active svg { fill: #F95858 } .post-head-actions__item.notify:after { content: "Вы отписались от поста."; position: absolute; z-index: 2; top: auto; bottom: calc(100% + 10px); right: -5px; padding: 10px; background: #E6E6E6; color: #000; border-radius: 5px; display: block; white-space: nowrap; visibility: hidden; opacity: 0; transition: .2s; font: 400 12px/16px Inter,sans-serif } .post-head-actions__item.notify.active:after { content: "Вы подписались на пост." } .post-head-actions__item.notify.show:after { visibility: visible; opacity: 1 } .post-head-actions__item.copy { position: relative } .post-head-actions__item.copy:hover svg path { fill: #000 } .post-head-actions__item.copy:after { content: "Ссылка скопирована в буфер обмена."; position: absolute; z-index: 2; top: auto; bottom: calc(100% + 10px); right: -5px; padding: 10px; background: #E6E6E6; color: #000; border-radius: 5px; display: block; white-space: nowrap; visibility: hidden; opacity: 0; transition: .2s; font: 400 12px/16px Inter,sans-serif } .post-head-actions__item.copy.copied:after { visibility: visible; opacity: 1 } .post-head-actions__item.edit { color: #989898 } .post-head-actions__item.delete { color: #F85835 } .post-head-actions__text { color: inherit } .post__title { font: 500 20px/26px Inter,sans-serif; margin: 0 0 15px } @media (max-width: 900px) { .post__title { margin:0 0 10px; font: 500 16px/22px Inter,sans-serif } } .post__content p { font: 400 14px/20px Inter,sans-serif; margin: 0 } @media (max-width: 900px) { .post__content p { font:400 12px/18px Inter,sans-serif } } .post__content p:not(:last-of-type) { margin: 0 0 20px } @media (max-width: 900px) { .post__content p:not(:last-of-type) { margin:0 0 10px } } .post__content blockquote { font: italic 400 14px/20px Inter,sans-serif; padding-left: 15px; border-left: 2px solid #000; margin: 20px 0 20px 30px } @media (max-width: 900px) { .post__content blockquote { margin:15px 0 15px 10px; padding-left: 12px; font: italic 400 12px/16px Inter,sans-serif } } .post__content ul,.post__content ol { padding-left: 40px } @media (max-width: 900px) { .post__content ul,.post__content ol { padding-left:20px } } .post__content ul li,.post__content ol li { font: 400 14px/20px Inter,sans-serif } @media (max-width: 900px) { .post__content ul li,.post__content ol li { font:400 12px/18px Inter,sans-serif } } .post__content ul li:not(:last-of-type),.post__content ol li:not(:last-of-type) { margin: 0 0 10px } .post__content h2 { font: 500 16px/22px Inter,sans-serif; margin: 20px 0 20px 40px } @media (max-width: 900px) { .post__content h2 { margin:20px 0 10px 10px; font: 500 14px/20px Inter,sans-serif } } .post__content img { max-width: 100%; border-radius: 5px; margin: 20px auto; display: block } @media (max-width: 900px) { .post__content img { margin:15px auto } } .post-attach { margin: 20px 30px 0 } @media (max-width: 900px) { .post-attach { margin:20px 0 0 } } .post-attach__title { display: flex; align-items: center; gap: 10px; font: 600 14px/20px Inter,sans-serif; margin: 0 0 10px } .post-attach-wrap { display: flex; flex-wrap: wrap; gap: 10px } .post-attach-wrap__img img { width: 50px; height: 50px; object-fit: cover; border-radius: 5px } .post-footer { margin-top: 20px; padding-top: 20px; border-top: 1px solid #EBEBEB } @media (max-width: 900px) { .post-footer { padding-top:15px } } .post-footer-item { display: inline-flex; align-items: center; gap: 10px; cursor: pointer } @media (max-width: 900px) { .post-footer-item { gap:5px } } .post-footer-item svg path { transition: .2s } .post-footer-item input { display: none } .post-footer-item input:checked + svg path { fill: #989898; stroke: #989898 } .post-footer-item:hover svg path { fill: #989898; stroke: #989898 } .post-footer-item__text { font: 400 14px/20px Inter,sans-serif } .post-add-form__btn { padding: 10px 20px; border: 1px solid #E8E8E8; border-radius: 5px; text-decoration: none; width: fit-content; transition: .3s; margin-top: 20px; background: #E6E6E6; color: #000; font: 500 14px/20px Inter,sans-serif; display: block; margin-left: auto } @media (max-width: 900px) { .post-add-form__btn { width:100%; text-align: center; margin-top: 15px } } .post-add-form__btn:hover { background: #989898; color: #FFF } .post-add-head { display: grid; grid-template-columns: 60px auto; grid-gap: 0 15px; margin-bottom: 15px } @media (max-width: 900px) { .post-add-head { grid-template-columns:25px auto; grid-gap: 0 10px } } .post-add-head__img { height: 60px; width: 100%; grid-row: span 2/auto } @media (max-width: 900px) { .post-add-head__img { height:25px } } .post-add-head__image { height: 100%; width: 100%; border-radius: 50% } .post-add-head__title { display: flex; gap: 10px; align-items: center; margin-bottom: 5px; font: 500 14px/20px Inter,sans-serif; color: #000 } .post-add-head__name { color: inherit } .post-add-head__name:hover { text-decoration: none } .post-add-head__lvl { font-weight: 400; color: #B7B7B7 } .post-add-head__lvl--moderator { color: #dd2f2f } .post-add-head__lvl:before { margin-right: 10px; content: "|" } .post-add-head__row { color: #989898; font: 400 12px/16px Inter,sans-serif; display: flex; gap: 5px } .post-add-head__row:nth-child(2) { margin-top: 5px } .post-add-head__row:nth-child(2) .post-add-head__val { color: #000 } .comment-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; position: relative } @media (max-width: 900px) { .comment-head { margin-bottom:15px } } .comment-head:only-child { margin-bottom: 0 } .comment-head-block { display: grid; grid-template-columns: 60px auto; grid-gap: 0 15px } @media (max-width: 900px) { .comment-head-block { grid-template-columns:1fr; grid-gap: 0 } } .comment-head-block__img { height: 60px; width: 100%; grid-row: span 2/auto } @media (max-width: 900px) { .comment-head-block__img { height:25px; width: 25px; grid-row: initial; margin-bottom: 10px } } .comment-head-block__image { height: 100%; width: 100%; border-radius: 50% } .comment-head-block__title { display: flex; gap: 10px; align-items: center; margin-bottom: 5px; font: 500 14px/20px Inter,sans-serif; color: #000 } .comment-head-block__name { color: inherit } .comment-head-block__name:hover { text-decoration: none } .comment-head-block__lvl { font-weight: 400; color: #B7B7B7 } .comment-head-block__lvl--moderator { color: #dd2f2f } .comment-head-block__lvl:before { margin-right: 10px; content: "|" } .comment-head-block__item { display: flex; align-items: center; gap: 5px } .comment-head-block__row { color: #989898; font: 400 12px/16px Inter,sans-serif; display: flex; gap: 5px } .comment-head-block__row:nth-child(2) { margin-top: 5px } .comment-head-block__row:nth-child(2) .post-head-block__val { color: #000 } .comment-head-actions { display: flex; align-items: center; gap: 20px } @media (max-width: 900px) { .comment-head-actions { position:absolute; top: 0; right: 0 } } .comment-head-actions__text { color: inherit } .comment-head-actions__item { font: 400 12px/16px Inter,sans-serif; color: #989898; display: flex; align-items: center; gap: 10px } .comment-head-actions__item:not(.number):hover { text-decoration: underline } .comment-head-actions__item.number { font: 400 14px/20px Inter,sans-serif } .comment-head-actions__item.delete { color: #F85835 } .comment-head-actions__item.restore { color: #80CF79 } .comment-head-actions__item svg { display: block; pointer-events: none } .comment-head-actions__item.copy { cursor: pointer; position: relative } .comment-head-actions__item.copy:hover svg path { fill: #000 } .comment-head-actions__item.copy:after { content: "Ссылка скопирована в буфер обмена."; position: absolute; z-index: 2; top: auto; bottom: calc(100% + 10px); right: -5px; padding: 10px; background: #E6E6E6; color: #000; border-radius: 5px; display: block; white-space: nowrap; visibility: hidden; opacity: 0; transition: .2s; font: 400 12px/16px Inter,sans-serif } .comment-head-actions__item.copy.copied:after { visibility: visible; opacity: 1 } .comment-body__text p { font: 400 14px/20px Inter,sans-serif; margin: 0 } @media (max-width: 900px) { .comment-body__text p { font:400 12px/18px Inter,sans-serif } } .comment-body__text p:not(:last-of-type) { margin: 0 0 20px } @media (max-width: 900px) { .comment-body__text p:not(:last-of-type) { margin:0 0 10px } } .comment-body__text blockquote { font: italic 400 14px/20px Inter,sans-serif; padding-left: 15px; border-left: 2px solid #000; margin: 20px 0 20px 30px } @media (max-width: 900px) { .comment-body__text blockquote { margin:15px 0 15px 10px; padding-left: 12px; font: italic 400 12px/16px Inter,sans-serif } } .comment-body__text ul,.comment-body__text ol { padding-left: 40px } @media (max-width: 900px) { .comment-body__text ul,.comment-body__text ol { padding-left:20px } } .comment-body__text ul li,.comment-body__text ol li { font: 400 14px/20px Inter,sans-serif } @media (max-width: 900px) { .comment-body__text ul li,.comment-body__text ol li { font:400 12px/18px Inter,sans-serif } } .comment-body__text ul li:not(:last-of-type),.comment-body__text ol li:not(:last-of-type) { margin: 0 0 10px } .comment-body__text h2 { font: 500 16px/22px Inter,sans-serif; margin: 20px 0 20px 40px } @media (max-width: 900px) { .comment-body__text h2 { margin:20px 0 10px 10px; font: 500 14px/20px Inter,sans-serif } } .comment-body__text img { max-width: 100%; border-radius: 5px; margin: 20px auto; display: block } @media (max-width: 900px) { .comment-body__text img { margin:15px auto } } .comment-reply { background: #FAFAFA; border-radius: 10px; padding: 15px } @media (max-width: 900px) { .comment-reply { padding:10px } } .comment-reply-wrap { display: grid; grid-template-columns: 15px 1fr; grid-gap: 20px; margin-bottom: 15px } @media (max-width: 900px) { .comment-reply-wrap { grid-template-columns:12px 1fr; margin-bottom: 10px; grid-gap: 10px } } .comment-reply-wrap:not(:first-child) { margin-top: 20px } @media (max-width: 900px) { .comment-reply-wrap:not(:first-child) { margin-top:15px } } @media (max-width: 900px) { .comment-reply-wrap__icon { width:12px; height: 12px } } .comment-reply-head { display: grid; grid-template-columns: 35px auto; grid-gap: 0 15px; margin-bottom: 10px; position: relative } @media (max-width: 900px) { .comment-reply-head { grid-template-columns:20px auto; grid-gap: 0 10px } } .comment-reply-head__del { position: absolute; top: 0; right: 0 } .comment-reply-head__del svg { width: 10px; height: 10px } .comment-reply-head__img { height: 35px; width: 100%; grid-row: span 2/auto } @media (max-width: 900px) { .comment-reply-head__img { height:20px } } .comment-reply-head__image { height: 100%; width: 100%; border-radius: 50% } .comment-reply-head__name { margin-bottom: 5px; font: 500 12px/16px Inter,sans-serif; color: #000 } .comment-reply-head__name:hover { text-decoration: none } .comment-reply-head__info { font: 400 10px/14px Inter,sans-serif; color: #989898 } .comment-reply-body p { font: 400 12px/16px Inter,sans-serif } .comment-reply-body p:not(:last-of-type) { margin: 0 0 10px } .comment-reply-body blockquote { border-left: 2px solid #000; margin: 15px 0 15px 10px; padding-left: 12px; font: italic 400 12px/16px Inter,sans-serif } .comment-reply-body ul,.comment-reply-body ol { padding-left: 20px } .comment-reply-body ul li,.comment-reply-body ol li { font: 400 12px/16px Inter,sans-serif } .comment-reply-body ul li:not(:last-of-type),.comment-reply-body ol li:not(:last-of-type) { margin: 0 0 10px } .comment-reply-body h2 { margin: 20px 0 10px 10px; font: 500 14px/20px Inter,sans-serif } .comment-footer { margin-top: 20px; padding-top: 20px; border-top: 1px solid #EBEBEB; display: flex; gap: 40px } @media (max-width: 900px) { .comment-footer { gap:20px; padding-top: 15px } } .comment-footer-item { display: inline-flex; align-items: center; gap: 10px; cursor: pointer } .comment-footer-item.like input { display: none } .comment-footer-item.like input:checked + svg path { fill: #989898; stroke: #989898 } .comment-footer-item.like:hover svg path { fill: #989898; stroke: #989898 } .comment-footer-item svg path { transition: .2s } .comment-footer-item__text { font: 400 14px/20px Inter,sans-serif } @media (max-width: 900px) { .comment-footer-item__text { font:400 12px/16px Inter,sans-serif } } .comment-footer-item--btn:hover .comment-footer-item__text { text-decoration: underline } .comment-footer-item.reply { margin-left: auto } .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); backdrop-filter: blur(5px); display: none; align-items: center; justify-content: center; padding: 15px 32px 15px 15px; z-index: 1000 } .modal-signup { display: flex; opacity: 0; visibility: hidden; transition: .5s; overflow-y: auto } .modal-signup.open { opacity: 1; visibility: visible } .modal-content { max-width: 1200px; max-height: 600px; width: 100%; height: 100%; display: flex; align-items: center } .modal-content__img { width: 100%; height: 100%; object-fit: contain } .modal-content__block { background: #fff; padding: 30px; display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; height: 100%; width: 100%; border-radius: 15px; overflow: auto } @media (max-width: 1200px) { .modal-content__block { grid-template-columns:repeat(4,1fr) } } @media (max-width: 990px) { .modal-content__block { grid-template-columns:repeat(3,1fr); padding: 15px } } @media (max-width: 575px) { .modal-content__block { grid-template-columns:repeat(2,1fr) } } .modal-content__picture { max-width: 100%; width: 100%; object-fit: cover; aspect-ratio: 1/1; border-radius: 5px } .modal-content__close { position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; padding: 8px; background: #fff; border-radius: 50%; transition: .2s } .modal-content__close:hover { background: #EBEBEB } .modal-content__close svg { pointer-events: none; display: block } .modal-content__btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: #fff; transition: .2s; border: 1px solid #EBEBEB } @media (max-width: 900px) { .modal-content__btn { width:30px; height: 30px } .modal-content__btn svg { height: 10px; width: 10px; object-fit: contain } } .modal-content__btn:hover { background: #EBEBEB; border-color: #EBEBEB } .modal-content__btn.j-prev { left: 30px; padding: 12px 17px 12px 14px } @media (max-width: 900px) { .modal-content__btn.j-prev { padding:5px 10px 5px 8px } } .modal-content__btn.j-next { right: 30px; padding: 12px 15px 12px 16px } @media (max-width: 900px) { .modal-content__btn.j-next { padding:5px 8px 5px 10px } } .modal-content__btn.disabled { pointer-events: none; opacity: 0 } .modal-wrapper { padding: 40px 40px 60px; background: #FFF; border-radius: 30px; max-width: 900px } @media (max-width: 900px) { .modal-wrapper { padding:20px 20px 30px; border-radius: 15px } } .modal-wrapper__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; gap: 16px } @media (max-width: 900px) { .modal-wrapper__head { margin-bottom:20px } } .modal-wrapper__head-title { font: 500 24px/34px Inter,sans-serif; margin: 0 } @media (max-width: 900px) { .modal-wrapper__head-title { font:500 16px/24px Inter,sans-serif } } .modal-wrapper__head-close { width: 20px; height: 20px } @media (max-width: 900px) { .modal-wrapper__head-close { width:15px; height: 15px } } .modal-wrapper__head-close svg { height: 100%; width: 100%; pointer-events: none } .modal-wrapper__body { margin-bottom: 40px; word-break: break-word } @media (max-width: 900px) { .modal-wrapper__body { margin-bottom:15px } } .modal-wrapper__body p { font: 400 16px/24px Inter,sans-serif; margin: 0 } @media (max-width: 900px) { .modal-wrapper__body p { font:400 12px/18px Inter,sans-serif } } .modal-wrapper__body p:not(:last-child) { margin-bottom: 15px } @media (max-width: 900px) { .modal-wrapper__body p:not(:last-child) { margin-bottom:10px } } .modal-wrapper__footer { display: flex; flex-direction: column; align-items: center; gap: 15px } @media (max-width: 900px) { .modal-wrapper__footer { gap:10px; align-items: flex-start } } .modal-wrapper__footer-btn { padding: 15px 40px; background: var(--data-color); border-radius: 60px; color: #fff; font: 600 18px/26px Inter,sans-serif; transition: .2s; text-align: center; max-width: 400px; width: 100% } @media (max-width: 900px) { .modal-wrapper__footer-btn { max-width:100%; font: 600 16px/24px Inter,sans-serif; padding: 15px } } .modal-wrapper__footer-btn:hover { background: #000!important } .modal-wrapper__footer-check { padding-left: 30px; font: 400 14px/20px Inter,sans-serif; color: #B7B7B7; position: relative; cursor: pointer } @media (max-width: 900px) { .modal-wrapper__footer-check { font:400 12px/20px Inter,sans-serif } } .modal-wrapper__footer-checkbox { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #fff; border: 1px solid #B7B7B7; border-radius: 5px } .modal-wrapper__footer-checkbox::after { content: ""; position: absolute; left: 3px; top: 4px; opacity: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23B7B7B7' fill-rule='evenodd' d='M12.713.543c.28.28.28.735 0 1.016L4.815 9.456a.718.718 0 0 1-1.015 0L.21 5.866a.718.718 0 1 1 1.016-1.015l3.082 3.082 7.39-7.39a.718.718 0 0 1 1.015 0Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .333h12.923v9.333H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain; width: 14px; height: 10px; transition: .3s } .modal-wrapper__footer-checkbox-input:checked + .modal-wrapper__footer-checkbox::after { opacity: 1 } .school-breadcrumbs { margin: 0 0 20px; display: flex; align-items: center; gap: 5px 0; flex-wrap: wrap; width: 100% } .school-breadcrumbs__link { margin: 0; text-decoration: none; font: 500 12px/16px Inter,sans-serif; color: #989898; transition: .2s } .school-breadcrumbs__link:hover { color: #000 } .school-breadcrumbs__link:hover svg path { stroke: #000 } .school-breadcrumbs__separator { margin: 0 15px } @media (max-width: 900px) { .school-breadcrumbs__separator { margin:0 8px } } .school-breadcrumbs__last { font: 500 12px/16px Inter,sans-serif; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical } .school__banner { display: flex; align-items: center; gap: 60px; padding: 0 60px; margin-bottom: 60px; border-radius: 15px; position: relative; overflow: hidden } .school__banner::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--data-bg); z-index: -1; opacity: .5 } @media (max-width: 1200px) { .school__banner { flex-direction:column; padding: 20px } } @media (max-width: 900px) { .school__banner { gap:20px; margin-bottom: 30px } } .school__banner-img { height: 100%; width: auto } @media (max-width: 900px) { .school__banner-img { max-width:450px; width: 100%; height: auto } } .school__banner-title { margin: 0 0 20px; font: 600 52px/62px Inter,sans-serif; text-transform: uppercase } @media (max-width: 900px) { .school__banner-title { margin:0 0 10px; font: 600 32px/42px Inter,sans-serif } } .school__banner-desc { max-width: 500px; margin: 0; font: 400 18px/26px Inter,sans-serif } .school__image { width: 100%; height: 200px; object-fit: cover; border-radius: 15px; margin-bottom: 20px } @media (max-width: 900px) { .school__image { margin-bottom:15px } } .school__greeting { margin-bottom: 30px } @media (max-width: 900px) { .school__greeting { margin-bottom:20px } } .school__greeting-title { font: 400 24px/36px Inter,sans-serif; margin: 0 0 15px } @media (max-width: 900px) { .school__greeting-title { margin:0 0 10px; font: 400 20px/30px Inter,sans-serif } } .school__greeting-desc { font: 400 16px/24px Inter,sans-serif; margin: 0 } @media (max-width: 900px) { .school__greeting-desc { font:400 14px/20px Inter,sans-serif } } .school__service { padding: 35px 40px; border-radius: 15px; background: #FFF; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.07); display: flex; align-items: center; gap: 40px; min-height: 280px; text-decoration: none } @media (max-width: 900px) { .school__service { flex-direction:column; padding: 15px; gap: 15px } } .school__service-img { max-width: 260px; width: 100%; height: 100% } @media (max-width: 900px) { .school__service-img { max-width:500px; border-radius: 5px; border: 1px solid #EBEBEB; background: #fff; padding: 10px; min-height: 240px; object-fit: contain } } .school__service-title { margin: 0 0 25px; font: 500 24px/36px Inter,sans-serif; color: #000 } @media (max-width: 900px) { .school__service-title { margin:0 0 10px; font: 500 20px/24px Inter,sans-serif } } .school__service-desc { margin: 0; font: 400 16px/24px Inter,sans-serif; color: #000 } @media (max-width: 900px) { .school__service-desc { font:400 14px/20px Inter,sans-serif } } .school__service:not(:last-child) { margin-bottom: 10px } .school__main { display: grid; align-items: center; grid-template-columns: 1fr 490px; grid-gap: 35px } @media (max-width: 1200px) { .school__main { grid-template-columns:1fr 350px } } @media (max-width: 900px) { .school__main { grid-template-columns:1fr } } .school__main-info:only-child { grid-column: span 2/auto } .school__main-title { font: 500 24px/34px Inter,sans-serif; margin: 0 0 10px } @media (max-width: 900px) { .school__main-title { font:500 18px/26px Inter,sans-serif } } .school__main-desc { font: 400 16px/24px Inter,sans-serif } .school__main-desc p { margin: 0 } .school__main-desc p:not(:last-child) { margin-bottom: 10px } .school__main-img { width: 100%; height: auto } @media (max-width: 900px) { .school__main-img { order:-1; max-width: 450px; margin: 0 auto } } .school__main-btn { margin: 20px 0 0; padding: 15px 40px; background: var(--data-color); border-radius: 60px; color: #fff; font: 600 18px/26px Inter,sans-serif; transition: .2s } @media (max-width: 900px) { .school__main-btn { width:100%; text-align: center; padding: 15px; font: 600 16px/24px Inter,sans-serif } } .school__main-btn:hover { background: #000 } .school__topics { margin: 60px 0 0; padding: 0; list-style: none } @media (max-width: 900px) { .school__topics { margin:40px 0 0 } } .school__topic { border-top: 1px solid #000 } .school__topic.active .school__topic-icon span:nth-child(2) { opacity: 0 } .school__topic.active .school__topic-content { margin-bottom: 20px } .school__topic.lock .school__topic-icon span { background: #989898 } .school__topic.lock .school__topic-title { color: #989898; display: flex; align-items: center } .school__topic.lock .school__topic-title:before { content: ""; margin-right: 15px; height: 20px; width: 20px; min-width: 20px; display: inline-block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23989898' d='M16.25 7.848V6.25A6.257 6.257 0 0 0 10 0a6.257 6.257 0 0 0-6.25 6.25v1.598A2.491 2.491 0 0 0 2.5 10v7.5C2.5 18.879 3.621 20 5 20h10c1.379 0 2.5-1.121 2.5-2.5V10c0-.921-.506-1.719-1.25-2.152ZM10 2.5a3.754 3.754 0 0 1 3.75 3.75V7.5h-7.5V6.25A3.754 3.754 0 0 1 10 2.5Zm1.25 12.013v1.737h-2.5v-1.737a1.863 1.863 0 0 1-.625-1.388 1.875 1.875 0 1 1 3.75 0c0 .553-.244 1.045-.625 1.388Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain } @media (max-width: 900px) { .school__topic.lock .school__topic-title:before { margin-right:10px; height: 15px; width: 15px } } .school__topic:last-child { border-bottom: 1px solid #000 } .school__topic-head { cursor: pointer; padding: 20px 0; display: grid; align-items: center; grid-template-columns: 1fr 20px; grid-gap: 16px } @media (max-width: 900px) { .school__topic-head { padding:15px 0 } } .school__topic-head:hover .school__topic-title { color: var(--data-color) } .school__topic-head:hover .school__topic-icon span { background: var(--data-color) } .school__topic-title { margin: 0; font: 600 24px/34px Inter,sans-serif; transition: .2s } @media (max-width: 900px) { .school__topic-title { font:600 18px/26px Inter,sans-serif } } .school__topic-icon { position: relative; width: 20px; height: 20px } .school__topic-icon span { background: #000; border-radius: 2px; position: absolute; transition: .2s } .school__topic-icon span:nth-child(1) { width: 20px; height: 2px; top: 9px; left: 0 } .school__topic-icon span:nth-child(2) { width: 2px; height: 20px; top: 0; left: 9px } .school__topic-content { max-height: 0; overflow: hidden; transition: max-height ease 0.5s,margin .5s } .school__topic-content iframe { margin: 30px auto; aspect-ratio: 16/9; max-width: 1200px; width: 100%; height: 100%; border-radius: 20px; display: block } .school__topic-content ul,.school__topic-content ol { margin: 20px 0; padding: 0; list-style: none } .school__topic-content ul li,.school__topic-content ol li { display: grid; grid-template-columns: 7px 1fr; grid-gap: 15px } @media (max-width: 900px) { .school__topic-content ul li,.school__topic-content ol li { grid-gap:10px } } .school__topic-content ul li:before,.school__topic-content ol li:before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--data-color); margin-top: 8px } .school__topic-content p,.school__topic-content li { margin: 0; font: 400 16px/24px Inter,sans-serif } .school__topic-content p:not(:last-child),.school__topic-content li:not(:last-child) { margin-bottom: 10px } @media (max-width: 900px) { .school__topic-content p,.school__topic-content li { font:400 14px/20px Inter,sans-serif } } .school__topic-content b,.school__topic-content strong { display: block; margin-bottom: 20px; font: 600 16px/24px Inter,sans-serif } .school__topic-content .img-text { display: grid; align-items: center; grid-gap: 30px } @media (max-width: 900px) { .school__topic-content .img-text { grid-gap:15px } } .school__topic-content .img-text.img-right { grid-template-columns: 1fr 490px } @media (max-width: 1200px) { .school__topic-content .img-text.img-right { grid-template-columns:1fr 350px } } @media (max-width: 900px) { .school__topic-content .img-text.img-right { grid-template-columns:1fr } } .school__topic-content .img-text.img-left { grid-template-columns: 490px 1fr } @media (max-width: 1200px) { .school__topic-content .img-text.img-left { grid-template-columns:350px 1fr } } @media (max-width: 900px) { .school__topic-content .img-text.img-left { grid-template-columns:1fr } } .school__topic-content .img-text:not(:last-child) { margin-bottom: 30px } .school__topic-content .img-text img { width: 100%; height: auto } @media (max-width: 900px) { .school__topic-content .img-text img { max-width:450px; margin: 0 auto } } .school__topic-content .note { margin: 10px 0; color: #989898 } .school__topic-content .items { display: flex; gap: 25px; justify-content: center; flex-wrap: wrap; margin: 30px 0 } .school__topic-content .items:last-of-type { margin: 30px 0 0 } .school__topic-content .items.left .items-el-text { text-align: left } .school__topic-content .items-el { max-width: calc((100% - (var(--data-count) - 1) * 25px) / var(--data-count)); width: 100%; display: flex; flex-direction: column; align-items: center } @media (max-width: 990px) { .school__topic-content .items-el { max-width:calc((100% - 25px) / 2) } } @media (max-width: 576px) { .school__topic-content .items-el { max-width:calc(100% - 25px) } } .school__topic-content .items-el-image { max-width: 600px; width: 100%; max-height: 300px; height: 100%; object-fit: contain } @media (max-width: 900px) { .school__topic-content .items-el-image { height:250px } } @media (max-width: 576px) { .school__topic-content .items-el-image { height:180px } } .school__topic-content .items-el-text { margin: 15px 0 0; text-align: center } .school__topic-content .text-streamlining { display: inline-block } @media (max-width: 768px) { .school__topic-content .text-streamlining { display:grid } } .school__topic-content .text-streamlining-img { margin: 10px } .school__topic-content .text-streamlining-img.right { float: right } @media (max-width: 768px) { .school__topic-content .text-streamlining-img.right { margin:10px auto } } .school__topic-content .text-streamlining-img.left { float: left } @media (max-width: 768px) { .school__topic-content .text-streamlining-img.left { margin:10px auto } } .school__video { margin-top: 40px } .school__video iframe { margin: 0 auto; aspect-ratio: 16/9; max-width: 1200px; width: 100%; height: 100%; border-radius: 20px } .lk-sales__form-title { margin: 0 0 8px; font: 400 14px/22px Inter,sans-serif } .lk-sales__form-title:not(:first-child) { margin-top: 16px } .lk-sales__form-input { padding: 7px 12px; border: 1px solid #EBEBEB; appearance: none; width: 100%; max-width: 200px; box-sizing: border-box; font: 400 14px/24px Inter,sans-serif; outline: none; border-radius: 5px; height: 40px } .lk-sales__form-input::placeholder { color: #B7B7B7 } @media (max-width: 768px) { .lk-sales__form-input { max-width:100% } } .lk-sales__form-btn { max-width: 165px; width: 100%; padding: 8px 9px; border: 1px solid #000; border-radius: 5px; font: 500 14px/22px Inter,sans-serif; text-align: center; text-decoration: none; color: #fff; background: #000; transition: .3s; margin-top: 24px } .lk-sales__form-btn:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3) } .lk-sales__dates { display: flex; gap: 18px } @media (max-width: 768px) { .lk-sales__dates { display:grid; grid-template-columns: 1fr 1fr; grid-gap: 10px } } .lk-sales__dates-title { margin: 0 0 4px; font: 400 14px/22px Inter,sans-serif } .lk-sales__dates-block input { padding: 7px 12px; background: #FFF; border: 1px solid #EBEBEB; border-radius: 5px; font: 300 14px/24px Inter,sans-serif; color: #000 } @media (max-width: 768px) { .lk-sales__dates-block input { width:100% } } .lk-sales__checkbox:not(:last-of-type) { margin-bottom: 15px } .lk-sales__checkbox p { margin: 0 } .lk-sales__checkbox-input { display: none; margin-top: 10px } .lk-sales__checkbox input[type=checkbox]:checked ~ .lk-sales__checkbox-input { display: block } .lk-sales__list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px } @media (max-width: 768px) { .lk-sales__list { grid-template-columns:1fr } } .lk-sales__list .checkbox p { margin: 0 } .analytics_head_page { gap: 15px } .analytics_head_page .analytics-head__form { margin-left: auto } .analytics_head_page .btn_white { display: flex; align-items: center; justify-content: center; gap: 5px; text-decoration: none; background: #fff; text-align: center; color: #000; border: 1px solid #000; border-radius: 5px; padding: 8px; font: 400 14px/22px Inter,sans-serif; transition: .3s; min-width: 191px } .analytics_head_page .btn_white:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } @media screen and (max-width: 900px) { .analytics_head_page .btn_white { display:none } } .analytics_head_page .btn_back { gap: 15px; min-width: 121px } @media screen and (max-width: 1050px) { .analytics_head_page .analytics__download-btn { min-width:51px } .analytics_head_page .analytics__download-btn span { display: none } } .analytics__download_wrap--mobile { margin-bottom: 14px } .analytics__download_wrap--mobile .btn_white { display: flex; align-items: center; justify-content: center; gap: 5px; text-decoration: none; background: #fff; text-align: center; color: #000; border: 1px solid #000; border-radius: 5px; padding: 8px; font: 400 14px/22px Inter,sans-serif; transition: .3s; min-width: 191px } .analytics__download_wrap--mobile .btn_white:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } .analytics__download_wrap--mobile .btn_back { gap: 15px; min-width: 121px; margin-bottom: 10px } @media screen and (min-width: 901px) { .analytics__download_wrap--mobile { display:none } } .roulette--grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 40px; margin-bottom: 40px } @media (max-width: 990px) { .roulette--grid { margin-bottom:40px; grid-template-columns: 1fr; grid-gap: 12px } } .roulette-info { max-width: 510px; margin: 20px auto 16px } @media (max-width: 990px) { .roulette-info { margin:16px auto } } .roulette-info__block { display: grid; border-radius: 5px; border: 1px solid #EBEBEB } .roulette-info__block:not(:last-child) { margin-bottom: 10px } .roulette-info__head { text-align: center; padding: 8px; background: #F5F5F5; color: #434343; font: 300 14px/22px Inter,sans-serif; border-radius: 5px 5px 0 0 } @media (max-width: 990px) { .roulette-info__head { font:300 12px/22px Inter,sans-serif } } .roulette-info__value { text-align: center; padding: 8px; color: #434343; font: 300 14px/22px Inter,sans-serif } @media (max-width: 990px) { .roulette-info__value { font:300 12px/22px Inter,sans-serif } } .roulette-info__value--bold { font: 400 14px/22px Inter,sans-serif } @media (max-width: 990px) { .roulette-info__value--bold { font:400 12px/22px Inter,sans-serif } } .roulette-details { max-width: 510px; margin: 0 auto } .roulette-details .roulette__actions { margin-top: 16px } .roulette-inputs { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-bottom: 15px } .roulette-inputs__item { border-radius: 5px; border: 1px solid #EBEBEB; padding: 9px 15px; font: 400 14px/22px Inter,sans-serif; color: #000; width: 100% } @media (max-width: 990px) { .roulette-inputs__item { padding:6px 10px; font: 400 12px/22px Inter,sans-serif } } .roulette-enter__title { font: 400 14px/22px Inter,sans-serif; color: #434343; margin: 0 0 5px } .roulette-enter__input { padding: 9px 15px; border-radius: 5px; border: 1px solid #EBEBEB; background: #F5F5F5; font: 400 14px/22px Inter,sans-serif; width: 100%; text-align: center } .roulette-results { display: grid; margin-bottom: 15px; grid-template-columns: 1fr 1fr; border-radius: 5px; border: 1px solid #EBEBEB } .roulette-results__title,.roulette-results__value { padding: 9px 15px; font: 300 14px/22px Inter,sans-serif } @media (max-width: 990px) { .roulette-results__title,.roulette-results__value { padding:6px 10px; font: 300 12px/22px Inter,sans-serif } } .roulette-results__title:nth-child(4n-1),.roulette-results__title:nth-child(4n),.roulette-results__value:nth-child(4n-1),.roulette-results__value:nth-child(4n) { background: #F5F5F5 } .roulette-results__title:nth-child(odd),.roulette-results__value:nth-child(odd) { border-right: 1px solid #EBEBEB } .roulette-results__title:not(:nth-last-child(-n+2)),.roulette-results__value:not(:nth-last-child(-n+2)) { border-bottom: 1px solid #EBEBEB } .roulette__actions { display: flex; justify-content: flex-end; gap: 16px } .roulette__actions-btn { border-radius: 5px; font: 300 14px/21px Inter,sans-serif; padding: 8.5px 50px; appearance: none; outline: none; transition: .3s; text-align: center; box-sizing: border-box; text-decoration: none; display: flex; align-items: center; justify-content: center; border: 1px solid #000; color: #fff; background: #000 } .roulette__actions-btn--empty { border: 1px solid #EBEBEB; background: #FFF; color: #000 } .roulette__actions-btn:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } @media (max-width: 990px) { .roulette__actions-btn { flex-basis:50%; text-align: center } .roulette__actions-btn:only-child { flex-basis: 100% } } .tickets { margin: 0 auto; border-radius: 5px; background: #000; padding: 5px; display: grid; grid-template-columns: repeat(10,33px); grid-gap: 5px; width: fit-content } @media (max-width: 430px) { .tickets { width:calc(100% + 20px); grid-template-columns: repeat(10,1fr); border-radius: 0; margin: 0 -10px; padding: 10px } } .tickets + .roulette-details { margin-top: 20px } @media (max-width: 990px) { .tickets + .roulette-details { margin-top:15px } } .tickets__item-num { cursor: pointer; width: 33px; height: 33px; border-radius: 5px; background: #FFF; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.07); display: flex; align-items: center; justify-content: center; font: 400 14px/20px Inter,sans-serif; color: #000 } @media (max-width: 430px) { .tickets__item-num { width:100%; height: 100%; aspect-ratio: 1/1; font: 400 12px/16px Inter,sans-serif } } .tickets__item-input { display: none } .tickets__item-input:disabled + .tickets__item-num { cursor: not-allowed } .tickets__item-input:checked + .tickets__item-num { border-radius: 5px; border: 1px solid #9DC8FF; background: #000; color: #9DC8FF } .tickets__item-input[data-success=failed] + .tickets__item-num { border: 1px solid #F24747; color: #F24747 } .tickets__item-input[data-success=success] + .tickets__item-num { border: 1px solid #47F262; color: #47F262 } .slider__wrap { border-radius: 10px; border: 1px solid #EBEBEB; background: #FFF; margin-bottom: 12px } .slider__slide { display: flex; justify-content: center; align-items: flex-end; gap: 10px; height: 100%; text-decoration: none; padding: 6px; overflow: hidden } .slider__slide-wrap { display: flex; justify-content: center; align-items: flex-end; height: 100%; position: relative } .slider__img { display: block; position: absolute; height: 100%; max-height: 73px; width: auto; top: 50%; width: auto; transform: translateY(-50%) } .slider__img:first-child { right: calc(100% + 10px) } .slider__img:last-child { left: calc(100% + 10px) } .slider__title { text-align: center; margin: 0 0 5px; color: #000; text-shadow: 0 4px 4px rgba(0,0,0,0.25); font-family: "Inter",sans-serif; font-size: 20px; font-weight: 700; line-height: 1.2 } .slider__text { margin: 0 auto; white-space: nowrap; color: #000; text-align: center; text-shadow: 0 4px 4px rgba(0,0,0,0.25); font-family: "Inter",sans-serif; font-size: 10px; font-weight: 500; line-height: 1.1 } .slider__text:last-child { padding-bottom: 25px } .slider__content { position: relative; z-index: 2 } .slider .splide__pagination { bottom: 10px } .slider .splide__pagination__page { background: #EBEBEB } .slider .splide__pagination__page.is-active { background: #000; transform: scale(1) } .copy-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 7px 20px; border-radius: 15px; border: 1px solid var(--data-copy-border); background: var(--data-copy-bg); color: var(--data-copy-content); font-family: "Inter",sans-serif; font-weight: 400; font-size: 14px; line-height: 1.22; cursor: pointer; margin-bottom: 12px } .copy-link__text { white-space: nowrap; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical } .copy-link__text--hidden { display: none } .copy-link p { margin: 0 } .copy-link__action { display: flex; align-items: center; gap: 15px; white-space: nowrap } .copy-link__action svg path { fill: var(--data-copy-content) } .shop_title_status .user-profile__title { color: var(--data-color) } .my_order_panel--color a { color: var(--data-color) } .shop_nav_box a.shop_nav_box--accent { color: var(--data-color) } .moder_review_status svg path { fill: var(--data-color) } .moder_review_status svg { display: block } .moder_review_comment svg { cursor: pointer } .moder_review_comment svg path { transition: stroke .3s } .moder_review_comment svg:hover path,.moder_review_comment.active svg path { stroke: #000 } .buyers_table--moder { margin-top: 15px } .list_buyers input[type=checkbox] { display: none } .list_buyers input[type=checkbox]:checked ~ .my_lk_panel { display: block } .list_buyers input[type=checkbox]:checked ~ label.lk_btn_call { border: 1px solid #000 } .list_buyers .list_buyers_title--flex { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap } .list_buyers .buyers_table.buyers_table--moder .list_buyers_form { margin: 0; padding: 0; border-top: 0 } .list_buyers .buyers_table.buyers_table--moder .list_buyers_form input { padding: 6px 14px } .list_buyers .buyers_table.buyers_table--moder .list_buyers_form button { padding: 6px 9px } .list_buyers .buyers_table.buyers_table--moder .moder_review_comment.active + .moder-table-comment { padding-top: 10px; max-height: 200px } .list_buyers .buyers_table.buyers_table--moder .lk_table_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; gap: 20px; flex-wrap: wrap } @media (max-width: 1099px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_header { flex-direction:column; align-items: stretch } } .list_buyers .buyers_table.buyers_table--moder .lk_table_header .checkbox p { margin: 0; font-weight: 500 } .list_buyers .buyers_table.buyers_table--moder .moder-table-comment { grid-column-start: 1; grid-column-end: 11; font: 300 14px/22px Inter,sans-serif; max-height: 0; overflow: hidden; transition: max-height 0.3s,padding-top .3s } @media (max-width: 900px) { .list_buyers .buyers_table.buyers_table--moder .moder-table-comment { grid-column-start:1; grid-column-end: 3 } } .list_buyers .buyers_table.buyers_table--moder .lk_table_title { grid-template-columns: 1fr 1.1fr 0.6fr 0.8fr 0.5fr 0.4fr 0.7fr 0.6fr 130px 30px; grid-gap: 0 10px } @media (max-width: 900px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_title { display:none } } .list_buyers .buyers_table.buyers_table--moder .buyers_review_table { align-items: center } .list_buyers .buyers_table.buyers_table--moder .lk_table_item { grid-gap: 0 10px; align-items: center; grid-template-columns: 1fr 1.1fr 0.6fr 0.8fr 0.5fr 0.4fr 0.7fr 0.6fr 130px 30px } @media (max-width: 900px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_item { grid-template-columns:1fr 1fr; grid-gap: 8px } } .list_buyers .buyers_table.buyers_table--moder .lk_table_item > p > a > span { text-decoration: underline } @media (min-width: 901px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_item .moder_review_comment { display:flex; justify-content: center } .list_buyers .buyers_table.buyers_table--moder .lk_table_item .one-line { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical } } .list_buyers .buyers_table.buyers_table--moder .lk_table_item a { font: 300 14px/22px Inter,sans-serif; text-decoration: none } @media (max-width: 900px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_item p { flex-wrap:wrap } } .list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--exchanges .lk_table_item,.list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--exchanges .lk_table_title { grid-template-columns: 1fr 0.6fr 1fr 1fr 0.6fr 1.2fr } @media (max-width: 900px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--exchanges .lk_table_item,.list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--exchanges .lk_table_title { grid-template-columns:1fr 1fr; grid-gap: 8px } } .list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--coupons .lk_table_item,.list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--coupons .lk_table_title { grid-template-columns: 1fr 1.3fr 0.7fr 0.7fr 1.5fr 1.2fr } @media (max-width: 900px) { .list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--coupons .lk_table_item,.list_buyers .buyers_table.buyers_table--moder .lk_table_wrap--coupons .lk_table_title { grid-template-columns:1fr 1fr; grid-gap: 8px } } .lk_table_wrap__mark-list { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px } @media (max-width: 900px) { .lk_table_wrap__mark-list { justify-content:flex-start } } .lk_table_wrap__mark-list .lk_table_wrap__mark-item { padding: 6px 12px; border-radius: 5px; font: 400 12px/16px Inter,sans-serif; background-color: var(--data-bgcolor); color: #fff } .decor_table_item .lk_table_wrap__mark-list { align-items: flex-start } .decor_bottom_wrap--label .decor_table_item:nth-child(2n) { background: #FAFAFA } .buyers_table--moder .filter_row.four { margin-bottom: 0; flex-grow: 1 } @media (min-width: 992px) { .buyers_table--moder .list_buyers_form { grid-template-columns:235px 100px } } .survey { padding: 30px; border-radius: 10px; border: 1px solid #EBEBEB; margin-bottom: 12px; position: relative } @media (max-width: 767px) { .survey { padding:15px 0 0; border-radius: 5px } } .survey__close { position: absolute; top: 30px; right: 30px; display: flex; align-items: center; text-decoration: none; color: #000; gap: 10px; font: 400 16px/19px Inter,sans-serif } .survey__close:hover { text-decoration: underline } @media (max-width: 767px) { .survey__close { font-size:14px; line-height: 16px; top: 15px; right: 15px } .survey__close svg { width: 12px; height: 12px } } .survey__user { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; padding-right: 100px } @media (max-width: 767px) { .survey__user { flex-direction:column; gap: 15px; padding-right: 0; padding-left: 15px; align-items: flex-start; margin-bottom: 20px } } .survey__user-img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; display: block } @media (max-width: 767px) { .survey__user-img { width:30px; height: 30px } } .survey__user-title { font: 400 20px/24px Inter,sans-serif; margin: 0 0 5px } @media (max-width: 767px) { .survey__user-title { margin-bottom:10px; font-size: 16px; line-height: 19px } } .survey__user-text { font: 300 16px/24px Inter,sans-serif; margin: 0 } @media (max-width: 767px) { .survey__user-text { font-size:14px; line-height: 21px } } .survey__pagination { position: static; gap: 10px; margin-bottom: 30px } @media (max-width: 767px) { .survey__pagination { margin-bottom:20px; gap: 5px } } .survey__pagination .survey__dot { width: 40px; height: 3px; border-radius: 10px; margin: 0; display: block } @media (max-width: 767px) { .survey__pagination .survey__dot { width:20px } } .survey__pagination .survey__dot.is-active { background-color: #000; transform: scale(1) } .survey__arrow { top: calc(50% + 17px); width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 5px; background-color: #fff; border: 1px solid #000; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1019607843); opacity: 1 } .survey__arrow:disabled { pointer-events: none } .survey__arrow--prev { left: calc(24% - 55px) } .survey__arrow--next { right: calc(24% - 55px) } @media (max-width: 1199px) { .survey__arrow--prev { left:calc(10% - 55px) } .survey__arrow--next { right: calc(10% - 55px) } } .survey__arrow svg { width: 15px; height: 15px } .survey__arrow:hover { background-color: #000 } .survey__arrow:hover svg path,.survey__arrow:hover svg { fill: #FFF } .survey__bg { padding: 30px 0; background-color: #FAFAFA; border-radius: 10px } @media (max-width: 767px) { .survey__bg { padding:15px 0; border-radius: 0 } } .survey__track { margin-top: -10px; margin-bottom: -10px; padding-top: 10px; padding-bottom: 10px } .survey__slide { height: 100%; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1019607843); padding: 30px; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 200px; font: 300 20px/30px Inter,sans-serif } @media (max-width: 767px) { .survey__slide { min-height:128px; font-size: 16px; line-height: 24px; padding: 15px } } .survey__actions { margin-top: 40px; display: grid; align-items: center; grid-template-columns: repeat(3,1fr); gap: 20px; padding: 0 14% } @media (max-width: 1199px) { .survey__actions { padding:0 7% } } @media (max-width: 767px) { .survey__actions { margin-top:20px; padding: 0 15px } } @media (max-width: 650px) { .survey__actions { grid-template-columns:1fr; gap: 10px } } .survey__actions.hidden { display: none } .survey__actions-label { display: flex; justify-content: center; cursor: pointer } .survey__actions-label input { position: absolute } .survey__actions-label input:checked + span { background-color: #000; color: #fff } .survey__actions-label input:checked + span svg path { fill: #fff } .survey__actions-btn,.survey__actions-send { display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 20px; border: 1px solid #000; border-radius: 100px; gap: 10px; font: 400 16px/24px Inter,sans-serif; text-align: center; transition: background-color 0.2s,color 0.2s,box-shadow .2s } .survey__actions-btn:hover,.survey__actions-send:hover { box-shadow: 0 5px 12px rgba(0,0,0,0.12) } @media (max-width: 767px) { .survey__actions-btn,.survey__actions-send { font-size:14px; line-height: 17px } .survey__actions-btn svg,.survey__actions-send svg { width: 15px; height: 15px } } .survey__actions.error-actions .survey__actions-btn { box-shadow: 0 0 9px 2px rgba(255,0,0,0.15) } .survey__actions-send { padding: 10px 90px; width: fit-content } @media (max-width: 650px) { .survey__actions-send { width:100% } } .survey__send { margin-top: 40px; display: flex; align-items: center; justify-content: center } .survey__send.hidden { display: none } @media (max-width: 767px) { .survey__send { margin-top:20px; padding: 0 15px } } .survey__review { height: 100%; width: 100%; padding: 15px; border-radius: 5px; border: 1px solid #EBEBEB; font: 400 14px/21px Inter,sans-serif; resize: none } .survey__review::placeholder { color: #DADADA } @media (max-width: 767px) { .survey__review { font-size:12px; line-height: 14px } } .tip { display: flex; align-items: center; gap: 15px } .tip__wrap { display: flex; align-items: center; gap: 10px 20px; justify-content: space-between; flex-wrap: wrap } @media (max-width: 767px) { .tip { flex-wrap:wrap; gap: 15px } } .tip input { position: absolute } .tip__text { font: 300 14px/1.3 Inter,sans-serif; margin: 0; color: #B7B7B7; white-space: nowrap } .tip__list { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; list-style: none } .tip__item-text { display: inline-block; font: 400 12px/18px Inter,sans-serif; padding: 7px 13px; border-radius: 5px; border: 1px solid #B7B7B7; color: #B7B7B7; cursor: pointer; transition: color 0.3s,border-color 0.3s,box-shadow .3s } .tip__item-text:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3) } .tip input:checked + .tip__item-text { color: #000; border-color: #000 } .decor_btn_select--flex { gap: 15px } .decor_btn_select--flex .decor_form_select { margin-right: 0 } .decor_btn_select--flex .filter-select { text-align: center } .decor_btn_select--flex #type_1 { display: none } .decor_btn_select--flex .filter-select { padding: 7px 14px 8px } .decor_btn_wrap--left { justify-content: flex-start; gap: 10px 15px } .decor_btn_wrap--left button { border: 1px solid #000; padding: 9px 30px } @media (max-width: 990px) { .decor_btn_wrap--left button { grid-row-start:auto } } .decor_btn_wrap .decor_btn_tr { background: transparent; border: 1px solid #000; color: #000; white-space: nowrap; max-width: 100%; width: fit-content } @media (max-width: 990px) { .decor_btn_wrap .decor_btn_tr { width:100% } } .products-nav { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 12px } @media (max-width: 767px) { .products-nav { gap:10px } } .products-nav__item { flex: 1 0 320px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #EBEBEB; color: #B7B7B7; border-radius: 10px; padding: 5px; text-decoration: none; transition: border-color 0.3s,color 0.3s,box-shadow .3s } .products-nav__item.current { border-color: #000; color: #000; pointer-events: none } .products-nav__item:hover { border-color: #000; color: #000; box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1490196078) } .products-nav__item-subtitle { text-align: center; font: 400 12px/14px Inter,sans-serif } .products-nav__item-title { text-align: center; font: 500 16px/20px Inter,sans-serif }