/* Start:/local/frontend/build/css/app.css?175048803869692*/ .design-footer{margin-top:120px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAFrCAYAAAAnwC6sAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABfcSURBVHgB7d37VWN5dgXgc1RQGpbxWlcRGCIwjqDlCCCDIoOqDNoTwTiDngzGjsCTwYwjGDkCZMO0xFDcn0FVVFM9vAR63Mf3rdUXIUT3v1V77d4nY81ms3JwNYijwXV9EDuDf8pSV/d/XnIwLdf1/96+zhLT+ub7xeuIyd1ndr6+/s1vYpqZ0wAAAAAAoPEyVqyUUv11Vp/mIH+oI8Y3/4Eq1qDETRh988/Xbyd37y/ey7J4v67jf375/ODLZwY3v1d/+b18F9N3119e7+3lJAAAAAAAWJmVBdD/d1lOBqV8vHk5jvabLJ55E06XbyF3ZJbF+8u0tm8JtwEAAACAPnpTAH3bdv75b/GxLuXTuprOXfJda/teuL1Ma/uWSRIAAAAAoA1eHUD/9fLzSSmD3928PAi27tFJkiVa2yZJAAAAAIBVWjqAvj0qeJ3lp+jG1AYvM1k8tbYBAAAAgCUsFUCfz8r4JnT8g7kNVkFrGwAAAAC67cUB9M/z8rGO8u8B7TBZPB9pbd8Pt7+1tuPhQ5Ja2wAAAADwOi8KoP96WX4spfxbQM892tpeYpJEaxsAAACAvng2gBY+w8ZMFs97re3Ft0tMkmhtAwAAANAkTwbQwmdoP61tAAAAALbl0QD6Yvb5NHLwUwA8brJ4rqC1fUu4DQAAANAtDwbQs1k5+JzlTzc/rAJgOyaL5yOHJJ9rbd8ySQIAAACwXQ8G0Bfz+i83Xw4CoGMenSRZorVtkgQAAADgZf4ugLb7DPBqk8VTaxsAAABg4bsA+nZ64zrLXwKAxniutX3rLty+39p2SBIAAADYtu8C6IvL8lOUchoA9MVk8VzBIUmtbQAAAODXvgXQ2s8ArMqjre0lJkm0tgEAAKD9vgXQ2s8AtMRk8dTaBgAAgMb7JYCe17ft54MAgB5adWtbuA0AAABfA+iL2efTyMFPAQCsw+Sh18u0tk2SAAAA0EaLAPr8svwhSzkJAKBtJovnvUmSZVrbt0ySAAAAsC5fGtDz+uzmSxUAAPHEJInWNgAAAEvI81kZ3/xl8r8CAGAzJoun1jYAAEDn7WSpjyIzAAA25GDxLL+8sXhZvvx55P4fS/LuQyXunU6OuP769a+Xi/+T6+4jT7a2b92F2/db248dktTaBgAAeLudm7+sHYifAYC2yy9zYneTYgd375fyy590voXbeZs7PxBu32TZ119f3wXbX02+/t631vaXf9/LJ0m0tgEAgD7ayUH+cwAA8JSDxbN8/+a3cLuUmzD66+v74fY9S7W2l5gk0doGAACaLC/m5S83f505CAAAumSyeK6gtX1LuA0AALzGTQBdn8Uv/7sqAAA86rvW9isPSd5vbZskAQCAbrsNoEsAAMCWPXdI8iWtbZMkAADQLAJoAAD6YLJ4vrK1fcshSQAAWJ4AGgAAXklrGwAAniaABgCAZposno+0tu+H299a2/HwIUmtbQAAtkUADQAAPfJca/vWMocktbYBAHiKABoAAFiVyeJ5r7W9+HaJSRKtbQCAbhFAAwAAjfZoa3uJQ5Ja2wAA2yGABgAA+myyeK6gtX1LuA0A8D0BNAAAwIp919p+5JDkc63tWyZJAIC2E0ADAAC0yHOHJF/S2jZJAgBsigAaAACAO5PFU2sbAFgRATQAAABr9Vxr+9ZduH2/te2QJAC0nwAaAACANpssno+0tu9PknxrbcfDhyS1tgFg9QTQAAAA8CuPtraXmCTR2gYAATQAAABs2mTxvNfaXny7xCFJrW0A2kIADQAAAB2w6ta2cBuAVRBAAwAAAM+ZPPT6Na3tWyZJAPpDAA0AAABs02TxfOSQ5HOt7VsmSQCaSwANAAAAdM6jkyRLtLYdkgR4OwE0AAAAwHImi6fWNsCzBNAAAAAADfBca/vWXbh9v7X92CFJrW2gCQTQAAAAAN03WTzvtbYX377ikKTWNrAMATQAAAAAr/Joa3uJSRKtbeg2ATQAAAAATTRZPLW2odUE0AAAAAD0xqpb28JteJoAGgAAAABWY/LQ62Va2yZJ6BoBNAAAAAA032TxvDdJskxr+5ZJErZBAA0AAAAAPfXoJInWNisigAYAAAAA1mFy9/U25K5L+e8yGPx5t44/C6r7QwANAAAAAGxWxp8j84/lOv7zH/fyj0FnCaABAAAAgG2aRKl/+w+/efcftqm7RwANAAAAADTB5CaA/v0/DPO3QWcIoAEAAACAJlk0ovf3dn4ftN4gAAAAAACa4yBy8NPF5fVPs1k5CFpNAxoAAAAAaKrJu5L/ureXk6CVNKABAAAAgKY6uB6UP83+Vj4ErSSABgAAAACaq0R1XZffX8yvPwWtI4AGAAAAAFogf6cJ3T42oAEAAACA1igl//Uf9/KPQStoQAMAAAAArZGD8ofZrBwErSCABgAAAADa43YT+iaEPiulChpPAA0AAAAAtEuJo93L+DFoPBvQAAAAAEA7DfJf9t/nn4PG0oAGAAAAANqpLr8LGk0ADQAAAAC01fh8VsZBYwmgAQAAAIDWyiy2oBtMAA0AAAAAtJkWdIMJoAEAAACAdsv6JGikvJjXJQAAAAAA2ipjevU+D0eZ06BRNKABAAAAgHYrUe3M4yhoHAE0AAAAANB6jhE2kwAaAAAAAGi/jKOzUqqgUQTQAAAAAED7lah2L+vToFEE0AAAAABAR+Rx0Ch5Ma9LAAAAAAB0wNUwR6PMadAIGtAAAAAAQGfszOtPQWMIoAEAAACAzsjMH4LGEEADAAAAAF0yPp+VcdAIAmgAAAAAoGPqcdAIjhACAAAAAN2SMd0fDkbB1mlAAwAAAADdUqIyw9EMAmgAAAAAoHuyPgm2zgQHAAAAANA9GdOr93k4ypwGW6MBDQAAAAB0T4lqZx5HwVYJoAEAAACATsosPwZbJYAGAAAAALop4+islCrYGgE0AAAAANBNJardy/o02BoBNAAAAADQYXkcbE1ezOsSAAAAAAAddTXM0ShzGmycBjQAAAAA0Gk78/pTsBUCaAAAAACg0zLzh2ArBNAAAAAAQNeNz2dlHGycABoAAAAA6IF6HGycI4QAAAAAQPdlTPeHg1GwURrQAAAAAED3lajMcGyeABoAAAAA6IesT4KNMsEBAAAAAPRDxvTqfR6OMqfBRmhAAwAAAAD9UKLamcdRsDECaAAAAACgNzLLj8HGCKABAAAAgP7IODorpQo2QgANAAAAAPRHiWr3sj4NNkIADQAAAAD0TB4HG5EX87oEAAAAAECPXA1zNMqcBmulAQ0AAAAA9M7OvP4UrJ0AGgAAAADoncz8IVg7ATQAAAAA0Efj81kZB2slgAYAAAAAeqoeB2vlCCEAAAAA0E8Z0/3hYBSsjQY0AAAAANBPJSozHOslgAYAAAAA+ivrk2BtTHAAAAAAAP2VMb16n4ejzGmwchrQAAAAAEB/laje/xzjYC0E0AAAAABAr5V35WOwFiY4AAAAAIDeuxrmyAzH6mlAAwAAAAC9t3tZnwYrJ4AGAAAAAIg8DlbOBAcAAAAAQJjhWAcNaAAAAACAGzvz+lOwUgJoAAAAAIAbmWY4Vk0ADQAAAADwxdH5rIyDlRFAAwAAAADcyfokWBlHCAEAAAAA7mRM94eDUbASGtAAAAAAAHdKVGY4VkcADQAAAABwnxmOlTHBAQAAAABwX8b06n0ejjKnwZtoQAMAAAAA3Feiev9zjIM3E0ADAAAAAPxKeVc+Bm9mggMAAAAA4AFXwxyZ4XgbDWgAAAAAgAfsXtanwZsIoAEAAAAAHpTHwZuY4AAAAAAAeIQZjrfRgAYAAAAAeMTOvP4UvJoAGgAAAADgEZlmON5CAA0AAAAA8Lij81kZB68igAYAAAAAeErWJ8GrOEIIAAAAAPCUjOn+cDAKlqYBDQAAAADwlBKVGY7XEUADAAAAADzHDMermOAAAAAAAHhOxvTqfR6OMqfBi2lAAwAAAAA8p0T1/ucYB0sRQAMAAAAAvEB5Vz4GSzHBAQAAAADwQlfDHJnheDkNaAAAAACAF9q9rE+DFxNAAwAAAAC8WB4HL2aCAwAAAABgCWY4Xk4DGgAAAABgCTvz+lPwIgJoAAAAAIAlZOaH4EUE0AAAAAAAyzk4n5Vx8CwBNAAAAADAsrI+CZ7lCCEAAAAAwLIypvvDwSh4kgY0AAAAAMCySlRmOJ4ngAYAAAAAeIXBoHaM8BkCaAAAAACAVyiRJ2elVMGjBNAAAAAAAK9RotqdXztG+AQBNAAAAADAa+XADMcT8mJelwAAAAAA4FWuhjkaZU6Dv6MBDQAAAADwBruX9WnwIAE0AAAAAMCb5HHwIBMcAAAAAABv9K7k4d5eToLvaEADAAAAALzR5zDD8RABNAAAAADAG2Xmh+DvCKABAAAAAN7u4HxWxsF3BNAAAAAAAKuQ9UnwHUcIAQAAAABWIWO6PxyMgm80oAEAAAAAVqFEZYbjewJoAAAAAIAVGQxqxwjvEUADAAAAAKxIiTw5K6UKFgTQAAAAAACrUqLanV87RviVABoAAAAAYJVyYIbjq7yY1yUAAAAAAFiZq2GORpnT6DkNaAAAAACAFdu9rE8DATQAAAAAwOrlcWCCAwAAAABgHd6VPNzby0n0mAY0AAAAAMAafA4zHAJoAAAAAIA1yMwP0XMCaAAAAACA9Tg4n5Vx9JgAGgAAAABgXbI+iR5zhBAAAAAAYF0ypvvDwSh6SgMaAAAAAGBdSlR9nuEQQAMAAAAArNFgUPf2GKEAGgAAAABgjUrkyVkpVfSQABoAAAAAYJ1KVLvz614eIxRAAwAAAACsWw56OcORF/O6BAAAAAAAa3U1zNEocxo9ogENAAAAALABu5f1afSMABoAAAAAYCPyOHrGBAcAAAAAwIa8K3m4t5eT6AkNaAAAAACADfkc/ZrhEEADAAAAAGxIZn6IHhFAAwAAAABszsH5rIyjJwTQAAAAAACblPVJ9IQjhAAAAAAAm5Qx3R8ORtEDGtAAAAAAAJtUourLDIcAGgAAAABgwwaDuhfHCAXQAAAAAAAbViJPzkqpouME0AAAAAAAm1ai2p1fd/4YoQAaAAAAAGAbctD5GY68mNclAAAAAADYuKthjkaZ0+goDWgAAAAAgC3ZvaxPo8ME0AAAAAAAW5PH0WEmOAAAAAAAtuhdycO9vZxEB2lAAwAAAABs0efo7gyHABoAAAAAYIsy80N0lAAaAAAAAGC7Ds5nZRwdJIAGAAAAANi2rE+igxwhBAAAAADYtozp/nAwio7RgAYAAAAA2LYSVRdnOATQAAAAAAANMBjUnTtGKIAGAAAAAGiAEnlyVkoVHSKABgAAAABoghLV7vy6U8cIBdAAAAAAAE2Rg07NcOTFvC4BAAAAAEAjXA1zNMqcRgdoQAMAAAAANMjuZX0aHSGABgAAAABolDyOjjDBAQAAAADQMO9KHu7t5SRaTgMaAAAAAKBhPkc3ZjgE0AAAAAAADZOZH6IDBNAAAAAAAM1zcD4r42g5ATQAAAAAQBNlfRIt5wghAAAAAEATZUz3h4NRtJgGNAAAAABAE5Wo2j7DIYAGAAAAAGiowaBu9TFCATQAAAAAQEOVyJOzUqpoKQE0AAAAAEBTlah259etPUYogAYAAAAAaLIctHaGIy/mdQkAAAAAABrrapijUeY0WkYDGgAAAACg4XYv69NoIQE0AAAAAEDj5XG0kAkOAAAAAIAWeFfycG8vJ9EiGtAAAAAAAC3wOdo3wyGABgAAAABogcz8EC0jgAYAAAAAaIeD81kZR4sIoAEAAAAA2iLrk2gRRwgBAAAAANoiY7o/HIyiJTSgAQAAAADaokTVphkOATQAAAAAQIsMBnVrjhEKoAEAAAAAWqREnpyVUkULCKABAAAAANqkRLU7v27FMUIBNAAAAABA2+SgFTMceTGvSwAAAAAA0CpXwxyNMqfRYBrQAAAAAAAttHtZn0bDCaABAAAAAFopj6PhTHAAAAAAALTUu5KHe3s5iYbSgAYAAAAAaKnP0ewZDgE0AAAAAEBLZeaHaDABNAAAAABAex2cz8o4GkoADQAAAADQZlmfREM5QggAAAAA0GYZ0/3hYBQNpAENAAAAANBmJaqmznAIoAEAAAAAWm4wqBt5jFAADQAAAADQciXy5KyUKhpGAA0AAAAA0HYlqt35deOOEQqgAQAAAAC6IAeNm+HIi3ldAgAAAACA1rsa5miUOY2G0IAGAAAAAOiI3cv6NBpEAA0AAAAA0Bl5HA1iggMAAAAAoEPelTzc28tJNIAGNAAAAABAh3yO5sxwCKABAAAAADokMz9EQwigAQAAAAC65eB8VsbRAAJoAAAAAICuyfokGsARQgAAAACArsmY7g8Ho9gyDWgAAAAAgK4pUTVhhkMADQAAAADQQYMsH2PLBNAAAAAAAB1UMsZnpVSxRQJoAAAAAIAuKlHtXtansUUCaAAAAACAzsrj2KK8mNclAAAAAADopKthjkaZ09gCDWgAAAAAgA7b5gyHABoAAAAAoNO2N8MhgAYAAAAA6Lbxxd/KUWyBABoAAAAAoOPKdX0SW+AIIQAAAABA12VM94eDUWyYBjQAAAAAQNeVqM5nZRwbJoAGAAAAAOiD3PwMhwkOAAAAAIA+2MIMhwY0AAAAAEAfbGGGQwANAAAAANATgywfY4ME0AAAAAAAPVEyxmelVLEhAmgAAAAAgL4oUe1e1qexIQJoAAAAAIBeyePYkLyY1yUAAAAAAOiNq2GORpnTWDMNaAAAAACAntnUDIcAGgAAAACgdzYzwyGABgAAAADon/HF38pRrJkAGgAAAACgh8p1fRJr5gghAAAAAEAfZUz3h4NRrJEGNAAAAABAH5WozmdlHGskgAYAAAAA6Ktc7wyHCQ4AAAAAgL5a8wyHBjQAAAAAQF+teYZDAA0AAAAA0GODLB9jTQTQAAAAAAA9VjLGZ6VUsQYCaAAAAACAPitR7V7Wp7EGAmgAAAAAgN7L41iDvJjXJQAAAAAA6LWrYY5GmdNYIQ1oAAAAAABiHTMcAmgAAAAAAGIdMxwCaAAAAAAAbo3PZ2UcKySABgAAAADgq3ocK+QIIQAAAAAAX2RM94eDUayIBjQAAAAAAF+UqFY5wyGABgAAAADgF1mfxIqY4AAAAAAA4BcZ06v3eTjKnMYbaUADAAAAAPCLEtXOPI5iBQTQAAAAAAB8J7P8GCsggAYAAAAA4HsZR2elVPFGAmgAAAAAAL5Xotq9rE/jjQTQAAAAAAA8II/jjfJiXpcAAAAAAIBfuRrmaJQ5jVfSgAYAAAAA4EE78/pTvIEAGgAAAACAB2XmD/EGAmgAAAAAAB4zPp+VcbySABoAAAAAgCfU43glRwgBAAAAAHhcxnR/OBjFK2hAAwAAAADwuBLVa2c4BNAAAAAAADwt65N4BRMcAAAAAAA8LWN69T4PR5nTZX5NAxoAAAAAgKeVqHbmcRRLEkADAAAAAPCszPJjLEkADQAAAADA8zKOzkqplvkVATQAAAAAAM8rUe1e1qfL/IoAGgAAAACAF8rjpT59Ma9LAAAAAADAC1wNczTKnL7ksxrQAAAAAAC82M68/vTSzwqgAQAAAAB4scz84aWfFUADAAAAALCM8fmsjF/yQQE0AAAAAABLqscv+ZQjhAAAAAAALCdjuj8cjJ77mAY0AAAAAADLKVG9ZIZDAA0AAAAAwPKyPnn2IyY4AAAAAABYWsb06n0ejjKnj31EAxoAAAAAgOWVqHbmcfTURwTQAAAAAAC8Smb58amfC6ABAAAAAHidjKOzUqrHfiyABgAAAADgdUpUu5f16WM/FkADAAAAAPAGefzoTy7mdQkAAAAAAHilq2GORpnTX7+vAQ0AAAAAwJvszOtPD70vgAYAAAAA4E0y84eH3hdAAwAAAADwVuPzWRn/+k0BNAAAAAAAK1CPf/2OI4QAAAAAALxdxnR/OBjdf0sDGgAAAACAtytR/XqGQwANAAAAAMBqZH3y3bcmOAAAAAAAWImM6dX7PBxlTm+/1YAGAAAAAGA1SlQ78zi6+1YADQAAAADAymSWH+9eC6ABAAAAAFidjKOzUqrblwJoAAAAAABWp0S1e1mf3r4UQAMAAAAAsGJ5vHhezOsSAAAAAACwQlfDHGlAAwAAAACwcjvz+pMAGgAAAACAlcvMH/4fyjcQsRFM2tYAAAAASUVORK5CYII=) no-repeat 50%;background-size:100% 100%;padding:140px 0 70px}@media only screen and (min-width:1281px){.design-footer{margin-top:8.333vw;padding:9.722vw 0 4.861vw}}@media only screen and (max-width:1280px){.design-footer{padding-top:60px;margin-top:70px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAAEYCAYAAADrm5FRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAApvSURBVHgB7d3vcRvHGcDhd4/yhJqJh2AFug7MDixXkJSgDqwOnFTgElRCJhVYHcgdhKlAzIgOIJl3a4AjySABkuB/Yt/nmbGI21vykz/cD7d3W+KB1Fons1lMhp2Y1CEmX8bLThztDHG0PHd3N45KKUcBAADcqRL3YHGxfzyLg/nF/d9irAfzof7zfzf/mzGPgojzUXB4ft7pnFLPzKulO6rD+L8z82ocjfPxc797uPL31gTK8+dlZR4AAGyDOwuAxUX/h0/xsqv1x/nF+sH8D08ikdsEyjjGf1fmCRQAAO7BrQNgceH//0/x41jr62wX/VvmcJOxTQOlRrfud1fHBAoAwJNy4wBw4c8dO9xkrJS6MnabQHm2ZkygAAAtu1EAfJjWl/MLsTdxy3X9sEUONxm7caB0cVTGlSVkAgUAuHPXCoDFt/6/fYyf5p9eB/CUHJ45KvOYqKtBcd+B4g1eAPD0bRwA02nth67+a35lcBAA13N45mjDQFn3Bq/TcYECADe2UQAcH9eDeDa/+LfkB2jM2jd43SJQ1r3Ba12g2AMFgMdyZQAsLv7rs/qLB30BHt6mgXKbPVAECkAulwbAYtnPSanvXPwDsM5T2qRRoABs5sIAOF3zX+ovYdkPAFvKJo0Aqy4MgOOP4zsP/ALA/REowGNYGwC/faw/1Vr/EQBAZoebjN31LvL2QIH7tRIAn5f+/CcAAJ62w03G7CIPZ60EwPFsXFz89wEAwG0cnjl6pE0aFwQKy54tHxxPT16Fi38AgLvQnzmq6yfVuroiu6xZpF3O/4EaaxdzD6tDiy9414zapDGrM//b+PYfAIDH9libNC5kCJSvAXD67X/p3gQAAHCh627SuFjStbhDsnim5K+78etjB8WfAeDbfwAAeAhvoyu/1iH+/e3z8jYe2GkAHH+qBzHWdwEAADykw6jjP3di5+1DPazdLf6pJ+OrAAAAHlq/WIa/eA3/8cfhzeKV/HHPTgOgdOX7AAAAHk8tr+Yh8MtiU964R8XGXwAA8OQc7tTyw30sC+p+74aDAAAAnpLTL+mPZ8PruGNdGcrLAAAAnqDy8/Gs/hx3qCtd+S4AAIAnqr5ePCAcd2TxEPAkAACAp6uWV3cVAYsA6AMAAHja7igC3AEAAIBtMY+A274mtBzPxhoAAMDWqLX88O3z8jZuoAsAAGCrlFLfvK/1Rit5BAAAAGyf/puPcaOlQJYAAQDAlrrJUiB3AAAAYEuVcv0HggUAAABsr5cfpvXldX5BAAAAwBa77l0AzwAAAMCW+/0vZX+/lKNN5roDAAAAW+7ZbHy96VwBAAAAW66U8v3Gcy0BAgCA7bfpMiB3AAAAoAHfzIa/bzJPAAAAQANqKQebzBMAAADQgrH0m0wTAAAA0IDSxXebzBMAAADQhn6TSQIAAAAa8b7WyVVzBAAAADRidxYCAAAA+JMAAACARAQAAAA04mSDB4EFAAAAJCIAAAAgEQEAAACNKDH0V80RAAAAkIgAAACARAQAAAC0ohQbgQEAQBa12gkYAABYIgAAAKAVxR0AAABIoyuxd+WcAAAA0hAAAACQiAAAAIBG1Fr6uIIAAACARAQAAAAkIgAAAKAd/VUTBAAAACQiAAAAIBEBAAAArbATMAAAJFIFAAAAsEQAAABAIgIAAAAaMp3W/rLzAgAAABIRAAAAkIgAAACAhgw7l78JSAAAAEBD6iAAAACAzwQAAAA0pMTQX3ZeAAAAQCICAAAAEhEAAADQklI8BAwAAFnU6i1AAADAZwIAAAASEQAAANCQrosXl54PAAAgDQEAAACJCAAAAGjIOJT9y84LAAAAaEjpYu+y8wIAAAASEQAAANCW/rKTAgAAABIRAAAAkIgAAACAlpSYXHZaAAAAQEuqAAAAAD4TAAAAkIgAAACAxkyntb/onAAAAIBEBAAAACQiAAAAoDHDzsVvAhIAAADQmDoIAAAAIAQAAAA0pxvdAQAAgDRqNwgAAABAAAAAQCoCAAAAGlOj9BedEwAAAJCIAAAAgEQEAAAANKbr4sWF5wIAAEhDAAAAQCICAAAAGjMOZf+icwIAAAAaU7rYu+icAAAAgEQEAAAAtGdy0QkBAAAA7REAAACAAAAAgFQEAAAAtKe/6IQAAACARAQAAAAkIgAAAKBB02nt140LAAAASEQAAABAIgIAAAAaNOys3wxMAAAAQIPqIAAAACA9AQAAAA3qRncAAAAgjdoNAgAAALITAAAAkIgAAACABtUo/bpxAQAAAIkIAAAASEQAAABAg7ouXqwdDwAAIA0BAAAAiQgAAABo0DiU/XXjAgAAABpUuthbNy4AAAAgEQEAAABtmqwbFAAAANAmAQAAANkJAAAASEQAAABAm/p1gwIAAAASEQAAAJCIAAAAgEZNp7U/PyYAAAAgEQEAAACJCAAAAGjUsLO6GZgAAACARtVBAAAAQGoCAAAAGtWN7gAAAEAatRsEAAAAZCYAAAAgEQEAAACNqlH682MCAAAAEhEAAACQiAAAAIBGdV28WBkLAAAgDQEAAACJCAAAAGjUOJT982MCAAAAGlW62Ds/JgAAACARAQAAAO2anB8QAAAA0C4BAAAAmQkAAABIRAAAAEC7+vMDAgAAABIRAAAAkIgAAACAhk2ntV8+FgAAAJCIAAAAgEQEAAAANGzYObsZmAAAAICG1UEAAABAWgIAAAAa1o3uAAAAQBq1GwQAAABkJQAAACARAQAAAA2rUfrlYwEAAACJCAAAAEhEAAAAQMO6Ll6cOQ4AACANAQAAAIkIAAAAaNg4lP3lYwEAAAANK13sLR8LAAAASEQAAABA2ybLBwIAAADaJgAAACArAQAAAIkIAAAAaFu/fCAAAAAgEQEAAACJCAAAAGjc+1q/vglIAAAAQON2ZyEAAAAgIwEAAACJCAAAAGjcydKrQAUAAAAkIgAAAKBx3eghYAAASKN2gwAAAICMBAAAACQiAAAAoHE1Sv/lswAAAIBEBAAAACQiAAAAoHXFa0ABACCNrsTe188BAACkIQAAACARAQAAAI2rtfRfPgsAAABIRAAAAED7vAUIAAASEQAAAJCRAAAAgEQEAAAAtK//8kEAAABAIgIAAAASEQAAAJDA+1pP3wQkAAAAIIHdWQgAAADIRgAAAEAiAgAAABI4+fwqUAEAAACJCAAAAEhEAAAAQAIlhn7xUwAAAEAiAgAAABIRAAAAkEEpNgIDAIAsarUTMAAApCMAAAAgg+IOAAAApNGV2Dv9GQAAQBoCAAAAEhEAAACQQK2lX/wUAAAAkIgAAACARAQAAADk0C/+EQAAAJCIAAAAgEQEAAAAZGAnYAAASKQKAAAASEcAAABAEu9rnQgAAABIYncWAgAAADIRAAAAkIgAAACAJE4iegEAAACJCAAAAEhEAAAAQBIlBkuAAAAgEwEAAACJCAAAAMiiFBuBAQBAFrXaCRgAAFIRAAAAkEVxBwAAANLoSuwJAAAASEQAAABAIgIAAACSqLXYCRgAADIRAAAAkIgAAACAPCwBAgCATAQAAAAkIgAAACALOwEDAEAiNSZ/AJ3itlLIfzMIAAAAAElFTkSuQmCC)}}@media only screen and (max-width:768px){.design-footer{padding-top:40px;margin-top:50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAE3CAYAAACHPdv3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfxSURBVHgB7d1tchTHAcfh7haOoUIK6QTMDcwNIp/A3CC+gXMD4xM4PgHJCZIbhBvgnMCbE+AKcnZxmO2sZLCRYBe9rDT/LT1PFTA9syp9+81UT29TCgCRarkmvff9l4vyuO2Vz+qyD72UR6s/+6tfuL/mR2abxrX2U+Plsvz71O8r7fTnz/z8nTPje/fqqTFAmq0G+uioP6qflC966Y9XxXxUdsts09gNArhpWwn0y3k/XAXs69XhYeGyZpvGbhBw+1wp0G/C/HR1OBR23WzT2A0Cbt6lAj2f92H8JcyHBbZjtmnsBsFtdOFA/3fRvxpLf7LhZR/sotmmsRsEUzh3oI9XZfz0c/l2dfBlAbZttmnsBnE7nSvQJ1Marf99B1dmAOcz2zR2g5jGRwP9Zr75n8WLQOD6zDaNb+sNYmOgxRm4JWbvHq/C+OOy93/11r5vtczu/65+XyawNtAnc86v+vMizgCzUvuzvmx/+8O9+qzckLWBPlr0b1eZ/nMB4F2z0uo/9sby3XVPlXww0MdL6Zal/6UAsF7tf91btm+uK9TvBfp43vl17c+tcwY4l9lqtuG7+3f3tv5Q+16gj171p9Y6A1zYbK/Xz7f5NN3eHRzNX38pzgCXcvx9kecnHd2SU0/QR4vlD8WqDYArqbU++f2n9ZtyRb8+Qb+p/lAAuJLe+5OfXp1swXwlv01x1PanAsBWbCPSJ1Mcb74x+EMBYKuuMt1x8gQ99uXjAsDWHT9J/+dVv1Rjf5niaPWLAsC1aKU/PZ6pKBdUX/S+/8mr/qIAcJ2e3b/bPr/ID7S9n8fDAsB1OzxajBfa36jVZbUJP8BNqPXr41mL8368ldY+KwBcv1727yyW536KbvUCNQfgamqrX533KbqtPj4UAG7GBZ6iV4G++NIPAC6v1vMtbW4FgJv26OW8H37sQwINMInl4cc+IdAAE1hNc/zxo585Wix7AeDG/e/TenBQ64/rrnuCBpjInUXZ+EVBgQaYSK1LgQZI1D/yv1gJNMBEWi0PNl4vAEyi9zpsui7QAKEEGiCUQANMZ+OudgINMB2BBthFAg0QSqABQgk0wHSGTRcFGiCUQAOEEmiAUAINEEqgASY0n/dh3TWBBggl0AChBBoglEADTGjcW79hkkADTKiPAg2wcwQaIJRAA4QSaIAJ1TIO664JNEAogQYIJdAAoQQaIJRAA0yolzqsuybQAKEEGiCUQAOEEmiAKVWbJQFEarU8WHutABBJoAFCCTRAKIEGmNByrAfrrgk0wIRq85IQYOcINEAogQYIJdAA0xrWXRBogFACDRBKoAFCCTTAlOxmBxCqCzTAzhFogFACDRBKoAEm9qL3D85DCzTAxO4uikAD7BKBBggl0AChBBpgYq/X7Ggn0AChBBoglEADhBJogIm1pXXQAJF6GwUaYJcINEAogQYIJdAAU6vVHDRAot6t4gDYKQINEEqgAUIJNMDEWisPP3i+ABBJoAFCCTRAKIEGCCXQABPrvQ4fOi/QAKEEGiCUQAOEEmiA6dksCSCUQAPsEoEGCCXQAKEEGmB6w4dOCjRAKIEGCCXQAKEEGiCUQAMEmM/7cPacQAOEEmiAUAINEEqgAQKMe+9vmCTQAAH6KNAAO0OgAUIJNEAogQYIUMs4nD0n0AChBBoglEADhBJogFACDRCglzqcPSfQAKEEGiCUQAOEEmiABNVmSQCRWi0P3jtXAIgk0AChBBoglEADBFiO9eDsOYEGCFCbl4QAO0OgAUIJNEAogQbIMJw9IdAAoQQaIJRAA4QSaIAEdrMDCNUFGmBnCDRAKIEGCCXQACFe9H5qHlqgAULcXRSBBtgFAg0QSqABQgk0QIjXZ3a0E2iAUAINEEqgAUIJNECItrQOGiBSb6NAA+wCgQYIJdAAoQQaIEWt5qABEvVuFQfAThBogFACDRBKoAFCtFYenhoXACIJNEAogQYIJdAAoQQaIETvdXh3LNAAoQQaIJRAA4QSaIAcNksCCCXQALtAoAFCCTRAKIEGyDG8OxBogFACDRBKoAFCCTRAKIEGCDKf9+HtsUADhBJogFACDRBKoAGCjHu/bZgk0ABB+ijQAPEEGiCUQAOEEmiAILWMw9tjgQYIJdAAoQQaIJRAA4QSaIAgvdTh7bFAA4QSaIBQAg0QSqABklSbJQFEarU8+PW4ABBJoAFCCTRAKIEGCLIc68HbY4EGCFKbl4QA8QQaIJRAA4QSaIAsw9sDgQYIJdAAoQQaIJRAAySxmx1AqC7QAPEEGiCUQAOEEmiAMC96P5mHFmiAMHcXRaABkgk0QCiBBggl0ABhXr/Z0U6gAUIJNEAogQYIJdAAYdrSOmiASL2NAg2QTKABQgk0QCiBBkhTqzlogES9W8UBEE2gAUIJNEAogQYI01p5ePJvASCSQAOEEmiAUAINEEqgAcL0XofjfwUaIJRAA4QSaIBQAg2Qx2ZJAKEEGiCZQAOEEmiAUAINkGc4/kugAUIJNEAogQYIJdAAoQQaINB83geBBggl0AChBBoglEADBBr3yr5AAwTqo0ADxBJogFACDRBKoAEC1TL6ogpAKoEGCCXQAKEEGiCUQAME6qV6SQiQSqABQgk0QCiBBkhUbZYEEKnV8kCgAUIJNEAogQYIJdAAgZZjPRBogEC1eUkIEEugAUIJNEAogQbIZDc7gFQCDRBKoAFCCTRAIrvZAYTqAg0Q6/9tNaK4vsp5mgAAAABJRU5ErkJggg==)}}.design-footer__block{display:flex;justify-content:space-between}@media only screen and (max-width:768px){.design-footer__block{flex-wrap:wrap}.design-footer__block:first-child .design-footer__block-item:first-child{width:100%;max-width:none;margin-bottom:20px}}.design-footer__block--center{align-items:center}.design-footer__block--copy{font-size:14px;padding-top:50px;margin-top:30px;border-top:1px solid #d8d8d8}@media only screen and (min-width:1281px){.design-footer__block--copy{font-size:.972vw;padding-top:3.472vw;margin-top:2.083vw;border-width:.069vw}}@media only screen and (max-width:768px){.design-footer__block--copy{flex-wrap:nowrap;font-size:13px}.design-footer__block--copy .design-footer__block-item{max-width:225px}}@media only screen and (min-width:769px)and (max-width:1280px){.design-footer__block-item .logo{width:77px;height:91px}}@media only screen and (max-width:768px){.design-footer__block-item{max-width:50%}}@media only screen and (min-width:1281px){.design-footer__block-item-wrap{font-size:1.111vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-footer__block-item-wrap{font-size:15px}}@media only screen and (max-width:768px){.design-footer__block-item-wrap{font-size:14px}}.design-footer__block-item-wrap:not(:first-child){margin-top:10px}@media only screen and (min-width:1281px){.design-footer__block-item-wrap:not(:first-child){margin-top:.694vw}}.design-footer__block-item-link{color:#292929;text-decoration:none}.design-footer__block-item-link--mail{color:#008ac1}.design-footer__block-item-link--copy{color:#36a9e1;display:inline-block;margin-left:10px}@media only screen and (min-width:1281px){.design-footer__block-item-link--copy{margin-left:.694vw}}@media only screen and (max-width:768px){.design-footer__block-item-link--copy{margin-left:0;margin-top:10px}}.design-footer__block-item-link--school{color:#666;display:block;padding-left:90px;position:relative}@media only screen and (min-width:1281px){.design-footer__block-item-link--school{padding-left:6.25vw}}@media only screen and (max-width:768px){.design-footer__block-item-link--school{line-height:20px}}.design-footer__block-item-link--school:before{content:"";display:block;width:77px;height:55px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAA3CAYAAABJsMcXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmnSURBVHgB7VpXbJvXFf44JHFIovbew1JiO1Y9EjtunNqAMxy4TRcQ1EhRtECBokBfCvShT31vn4ogCAoUTdAUSdM6kd3GbqLYsbxH7ETW3tSgBkVRnBLF2XMOLVaypV8yGweiws8grMv//hwf7z3nO9+5qrc6PREk8VBQI4mHRpK0OJAkLQ4kSYsDSdLiQJK0OKDd8MxIBN6ZcXinRuD3umgYgiZVD0NeKTLLaqHWpiIw70Y4FIy+MF3TpOmwFbEh0nyuWZjPvwfP5DCR9aCs0+oMKH3yebjG++EY7pTnipq+hbIDx7AVsS5pi0RYb/Mb8Hsca84J+uYxcvEDaFLSYqRGsHU187qkjbSejBGm1RlpBT0LY345RcMIFmanMH33MhFrl+uhwCK+DlAkLbS4APekOTauPPQycuqaYuPM0nrk1H8DHe/8gVabF18XKJIWJNLCwUBsrMsqeGBOij4dBTsOwDnaC7/bjsDC6uSNtL4P51if/K3WqFFz9IQkkUSEouRQa7VQU5xawnTbRQRXIYWTwOM/+BXSi6pWfZ3xGx/B2nlN4iMTW7z3aMISxlBcaSn6DBjpy7knh2Rs670NW98dGHKKkFFcg/TSavk/xZCx5mvMdN3A5O1PYuOyp48jl7Z0IkM5EahUKNv/IgbOvonAUsyi7Dg/OymP6Y4r8pSeSMyp2yUxcDlcY/0wUyJZQvHuIyja9QwSHaqN+GkL9imMXz9DOmxgRYxTgqmyEe6JIYQDfhlnltWh4fjP5YdIdGxI3PJKqj/2U4TDQfjs00KG2zIEz7SZqgDPqvc4R3pWjDWpui1BGEP1/zi3kXAI3ulRjF39NxE4uu787a/8WuJhokMxe3JZ1H/2LXkMtvyNtqZ/xXWVWoP04mrUv/SzVe8vfOIZ6Ex5sfHYpWZsBazrcjiGO+Rh7/8CHirWV0Ng4cEtyomh4uBxlOw7GnvOZRnE3GA7Eh2KpBkKypFqNMXGIxdOSqwKLfokIXAV4J4YlGL+fqRmZEsM4wrCWFgRe3708inZ1okMxUSgpeBd2HQIY1f+JWN2O/o+/LMIXk1KKiJkAwX9PpEha0GlVqP8wEvoPfWGFPN+rxMTt1pQ+tQLSFSsuz2Ldh0Sxb+8MghTYc7eGZdZS4SpiUTNsjnLkVFSg6zqHbHx5J1PseieQ6Jiw9mT4xZ7Zc7xPvjJ1WD9pdZokWbKJVJqqXBvgtc6HiPDmF8KI23vJfAKc5i7Y2N9TiFVE9VIRKiSzeKHR7JHEAeSpMUBRdICFIdGLzdj8KO/Ym6og2TGIqa+aF1zfiQcliDP8W+67ZKUXVsRiqSNXj4NlSYV+dv3S6k0b7XA2s7OBjkdtgmE/ZRFqTM1N9QuciQSCZMVdF3cDmvHVbJ+Q/A5bAhyl4rmMvF+ShRcWfD9DE4cgXlX9DqJ6HnbJDY7FEnTpOnhIfHKrbva505Alx11bic/OyceGUuOrn/+Ee4pM3o/eB2+OeuK+62dN2C+8A+2atH+7u/JlxtG18nX4HPa0UPNGjY0h8+9SzbTNLqbXycTYBBDLW+Lm7KZoUga+18VB79N+kuHAdqijpFuWRkTd84j7/H9Yk4aC8tRQcYi67D5GUvsXq4WLLf+g7zHnsSCzYLU9Gwpq0wVDXTfIPIa98hWD9EKS003QUN904pvfkcqCOdoDzYzlLfnlVPi1Gr1BqhptahIl/EXrDr8Q6oSTsOQXyaNF9523BNNzciK3atNM6DmyCu0KlugphUbpDjH289rHYUxt0QaMraem8iu2UFFfS6ZnB7YqS7lOazxNjM03/3lb3+31sXM0jqJN765aVpZ+5BdtZ0I0CG/cR/RrYY+K4/m1FL9OSDi1lTRKGSx/59izER27RPSeNFl5SOD5rlIGOc17JXVxuRzFZFds1Nag5kldVTXdiG7ejtyt+3BZkZS3MYBxe3JmW7o/N/JT3uTttJn8pzLMqBYoLOD4aHEEAlv/LfgbDp+/Sz6z/xFOl4sXe4Hx7+HkTAhMhIsNz9W/KzxYh3J0Yw0sniKqavOH5pt7kEyJH3OGQn0HH8801GPjb22BWq2yJyP35Z2HcevEBHidzux6JyV6yxN5sxdKwxNrkl5fsmeI/SaXN/2S7eee6mccRl2iq3eCXMsSbA15aC/+TOE75HM720fbBOJw6TN9t1+JIcjFK2htMx8+VBs6XCGZKc2HApIlnTQF9dSvOKMWv3s9zF27UM5RcSxi4t5JnactF3t869GG8kklIPUT1h0z0JDMcxKP0LDy7+Q9+G4x6TbDOkoIisqs7Qm6tGp1GSnj4nLwuDPwg3nkr3zJFMmKNbOSIJiQk0Ubydvn5MTTBO3PkHdCz/Go4LiSivY+TSqDn2PAn4+zBdP0uryyJEqlhc6Uz6tnugZDv+95kr5gWPSbddQMuAkshqKmg6j7rlXYyuIwfqv7thPYCqtp4qiFRZqLrsnhsWH23niN5Rkdsm80qdeRFblY2JL8epkMispk/PK5RVYvPswKunz8ipeOl/yKKC40sZp9bCPll5UCRX9YzLYjWULaOruJdQe/RHNOQMsbQL1vd+AtssCKX4Wx/aBNhGthoIyucRbZp50mz63OPY+vK2m2lqJ8IPSsOLMy86vrecW9U4p41JFcj/YdrJ2XKPVbkQ6OcP8sA/clVUeCQZpl+TgUUExe/IRKu4PsKBlIzGzrF48NZVGw7dKjDLQl9fQ9vLLnOooUYN3xSbnQ32u0T7yzopJVuilHtWRTFGptcjZ1kTx8n9fjLe71zom11lycAyU16HufW7jXiGfNR3/YCyEmZSZ7pv0+wRIxuyLva/faRMNyF1/Dgvcq/hKSfuywf0B1mis5xIZ61pDHBu4flx0RR3Zmc7rVItaEA+4TOJOu/nT95DIWLfDzq7F3EA7bYdcqUVdln45Lsp6jMsfPmPLhbeWSyUq4H2OGbKxqyQbGqgc4kM0nOn4GssXrg44eyYyFFcaE8Nxgs/Ocr9yeevNQkmC7R0O8lOfXyDp0YURagZz8O49/SfRUEMt74hDwqLVS4K3+/3XJEjPtF9FIkORNCYkRMnAS9luwWFd9+iB1I0Ne6T25GOmwcXoSSM+C8JygQnbCsak4vacodIpZ9tumCgOheUo6VDsWkp6lpRWvO24P7o6VCv/3xrnXxSyJ1UBvMWMZP9w+va7HaTybeJMsCvB7TuWH4a8YnFsU4xkC9H25eucPPS5RRLXWE8tkBubWV6P2YHPkVO9U5zenAQ+2Jd0OeJAshsVB5KkxYEkaXEgSVocSJIWB7SaLXJ4+KvEfwEfwcqe//s6GwAAAABJRU5ErkJggg==) no-repeat 50%;margin-top:-28px;position:absolute;top:50%;left:0}@media only screen and (min-width:1281px){.design-footer__block-item-link--school:before{width:5.347vw;height:3.819vw;margin-top:-1.944vw;background-size:cover}}.design-footer__block-item-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;list-style:none;margin:0;padding:0}@media only screen and (min-width:1281px){.design-footer__block-item-list{grid-column-gap:1.389vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-footer__block-item-list{grid-column-gap:15px}}.design-footer__block-item-list-element-link{display:block;font-size:0;line-height:0}.design-footer__block-item-list-element-link-image{width:40px;height:40px}@media only screen and (min-width:1281px){.design-footer__block-item-list-element-link-image{width:2.778vw;height:2.778vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-footer__block-item-list-element-link-image{width:30px;height:30px}}.design-header{padding-top:30px;padding-bottom:30px}@media only screen and (min-width:1281px){.design-header{padding-top:2.083vw;padding-bottom:2.083vw}}@media only screen and (max-width:1280px){.design-header.active .design-header__logo{position:relative;z-index:11}}@media only screen and (max-width:768px){.design-header.active .design-header__logo{display:none}}@media only screen and (max-width:1280px){.design-header.active .design-header__navi-menu{opacity:1;pointer-events:auto}}@media only screen and (max-width:768px){.design-header.active .design-header__navi-block{opacity:1;pointer-events:auto}}.design-header.active .design-header__menu-button-item{background-image:url(/local/frontend/build/img/menu-close.svg)}@media only screen and (max-width:768px){.design-header:not(.active) .design-header__navi{flex-grow:0}.design-header:not(.active) .design-header__personal{display:none}}.design-header__block{display:flex;padding-top:30px;padding-bottom:30px}@media only screen and (min-width:1281px){.design-header__block{padding-top:2.083vw;padding-bottom:2.083vw}}@media only screen and (max-width:1280px){.design-header__block{justify-content:space-between}}.design-header__navi{display:flex;flex-grow:1;align-items:center}@media only screen and (max-width:1280px){.design-header__navi{flex-grow:0;position:relative;z-index:10}}@media only screen and (max-width:768px){.design-header__navi{flex-grow:1}}.design-header__navi-menu{flex-grow:1}@media only screen and (min-width:769px)and (max-width:1280px){.design-header__navi-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;pointer-events:none;transition:opacity .2s ease;background-color:#fff}}@media only screen and (max-width:768px){.design-header__navi-menu{flex-grow:0;width:100%}}.design-header__navi-menu-list{margin:0;padding:0;list-style:none;display:flex;justify-content:center}@media only screen and (max-width:1280px){.design-header__navi-menu-list{margin-top:120px;flex-direction:column}}.design-header__navi-menu-list-item{display:block;margin:0 25px}@media only screen and (min-width:1281px){.design-header__navi-menu-list-item{margin:0 1.736vw}}@media only screen and (max-width:1280px){.design-header__navi-menu-list-item{margin:0}.design-header__navi-menu-list-item:first-child .design-header__navi-menu-list-item-link{border-top:1px solid #d8d8d8}}.design-header__navi-menu-list-item-link{font-size:16px;font-weight:400;text-decoration:none;color:#292929;transition:color .2s ease}@media only screen and (min-width:1281px){.design-header__navi-menu-list-item-link{font-size:1.1111111111vw}}.design-header__navi-menu-list-item-link:hover{color:#36a9e1}@media only screen and (max-width:1280px){.design-header__navi-menu-list-item-link{display:block;padding:25px 25px 25px 50px;border-bottom:1px solid #d8d8d8;position:relative}.design-header__navi-menu-list-item-link:before{content:"";display:block;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 6 6-6 6' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%;width:8px;height:15px;margin-top:-8px;position:absolute;top:50%;left:25px}}.design-header__navi-menu-links{display:none}@media only screen and (max-width:768px){.design-header__navi-menu-links{display:block;padding:20px 0}.design-header__navi-menu-links-block{display:block;padding:5px 20px}.design-header__navi-menu-links-item{color:#292929;text-decoration:none;transition:color .2s ease}.design-header__navi-menu-links-item:hover{color:#36a9e1}}.design-header__navi-block{display:flex;flex-grow:1;align-items:center}@media only screen and (max-width:768px){.design-header__navi-block{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;pointer-events:none;transition:opacity .2s ease;background-color:#fff;flex-direction:column}}.design-header__menu-button{display:none}@media only screen and (max-width:1280px){.design-header__menu-button{display:block}}.design-header__menu-button-item{cursor:pointer;width:25px;height:25px;border:0;padding:0;background:transparent url(/local/frontend/build/img/menu.svg) no-repeat 50%;margin-left:25px}.design-header__logo{position:relative}.design-header__logo-link{font-size:0;line-height:0;width:171px;height:49px;display:block}@media only screen and (min-width:1281px){.design-header__logo-link{width:11.875vw;height:3.403vw}}.design-header__logo-link-image{width:100%;height:auto}.design-header__messengers{display:flex}@media only screen and (max-width:768px){.design-header__messengers{flex-wrap:wrap;width:100%;padding:10px 25px 30px}.design-header__messengers-block:last-child{width:100%;margin-top:20px}}.design-header__messengers-item{position:relative;padding-left:26px;font-size:16px;font-weight:400;text-decoration:none;color:#292929;transition:color .2s ease}@media only screen and (min-width:1281px){.design-header__messengers-item{font-size:1.1111111111vw}}.design-header__messengers-item:hover{color:#36a9e1}@media only screen and (min-width:1281px){.design-header__messengers-item{padding-left:1.806vw}}.design-header__messengers-item:before{content:"";display:block;width:26px;height:26px;margin-top:-13px;position:absolute;left:0;top:50%;background-size:cover}@media only screen and (min-width:1281px){.design-header__messengers-item:before{width:1.806vw;height:1.806vw;margin-top:-.903vw}}.design-header__messengers-item--whatsapp{width:26px;height:26px}@media only screen and (min-width:1281px){.design-header__messengers-item--whatsapp{width:1.806vw;height:1.806vw}}.design-header__messengers-item--whatsapp:before{background-image:url(/local/frontend/build/img/whatsapp.svg)}.design-header__messengers-item--telegram{margin-left:10px;width:26px;height:26px}@media only screen and (min-width:1281px){.design-header__messengers-item--telegram{margin-left:.694vw;width:1.806vw;height:1.806vw}}.design-header__messengers-item--telegram:before{background-image:url(/local/frontend/build/img/telegram.svg)}.design-header__messengers-item--phone{margin-left:20px;padding-left:0}@media only screen and (min-width:1281px){.design-header__messengers-item--phone{margin-left:1.389vw}}.design-header__messengers-item--email,.design-header__messengers-item--phone:before{display:none}@media only screen and (max-width:768px){.design-header__messengers-item--email{color:#36a9e1;display:block;padding-left:0}}.design-header__buttons{margin-left:60px}@media only screen and (min-width:1281px){.design-header__buttons{margin-left:4.167vw}}@media only screen and (max-width:1280px){.design-header__buttons{display:flex;align-items:center}}@media only screen and (max-width:768px){.design-header__buttons{width:100%;margin-left:0;justify-content:space-between}}@media only screen and (min-width:1281px){.design-header__personal{font-size:1.111vw}}.design-preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;opacity:1;transition:opacity .3s linear;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath opacity='.75' fill='%23F15A29' d='M90.39 52.75c-.99 20.89-17.74 37.64-38.63 38.63v-4.76c18.27-.97 32.9-15.6 33.87-33.87h4.76z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath opacity='.75' fill='%23F7931D' d='M47.87 10.24V15c-18.26.97-32.89 15.6-33.86 33.86H9.25c.99-20.88 17.74-37.63 38.62-38.62z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' dur='2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath opacity='.75' fill='%2327AAE1' d='M90.39 48.86h-4.76C84.66 30.6 70.02 15.97 51.76 15v-4.76c20.88.99 37.64 17.74 38.63 38.62z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath opacity='.75' fill='%23F7931D' d='M80.69 52.75c-.96 15.54-13.39 27.97-28.93 28.93v-4.47c13.07-.94 23.52-11.38 24.46-24.46h4.47z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' dur='3s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath opacity='.75' fill='%2300AEEF' d='M47.87 77.21v4.47c-15.53-.97-27.96-13.4-28.92-28.93h4.46c.94 13.08 11.38 23.52 24.46 24.46z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' dur='2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath opacity='.75' fill='%23EF4136' d='M47.87 19.94v4.47c-13.08.94-23.52 11.37-24.46 24.45h-4.46c.97-15.53 13.39-27.95 28.92-28.92z'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' from='0 50 50' to='360 50 50' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat 50%}@media only screen and (min-width:1281px){.design-preloader{background-size:6.944vw 6.944vw}}.design-preloader.remove{opacity:0}.calendar-date-months[data-v-06709dea]{display:flex}.calendar-date-months__item[data-v-06709dea]{padding-top:10px;text-align:center}.calendar-days[data-v-66f7986c]{display:flex}.calendar-days__item[data-v-66f7986c]{height:30px;padding-top:3px;text-align:center}.calendar-days__item--weekend[data-v-66f7986c]{color:#a1a1a1}.calendar-days__item--today[data-v-66f7986c]{color:#fff;background-color:#36a9e1;border-radius:50%}.calendar-date-days__month[data-v-30a5b369]{display:flex}@media only screen and (max-width:768px){.overlay-add-task .popup{overflow:initial}.popup-body{max-height:70vh;overflow-y:auto}}.calendar-duration[data-v-8728fb84]{cursor:pointer;height:20px;border-radius:25px;position:absolute;bottom:15px;z-index:10}.calendar-duration__block[data-v-8728fb84]{position:absolute;top:0;bottom:0;left:0;border-radius:25px}.calendar-duration__title[data-v-8728fb84]{pointer-events:none;transform:translateY(-50%);position:absolute;top:50%;left:10px;white-space:nowrap}.calendar-duration__title[data-v-8728fb84]:before{content:attr(data-user-name);font-weight:600}@media only screen and (max-width:768px){.calendar-duration__title[data-v-8728fb84]:before{content:attr(data-task-name)}.calendar-duration__title[data-v-8728fb84]:after{content:" (" attr(data-user-name) ")"}}.calendar-task-element[data-v-21ef9199]{position:relative}.nobg-dashed-block,.nobg-dashed-block .calendar-duration__block{background:none!important}.dashed-block{border:1px dashed #000}.noBgForSure{background-color:transparent!important}.calendar-task-title[data-v-1cf47348]{border-top:1px solid #e0e0e0;height:40px;display:flex;align-items:center;justify-content:space-between;position:relative}.calendar-task-title[data-v-1cf47348]:before{display:inline-block;padding-left:20px;margin-right:10px}.calendar-task-title__name[data-v-1cf47348]{padding:0 20px 0 0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:768px){.calendar-task-title__name[data-v-1cf47348]{display:none}}.calendar-task-title__days[data-v-1cf47348]{min-width:50px;width:50px;text-align:center;color:#008ac1}@media only screen and (max-width:768px){.calendar-task-title__days[data-v-1cf47348]{min-width:auto;width:auto;flex-grow:1}}.calendar-duration-main[data-v-0ad2f849]{display:flex;height:20px;border-radius:25px;overflow:hidden}.calendar-duration-main-wrap[data-v-0ad2f849]{cursor:pointer;position:absolute;bottom:15px;z-index:10}.calendar-duration-main__item[data-v-0ad2f849]{height:20px}.calendar-duration-main__item--overlay[data-v-0ad2f849]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAACbm5uhSffDAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GAQYFBgcGBoAAACogD5g5VHSAAAAABJRU5ErkJggg==)}.calendar-duration-main__title[data-v-0ad2f849]{cursor:pointer;transform:translateY(-50%);position:absolute;top:50%;left:10px;white-space:nowrap}.calendar-duration-main__title[data-v-0ad2f849]:before{content:attr(data-user-name);font-weight:600}@media only screen and (max-width:768px){.calendar-duration-main__title[data-v-0ad2f849]:before{content:attr(data-task-name)}.calendar-duration-main__title[data-v-0ad2f849]:after{content:" (" attr(data-user-name) ")"}}.calendar-duration-main__item--overlay.noBgForSure[data-v-0ad2f849]{border-top:1px dashed #7e7e7e!important;border-bottom:1px dashed #7e7e7e!important}.calendar-elements__main[data-v-ce0c4d88]{position:relative}.calendar-list-title[data-v-441ebdb4]{counter-reset:order}.calendar-list-title__order[data-v-441ebdb4]{counter-reset:task;border-top:1px solid #e0e0e0}.calendar-list-title__order.active .calendar-list-title__order-main-name[data-v-441ebdb4]:after{transform:rotate(180deg)}.calendar-list-title__order-main[data-v-441ebdb4]{display:flex;padding:0;height:55px;position:relative}.calendar-list-title__order-main:hover .calendar-list-title__order-main-link[data-v-441ebdb4]{opacity:1}.calendar-list-title__order-main-name[data-v-441ebdb4]{cursor:pointer;font-size:16px;font-weight:600;flex-grow:1;padding:15px 60px 10px 50px;position:relative;width:calc(100% - 50px);line-height:1.6}.calendar-list-title__order-main-name span[data-v-441ebdb4]{overflow:hidden;display:block;width:100%;white-space:nowrap}@media only screen and (max-width:768px){.calendar-list-title__order-main-name span[data-v-441ebdb4]{display:none}}.calendar-list-title__order-main-name[data-v-441ebdb4]:before{content:counter(order) ".";counter-increment:order;display:block;margin-right:10px;transform:translateY(-50%);position:absolute;top:50%;left:20px}@media only screen and (max-width:768px){.calendar-list-title__order-main-name[data-v-441ebdb4]:before{content:"";font-size:16px}}.calendar-list-title__order-main-name[data-v-441ebdb4]:after{content:"";cursor:pointer;display:block;width:24px;height:24px;border-radius:50%;margin-top:-14px;border:1px solid #e0e0e0;background:url(/local/frontend/build/img/arrow-bottom-dark.svg) no-repeat 50%;background-size:12px 7px;transition:transform .3s linear;position:absolute;right:0;top:50%}@media only screen and (max-width:768px){.calendar-list-title__order-main-name[data-v-441ebdb4]:after{right:0}.calendar-list-title__order-main-name[data-v-441ebdb4]{font-size:0;padding:15px 10px 10px}}.calendar-list-title__order-main-days[data-v-441ebdb4]{width:50px;text-align:center;color:#008ac1;display:flex;align-items:center;justify-content:center;position:relative}@media only screen and (max-width:768px){.calendar-list-title__order-main-days[data-v-441ebdb4]{width:40px}}.calendar-list-title__order-main-link[data-v-441ebdb4]{display:block;height:100%;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' fill='none'%3E%3Cpath d='M1 1h20M2.5 5h17M4.5 9h13M6.5 13h9M8.5 17h5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%;opacity:0;transition:opacity .3s linear;position:absolute;top:0;right:0;left:0}@media only screen and (max-width:768px){.calendar-list-title__order-main-link[data-v-441ebdb4]{opacity:1}}.calendar-list-title__elements-item[data-v-441ebdb4]:before{content:counter(order) "." counter(task) ".";counter-increment:task}@media only screen and (max-width:768px){.calendar-list-title__elements-item[data-v-441ebdb4]:before{content:counter(order) "." counter(task);font-size:16px;text-align:right;width:40px;padding-left:0;margin-right:0}}.calendar-tools[data-v-7eb87607]{display:flex;margin:0 -10px 20px}.calendar-tools__item[data-v-7eb87607]{margin:0 10px}.calendar-tools__item--grid[data-v-7eb87607]{display:flex}.calendar-tools__item--grid>div[data-v-7eb87607]{margin:0 10px}.calendar-tools__button--additional[data-v-7eb87607]{color:#333;background-color:#fff;border:1px solid #e0e0e0}.calendar-tools__button--close[data-v-7eb87607]{color:#fff;background-color:#ff6b00}.calendar-tools__button--close[data-v-7eb87607]:hover{opacity:.8}.calendar-tools__group[data-v-7eb87607]{display:flex;border-radius:6px;border:1px solid #e0e0e0;overflow:hidden}.calendar-tools__group-item--middle[data-v-7eb87607]{border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.calendar-tools__group-button[data-v-7eb87607]{color:#333;cursor:pointer;display:inline-block;padding:10px 15px;background:#fff none;border:0;font-size:14px;position:relative;height:100%;opacity:1;transition:background-color .3s linear,opacity .3s linear}.calendar-tools__group-button[disabled][data-v-7eb87607]{pointer-events:none;opacity:.6}.calendar-tools__group-button[data-v-7eb87607]:before{content:"";display:block;background:no-repeat 50%;width:6px;height:10px;margin:-5px 0 0 -3px;position:absolute;top:50%;left:50%}.calendar-tools__group-button[data-v-7eb87607]:hover{background-color:#fafafa}.calendar-tools__group-button--back[data-v-7eb87607]:before{background-image:url(/local/frontend/build/img/arrow-left.svg)}.calendar-tools__group-button--forward[data-v-7eb87607]:before{background-image:url(/local/frontend/build/img/arrow-right.svg)}.modal-block[data-v-5354cea0]{cursor:pointer;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.modal-block__close-button[data-v-5354cea0]{cursor:pointer;outline:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 7 7M8 1 1 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%;border:1px solid #e1e1e1;border-radius:50%;display:block;width:24px;height:24px;position:absolute;top:6px;right:6px}.modal-block__section[data-v-5354cea0]{background-color:#fff;position:relative;padding:40px;border-radius:6px}.base-select[data-v-625ae0e7]{width:100%;min-width:200px;max-width:200px;position:relative}.base-select.active .base-select__title[data-v-625ae0e7]:after{transform:rotate(180deg)}.base-select__title[data-v-625ae0e7]{padding:5px 40px 5px 10px;height:34px;position:relative;border:1px solid #e1e1e1}.base-select__title[data-v-625ae0e7]:after{content:"";display:block;width:20px;height:20px;background:url(/local/frontend/build/img/arrow-bottom.svg) no-repeat 50%;transition:transform .3s linear;margin-top:-10px;position:absolute;top:50%;right:10px}.base-select__title-color[data-v-625ae0e7]{width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;left:10px}.base-select__list[data-v-625ae0e7]{position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:5px 10px;border:1px solid #e1e1e1;border-top:0;border-radius:5px}.color-select[data-v-043babee]{min-width:250px;max-width:250px}.color-select-item[data-v-043babee]{display:flex;position:relative;padding:5px 0 5px 30px}.color-select-item--title[data-v-043babee]{padding:0 0 0 30px}.color-select-item__color[data-v-043babee]{border-radius:50%;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;left:0}.calendar-edit-form__block[data-v-0f833320]{margin-bottom:20px}.calendar-edit-form__block[data-v-0f833320]:last-child{margin-bottom:0}.calendar-edit-form__button[data-v-0f833320]{display:inline-block;cursor:pointer;background-color:#36a9e1;padding:10px 15px;border-radius:6px;border:0;font-size:14px;color:#fff;transition:background-color .3s linear}.calendar-edit-form__button[data-v-0f833320]:hover{background-color:rgba(54,169,225,.9)}.calendar-edit-form__title[data-v-0f833320]{font-size:16px;margin-bottom:10px}.calendar-filter-user[data-v-d96cfc52]{margin:5px 0}.calendar-filter-user__name[data-v-d96cfc52]{position:relative;display:block;padding-left:30px}.calendar-filter-user__name[data-v-d96cfc52]:before{content:"";display:block;width:20px;height:20px;margin-top:-10px;border:1px solid #36a9e1;border-radius:3px;background:no-repeat 50%;position:absolute;left:0;top:50%}input:checked+.calendar-filter-user__name[data-v-d96cfc52]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='%2336A9E1'/%3E%3Cpath d='m6 10 3 3 5-5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.calendar-filter[data-v-7e776abf]{z-index:30;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.calendar-filter__wrap[data-v-7e776abf]{position:relative;background-color:#fff;padding:30px;border-radius:8px}.calendar-filter__close[data-v-7e776abf]{cursor:pointer;display:block;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 7 7M8 1 1 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%;width:25px;height:25px;border:1px solid #d8d8d8;border-radius:50%;position:absolute;top:5px;right:5px}.calendar-filter__title[data-v-7e776abf]{text-align:center}.calendar-filter__form-block[data-v-7e776abf]{max-height:calc(80vh - 150px);overflow-y:auto;margin-bottom:20px}.calendar-filter__form-block[data-v-7e776abf]::-webkit-scrollbar{width:2px}.calendar-filter__form-block[data-v-7e776abf]::-webkit-scrollbar-track{background:#36a9e1}.calendar-filter__form-block[data-v-7e776abf]::-webkit-scrollbar-thumb{background:#ff6b00}.calendar-filter__block[data-v-7e776abf]{display:flex;justify-content:space-between;width:320px}.calendar-filter__button[data-v-7e776abf]{display:inline-block;cursor:pointer;background:none;padding:10px 15px;border-radius:6px;border:0;font-size:14px;color:#fff;opacity:1;transition:opacity .4s linear}.calendar-filter__button--main[data-v-7e776abf]{background-color:#36a9e1}.calendar-filter__button--reset[data-v-7e776abf]{background-color:#ff6b00}.calendar-filter__button[data-v-7e776abf]:hover{opacity:.9}.calendar-colors-popup[data-v-0287fb3a]{z-index:30;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.calendar-colors-popup__wrap[data-v-0287fb3a]{position:relative;background-color:#fff;padding:30px;border-radius:8px}.calendar-colors-popup__close[data-v-0287fb3a]{cursor:pointer;display:block;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 7 7M8 1 1 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%;width:25px;height:25px;border:1px solid #d8d8d8;border-radius:50%;position:absolute;top:5px;right:5px}.calendar-colors-popup__name-row[data-v-0287fb3a]{margin-bottom:3px;position:relative}.calendar-colors-popup__name-input[data-v-0287fb3a]{margin-left:35px;line-height:20px;padding:10px 16px 8px;width:80%}.calendar-colors-popup__title[data-v-0287fb3a]{text-align:center}.calendar-colors-popup__form-block[data-v-0287fb3a]{max-height:calc(80vh - 150px);overflow-y:auto;margin-bottom:20px}.calendar-colors-popup__form-block[data-v-0287fb3a]::-webkit-scrollbar{width:2px}.calendar-colors-popup__form-block[data-v-0287fb3a]::-webkit-scrollbar-track{background:#36a9e1}.calendar-colors-popup__form-block[data-v-0287fb3a]::-webkit-scrollbar-thumb{background:#ff6b00}.calendar-colors-popup__block[data-v-0287fb3a]{display:flex;justify-content:space-between;width:320px}.calendar-colors-popup__button[data-v-0287fb3a]{display:inline-block;cursor:pointer;background:none;padding:10px 15px;border-radius:6px;border:0;font-size:14px;color:#fff;opacity:1;transition:opacity .4s linear}.calendar-colors-popup__button--main[data-v-0287fb3a]{background-color:#36a9e1}.calendar-colors-popup__button--reset[data-v-0287fb3a]{background-color:#ff6b00}.calendar-colors-popup__button[data-v-0287fb3a]:hover{opacity:.9}.calendar-color-select__title-marker[data-v-0287fb3a]{left:0;width:18px;height:18px;bottom:11px}.calendar-export-popup[data-v-1596c78e]{z-index:30;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.calendar-export-popup__wrap[data-v-1596c78e]{position:relative;background-color:#fff;padding:30px;border-radius:8px}.calendar-export-popup__close[data-v-1596c78e]{cursor:pointer;display:block;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 7 7M8 1 1 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%;width:25px;height:25px;border:1px solid #d8d8d8;border-radius:50%;position:absolute;top:5px;right:5px}.calendar-export-popup__name-row[data-v-1596c78e]{margin-bottom:3px;position:relative}.calendar-export-popup__name-input[data-v-1596c78e]{line-height:20px;padding:10px 16px 8px}.calendar-export-popup__title[data-v-1596c78e]{text-align:center}.calendar-export-popup__form-block[data-v-1596c78e]{max-height:calc(80vh - 150px);overflow-y:auto;margin-bottom:20px}.calendar-export-popup__form-block[data-v-1596c78e]::-webkit-scrollbar{width:2px}.calendar-export-popup__form-block[data-v-1596c78e]::-webkit-scrollbar-track{background:#36a9e1}.calendar-export-popup__form-block[data-v-1596c78e]::-webkit-scrollbar-thumb{background:#ff6b00}.calendar-export-popup__block[data-v-1596c78e]{display:flex;justify-content:space-between;width:320px}.calendar-export-popup__button[data-v-1596c78e]{display:inline-block;cursor:pointer;background:none;padding:10px 15px;border-radius:6px;border:0;font-size:14px;color:#fff;opacity:1;transition:opacity .4s linear}.calendar-export-popup__button--main[data-v-1596c78e]{background-color:#36a9e1}.calendar-export-popup__button--reset[data-v-1596c78e]{background-color:#ff6b00}.calendar-export-popup__button[data-v-1596c78e]:hover{opacity:.9}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.calendar-tools__button{display:inline-block;cursor:pointer;background:#36a9e1 none;padding:10px 15px;border-radius:6px;border:0;font-size:14px;color:#fff;opacity:1;transition:opacity .4s linear}.calendar[data-v-ba9535f4]{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.06),0 0 4px 0 rgba(0,0,0,.04)}.calendar__block[data-v-ba9535f4]{padding:20px;font-size:24px}.calendar__table[data-v-ba9535f4]{display:flex}.calendar__title[data-v-ba9535f4]{min-width:421px;width:421px;border-right:1px solid #e0e0e0}@media only screen and (max-width:768px){.calendar__title[data-v-ba9535f4]{min-width:80px;width:80px}}.calendar__head[data-v-ba9535f4]{padding-top:15px;height:80px}.calendar__head-block[data-v-ba9535f4]{display:flex}.calendar__head-block--main[data-v-ba9535f4]{padding-top:10px}@media only screen and (max-width:768px){.calendar__head-block--main[data-v-ba9535f4]{display:none}}.calendar__head-block-title[data-v-ba9535f4]{color:#a1a1a1;text-align:center}.calendar__head-block-title--text[data-v-ba9535f4]{text-align:left;flex-grow:1;padding:0 20px}.calendar__head-block-title--days[data-v-ba9535f4]{width:50px}.calendar__main[data-v-ba9535f4]{flex-grow:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative}.calendar-line[data-v-6272e58d]{display:flex}.calendar-line--main .calendar-line__column[data-v-6272e58d]{height:56px}.calendar-line__column[data-v-6272e58d]{height:40px;text-align:center;border-top:1px solid #e0e0e0;border-left:1px dashed #e0e0e0}.calendar-line__column[data-v-6272e58d]:first-child{border-left:0}.calendar-line__column--weekend[data-v-6272e58d]{background-color:#fafafc}.today-line[data-v-789ded50]{width:2px;background-color:#36a9e1;position:absolute;top:70px;left:-2px;bottom:0;z-index:1}.btn[data-v-e0645e38]{display:inline-block;background:none;outline:none;border:0;cursor:pointer}.btn__text[data-v-e0645e38]{display:block}.btn--icon[data-v-e0645e38]{font-size:0;line-height:0;padding:10px}.btn--with-icon[data-v-e0645e38]{position:relative}.orders-list-row-form[data-v-7011590f]{display:flex;align-items:center}.orders-list-row[data-v-4855dec1]{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);display:flex;align-items:center;padding:12px 10px 13px;opacity:1;transition:opacity .2s linear}.orders-list-row.disabled[data-v-4855dec1]{opacity:.7;pointer-events:none}.orders-list-row[data-v-4855dec1]:not(:first-child){margin-top:5px}.orders-list-row:last-child .orders-list-row__column-edit-block[data-v-4855dec1]{top:auto;bottom:0;transform:none}.orders-list-row__column[data-v-4855dec1]{padding:0 10px}.orders-list-row__column-date[data-v-4855dec1]{min-width:110px;width:110px}.orders-list-row__column-date-time[data-v-4855dec1]{color:#a1a1a1}.orders-list-row__column-city[data-v-4855dec1]{min-width:170px;width:170px}.orders-list-row__column-name[data-v-4855dec1]{flex-grow:1;min-width:300px}.orders-list-row__column-price[data-v-4855dec1]{min-width:180px;width:180px}.orders-list-row__column-comment[data-v-4855dec1],.orders-list-row__column-status[data-v-4855dec1]{min-width:200px;width:200px}.orders-list-row__column-comment-text[data-v-4855dec1]{display:block;min-height:1.6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-list-row__column-edit[data-v-4855dec1]{display:flex;justify-content:flex-end;min-width:70px;width:70px;padding-right:10px}.orders-list-row__column-edit-block[data-v-4855dec1]{position:absolute;opacity:0;z-index:10;top:50%;right:100%;transform:translateY(-50%);pointer-events:none;transition:opacity .2s linear;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15)}.orders-list-row__column-edit-block ul[data-v-4855dec1]{list-style:none}.orders-list-row__column-edit-button:hover .orders-list-row__column-edit-block[data-v-4855dec1]{opacity:1;pointer-events:auto}.orders-list-row__column-edit-button[data-v-4855dec1]{width:100%;position:relative}.orders-list-row__column-edit-button-icon[data-v-4855dec1]{width:5px;height:21px}.orders-list-row__column-edit-button-item[data-v-4855dec1]{text-align:center}.orders-list-row__form[data-v-4855dec1]{display:flex;align-items:center}.orders-list-row__button-icon[data-v-4855dec1]{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.orders-list-row .orders-list-row__button{width:100%;display:block;text-align:left;color:#008ac1;position:relative;padding:10px 10px 10px 40px;transition:background-color .2s linear}.orders-list-row .orders-list-row__button:hover{background-color:#efefef}.orders-list-row .orders-list-row__form-input{padding:5px 15px}.orders-list-title[data-v-5d470cc8]{display:flex;padding:12px 10px 13px}.orders-list-title__column[data-v-5d470cc8]{display:flex;padding:0 10px}.orders-list-title__column-buttons[data-v-5d470cc8]{display:flex;margin-left:10px}.orders-list-title__column-buttons>div[data-v-5d470cc8]:not(:first-child){margin-left:5px}.orders-list-title__column--date[data-v-5d470cc8]{width:110px}.orders-list-title__column--city[data-v-5d470cc8]{width:170px}.orders-list-title__column--name[data-v-5d470cc8]{flex-grow:1;min-width:300px}.orders-list-title__column--price[data-v-5d470cc8]{width:180px}.orders-list-title__column--comment[data-v-5d470cc8],.orders-list-title__column--status[data-v-5d470cc8]{width:200px}.orders-list-title__column--edit[data-v-5d470cc8]{width:70px}.orders-list-title__button[data-v-5d470cc8]{padding:0}.orders-list-title__icon[data-v-5d470cc8]{width:12px;height:7px}.orders-list-title .orders-list-title__button{padding:0}.orders-list[data-v-4b3c86f6]{min-width:100%;display:table}.orders-page__container[data-v-bd39c700]{overflow-x:auto;max-width:100%}.orders-page__title[data-v-bd39c700]{font-weight:500;font-size:20px;line-height:28px;margin:16px 0;position:relative} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box;font-family:Inter,sans-serif}[hidden]{display:none!important}@media only screen and (max-width:768px){.design-hidden-mobile{display:none}}@media only screen and (min-width:769px)and (max-width:1280px){.design-hidden-tablet{display:none}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-hidden-laptop{display:none}}@media only screen and (min-width:1441px){.design-hidden-desktop{display:none}.design-main{margin-bottom:4.861vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-main{margin-bottom:5.469vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-main{margin-bottom:9.115vw}}@media only screen and (max-width:768px){.design-main{margin-bottom:27.778vw}}.design-wrap{max-width:100%}.design-container{width:100%;max-width:1260px;padding:0 20px;margin:0 auto}@media only screen and (min-width:1281px){.design-container{padding:0 2.083vw;max-width:88.889vw}}.design-logo{display:block;width:171px;height:49px;font-size:0;line-height:0}@media only screen and (min-width:1281px){.design-logo{width:11.875vw;height:3.403vw}}.design-logo-image{width:100%;height:auto}@media only screen and (min-width:1441px){.design-pagination{padding-top:2.778vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-pagination{padding-top:3.125vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-pagination{padding-top:5.208vw}}@media only screen and (max-width:768px){.design-pagination{padding-top:11.111vw}}.design-pagination__block{display:flex;align-items:center;justify-content:center}@media only screen and (min-width:1441px){.design-pagination__item{margin:0 .347vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-pagination__item{margin:0 .391vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-pagination__item{margin:0 .651vw}}@media only screen and (max-width:768px){.design-pagination__item{margin:0 1.389vw}}.design-pagination__item-link{display:table-cell;vertical-align:middle;text-align:center;color:#292929;text-decoration:none;border:1px solid #d8d8d8;background-color:transparent;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.design-pagination__item-link.active{background-color:#36a9e1;border-color:#36a9e1;color:#fff}@media only screen and (min-width:1441px){.design-pagination__item-link{font-size:1.111vw;width:3.472vw;height:3.472vw;border-radius:.417vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-pagination__item-link{font-size:1.25vw;width:3.906vw;height:3.906vw;border-radius:.469vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-pagination__item-link{font-size:1.953vw;width:6.51vw;height:6.51vw;border-radius:.781vw}}@media only screen and (max-width:768px){.design-pagination__item-link{font-size:3.889vw;width:11.111vw;height:11.111vw;border-radius:1.667vw}}body{font-size:16px;line-height:inherit;width:100%;scroll-behavior:smooth}.design-page-middle{margin:0 auto}@media only screen and (min-width:1441px){.design-page-middle{width:56.25vw;padding:2.778vw 0}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-page-middle{width:63.281vw;padding:3.125vw 0}}@media only screen and (max-width:1280px){.design-page-middle{width:100%;padding:5.208vw 0}}@media only screen and (max-width:768px){.design-page-middle{padding:8.333vw 0}}.design-page-middle__image{width:100%}.design-page-middle__meta{color:#666}@media only screen and (min-width:1441px){.design-page-middle__meta{font-size:.972vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-page-middle__meta{font-size:1.094vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-page-middle__meta{font-size:1.823vw}}@media only screen and (max-width:768px){.design-page-middle__meta{font-size:3.611vw}}@media only screen and (min-width:1441px){.design-page-middle__meta{margin:2.431vw 0}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-page-middle__meta{margin:2.734vw 0}}@media only screen and (min-width:769px)and (max-width:1280px){.design-page-middle__meta{margin:4.557vw 0}}@media only screen and (max-width:768px){.design-page-middle__meta{margin:6.944vw 0}}.design-content{color:#292929;width:100%;line-height:1.4}@media only screen and (min-width:1441px){.design-content{font-size:1.111vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content{font-size:1.25vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content{font-size:1.953vw}}@media only screen and (max-width:768px){.design-content{font-size:3.889vw}}@media only screen and (min-width:1441px){.design-content h2,.design-content h3,.design-content h4,.design-content h5,.design-content h6{font-size:2.222vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content h2,.design-content h3,.design-content h4,.design-content h5,.design-content h6{font-size:2.5vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content h2,.design-content h3,.design-content h4,.design-content h5,.design-content h6{font-size:3.646vw}}@media only screen and (max-width:768px){.design-content h2,.design-content h3,.design-content h4,.design-content h5,.design-content h6{font-size:5.556vw}}@media only screen and (min-width:1441px){.design-content blockquote,.design-content p{margin:2.431vw 0}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content blockquote,.design-content p{margin:2.734vw 0}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content blockquote,.design-content p{margin:4.557vw 0}}@media only screen and (max-width:768px){.design-content blockquote,.design-content p{margin:6.944vw 0}}.design-content blockquote{position:relative}.design-content blockquote:before{content:"";display:block;background-color:#36a9e1;position:absolute;top:0;bottom:0;left:0}@media only screen and (min-width:1441px){.design-content blockquote:before{width:.417vw;border-radius:.972vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content blockquote:before{width:.469vw;border-radius:1.094vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content blockquote:before{width:.781vw;border-radius:1.823vw}}@media only screen and (max-width:768px){.design-content blockquote:before{width:1.667vw;border-radius:3.889vw}}@media only screen and (min-width:1441px){.design-content blockquote{padding-left:2.5vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content blockquote{padding-left:2.813vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content blockquote{padding-left:4.688vw}}@media only screen and (max-width:768px){.design-content blockquote{padding-left:10vw}}.design-content a{color:#36a9e1;transition:color .2s ease;text-decoration:underline}.design-content a:hover{color:#292929}.design-content img{display:block;margin:0 auto;max-width:100%;height:auto}.design-content__quote{text-align:center;position:relative;line-height:1.5}@media only screen and (min-width:1441px){.design-content__quote{margin:2.431vw 0}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content__quote{margin:2.734vw 0}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content__quote{margin:4.557vw 0}}@media only screen and (max-width:768px){.design-content__quote{margin:6.944vw 0}}@media only screen and (min-width:1441px){.design-content__quote{padding:2.222vw 6.944vw 0;font-size:1.389vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content__quote{padding:2.501vw 7.813vw 0;font-size:1.563vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content__quote{padding:4.167vw 7.813vw 0;font-size:2.344vw}}@media only screen and (max-width:768px){.design-content__quote{padding-top:8.889vw;font-size:4.444vw}}.design-content__quote:before{content:"";display:block;background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.191 2.191H1.549a1.096 1.096 0 0 1 0-2.191h9.642a1.096 1.096 0 0 1 0 2.191ZM16.449 6.955H6.807a1.096 1.096 0 0 1 0-2.191h9.642a1.096 1.096 0 0 1 0 2.191ZM11.191 11.725H1.549a1.096 1.096 0 0 1 0-2.192h9.642a1.096 1.096 0 0 1 0 2.192Z' fill='%23FF6B00'/%3E%3C/svg%3E") no-repeat 50%/cover;position:absolute;top:0;left:50%;transform:translateX(-50%)}@media only screen and (min-width:1441px){.design-content__quote:before{width:1.181vw;height:.833vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-content__quote:before{width:1.328vw;height:.938vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-content__quote:before{width:2.214vw;height:1.563vw}}@media only screen and (max-width:768px){.design-content__quote:before{width:4.722vw;height:3.333vw}}.design-content__quote p:first-child{margin-top:0}.design-content__quote p:last-child{margin-bottom:0}input:checked+.reg-form-block__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.02 18.01'%3E%3Cpath fill='%23008ac1' d='M23.99 0c-.26 0-.51.12-.69.3L8.01 15.59 1.72 9.3C1.34 8.9.7 8.89.31 9.27s-.41 1.02-.03 1.41l.03.03 7 7c.39.39 1.02.39 1.41 0l16-15.99c.4-.38.41-1.02.02-1.41-.2-.2-.47-.31-.75-.3Z'/%3E%3C/svg%3E")}.design-button{display:inline-block;border:0;background:none;outline:none;text-decoration:none;cursor:pointer;border-radius:6px;transition:opacity .2s ease}.design-button:disabled{pointer-events:none;opacity:.5}@media only screen and (min-width:1281px){.design-button{border-radius:.417vw}}.design-button--primary{padding:10px 20px;color:#fff;background-color:#36a9e1}@media only screen and (min-width:1281px){.design-button--primary{padding:.694vw 1.389vw}}.design-button--primary.design-button--arrow{padding-right:65px}@media only screen and (min-width:1281px){.design-button--primary.design-button--arrow{padding-right:4.514vw}}.design-button--large{padding:15px 30px}@media only screen and (min-width:1281px){.design-button--large{padding:1.042vw 2.083vw}}.design-button--main{padding:15px 30px;color:#fff;background-color:#ff6b00}@media only screen and (min-width:1281px){.design-button--main{padding:1.042vw 2.083vw}}.design-button--main.design-button--arrow{padding-right:75px}@media only screen and (min-width:1281px){.design-button--main.design-button--arrow{padding-right:5.208vw}}.design-button--simple{color:#292929;background-color:hsla(0,0%,85%,.8)}.design-button--arrow{position:relative}.design-button--arrow:after{content:"";display:block;width:17px;height:14px;background:url(/local/frontend/build/img/arrow.svg) no-repeat 50%;margin-top:-7px;position:absolute;top:50%;right:30px}@media only screen and (min-width:1281px){.design-button--arrow:after{width:1.181vw;height:.972vw;margin-top:-.486vw;right:2.083vw;background-size:cover}}.design-input{display:block;width:100%;background:none;border:0;outline:none}.design-input--simple{color:#292929;font-size:16px;font-weight:400;border:1px solid #fff;background-color:#fff;border-radius:6px;padding:16px}@media only screen and (min-width:1281px){.design-input--simple{font-size:1.111vw;border-radius:.417vw;padding:1.111vw}}.design-input--border{border:1px solid #d8d8d8}@media only screen and (min-width:1281px){.design-input--border{border-width:.069vw}}.design-title{font-family:Manrope,sans-serif;font-weight:600;text-align:center}@media only screen and (min-width:1281px){.design-title{font-size:3.333vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-title{font-size:34px}}@media only screen and (max-width:768px){.design-title{font-size:24px}}.design-title--primary{color:#292929}.design-title--inverse{color:#fff}@media only screen and (min-width:1441px){.design-title--page{font-size:3.333vw;margin-bottom:2.778vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-title--page{font-size:3.906vw;margin-bottom:2.344vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-title--page{font-size:4.427vw;margin-bottom:2.604vw}}@media only screen and (max-width:768px){.design-title--page{font-size:6.667vw;margin-bottom:1.302vw}}.design-title--page h1,.design-title--page h2,.design-title--page h3,.design-title--page h4{font-size:inherit;margin:0}@media only screen and (min-width:1441px){.design-title--page h1,.design-title--page h2,.design-title--page h3,.design-title--page h4{margin-top:.694vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-title--page h1,.design-title--page h2,.design-title--page h3,.design-title--page h4{margin-top:.781vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-title--page h1,.design-title--page h2,.design-title--page h3,.design-title--page h4{margin-top:1.302vw}}@media only screen and (max-width:768px){.design-title--page h1,.design-title--page h2,.design-title--page h3,.design-title--page h4{margin-top:2.778vw}}.design-title__back-link{color:#36a9e1;text-decoration:none;position:relative;transition:color .2s ease;font-weight:400}.design-title__back-link:hover{color:#292929}.design-title__back-link:before{content:"";display:block;position:absolute;top:50%;left:0;background:url(/local/frontend/build/img/arrow-back.svg) no-repeat 50%/cover;transform:translateY(-50%)}@media only screen and (min-width:1441px){.design-title__back-link{font-size:.972vw;padding-left:1.111vw}.design-title__back-link:before{width:.417vw;height:.833vw}}@media only screen and (min-width:1281px)and (max-width:1440px){.design-title__back-link{font-size:1.094vw;padding-left:1.25vw}.design-title__back-link:before{width:.469vw;height:.938vw}}@media only screen and (min-width:769px)and (max-width:1280px){.design-title__back-link{font-size:1.823vw;padding-left:2.083vw}.design-title__back-link:before{width:.781vw;height:1.563vw}}@media only screen and (max-width:768px){.design-title__back-link{font-size:3.611vw;padding-left:4.444vw}.design-title__back-link:before{width:1.667vw;height:3.333vw}} /* End */ /* Start:/local/templates/shumovnet/styles.css?173496396750425*/ /* //hde begin */ .notice-register-wrap .tooltip-content-container { overflow: initial; max-width: 600px !important; width: 100%; position: relative; border-radius: 16px; } .notice-register-wrap .tooltip-content-container::before { content: ''; display: block; background: url("data:image/svg+xml,%3Csvg width='439' height='288' viewBox='0 0 439 288' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M325.512 147.043C318.468 168.206 333.625 198.3 358.08 206.441C382.535 214.582 410.299 201.122 414.641 176.713C418.982 152.303 406.001 144.374 389.459 134.908C368.611 122.978 332.557 125.88 325.512 147.043Z' fill='%237929FF'/%3E%3Cpath d='M325.272 148.669C321.628 159.616 323.455 172.833 329.26 184.346C335.064 195.856 344.81 205.593 356.914 209.622C381.173 217.697 408.983 203.38 413.637 178.157C415.976 165.478 413.921 157.213 409.306 150.924C404.662 144.596 397.388 140.206 389.108 135.368C378.81 129.351 364.639 127.205 352.125 129.327C339.603 131.451 328.886 137.815 325.272 148.669Z' stroke='%237929FF'/%3E%3Cpath d='M247.767 180.551C238.967 206.986 257.9 244.577 288.448 254.745C318.995 264.914 353.676 248.101 359.099 217.611C364.522 187.121 348.307 177.216 327.644 165.392C301.603 150.491 256.567 154.115 247.767 180.551Z' fill='%2336A9E1'/%3E%3Cpath d='M66.489 128.609C66.3234 139.871 54.0866 151.694 41.0726 151.502C28.0586 151.311 17.0642 140.271 19.0591 127.912C21.054 115.552 28.5627 113.934 38.0249 112.176C49.95 109.96 66.6546 117.347 66.489 128.609Z' fill='%2336A9E1'/%3E%3Cpath d='M243.995 89.3442C237.76 126.098 191.758 158.584 149.287 151.38C106.815 144.175 76.4332 102.508 89.2059 63.0885C101.979 23.6695 128.977 19.1162 159.196 21.2035C199.246 23.9698 250.229 52.59 243.995 89.3442Z' fill='%23FF6B00'/%3E%3Cpath d='M243.402 91.9882C240.159 111.108 227.016 129.242 209.353 141.702C191.693 154.161 169.578 160.903 148.451 157.319C106.145 150.143 76.2109 106.989 89.2315 65.9076C95.7742 45.2648 103.63 35.446 113.725 30.5782C118.789 28.1364 124.45 26.923 130.861 26.2442C135.976 25.7025 141.542 25.5032 147.645 25.2847C149.198 25.2291 150.785 25.1723 152.408 25.1083C172.433 24.3186 196.844 31.5083 215.425 43.7014C234.025 55.9062 246.622 73.0029 243.402 91.9882Z' stroke='%23FF6B00'/%3E%3Cpath d='M247.349 182.542C242.785 196.255 245.075 212.799 252.337 227.202C259.598 241.602 271.795 253.791 286.952 258.837C317.318 268.945 352.14 251.028 357.968 219.438C360.894 203.576 358.326 193.215 352.536 185.324C346.717 177.395 337.607 171.899 327.268 165.859C314.376 158.326 296.645 155.643 280.989 158.298C265.325 160.954 251.883 168.922 247.349 182.542Z' stroke='%2336A9E1'/%3E%3Cpath d='M64.1482 136.077C64.0638 141.821 61.0316 147.758 56.382 152.246C51.735 156.732 45.5277 159.715 39.1653 159.622C26.3869 159.434 15.6488 148.094 17.6047 135.462C18.5931 129.077 20.9217 125.548 24.0997 123.366C27.3177 121.157 31.463 120.282 36.2262 119.352C42.0734 118.211 49.1276 119.534 54.6957 122.605C60.2715 125.68 64.2313 130.43 64.1482 136.077Z' stroke='%2336A9E1'/%3E%3C/svg%3E%0A") no-repeat center center; width: 400px; height: 250px; position: absolute; top: -75px; right: -100px; } .notice-register-wrap .fancybox-button { display: none; } .notice-register__title { margin-top: 50px; color: #7929FF; font-size: 48px; line-height: 1; font-weight: 600; text-transform: uppercase; } .notice-register__subtitle { font-size: 20px; margin-bottom: 55px; } .notice-register__button-block { margin-top: 35px; } .notice-register__block--flex { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px; } .notice-register__block-text { color: #232323; font-size: 24px; margin-bottom: 10px; } .notice-register__block-subtext { font-size: 20px; } .notice-register__button { color: #ffffff; position: relative; display: inline-block; padding: 15px 120px 15px 30px; font-size: 24px; font-weight: 600; background-color: #FF6B00; border-radius: 8px; text-decoration: none; outline: none; } .notice-register__button:hover { text-decoration: none; } .notice-register__button::before { content: ''; display: block; width: 34px; height: 24px; background: url("data:image/svg+xml,%3Csvg width='34' height='24' viewBox='0 0 34 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.5C1.17157 10.5 0.5 11.1716 0.5 12C0.5 12.8284 1.17157 13.5 2 13.5V10.5ZM33.0607 13.0607C33.6464 12.4749 33.6464 11.5251 33.0607 10.9393L23.5147 1.3934C22.9289 0.807611 21.9792 0.807611 21.3934 1.3934C20.8076 1.97919 20.8076 2.92893 21.3934 3.51472L29.8787 12L21.3934 20.4853C20.8076 21.0711 20.8076 22.0208 21.3934 22.6066C21.9792 23.1924 22.9289 23.1924 23.5147 22.6066L33.0607 13.0607ZM2 13.5H32V10.5H2V13.5Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center; background-size: cover; position: absolute; right: 30px; top: 50%; margin-top: -12px; } .notice-register__block-item { position: relative; font-size: 14px; line-height: 1.2; } .notice-register__block-item a { font-style: italic; color: inherit; text-decoration: underline; } .notice-register__block-item a:hover { text-decoration: none; } .notice-register__block-item::before { content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -12px; background: transparent no-repeat center center; } .notice-register__block-item--telegram { padding-left: 34px; color: #36A9E1; } .notice-register__block-item--telegram::before { width: 24px; height: 24px; background-image: url('/local/templates/shumovnet/images/telegram.svg'); background-size: 24px 24px; } .notice-register__block-item--youtube { padding-left: 45px; color: #7929FF; min-width: 250px; } .notice-register__block-item--youtube::before { width: 35px; height: 24px; background-image: url('/local/templates/shumovnet/images/youtube.svg'); background-size: 35px 24px; } @media only screen and (max-width: 640px) { .notice-register { margin: -20px; width: calc(100% + 40px); } .notice-register-wrap .tooltip-content-container::before { top: -95px; right: -120px; } .notice-register__title { font-size: 30px; } .notice-register__subtitle { margin-bottom: 25px; } .notice-register__block--flex { margin-top: 20px; } .notice-register__block-item { margin-top: 10px; } } .body-wrap { position: relative; flex: 1 0 auto; } .ui-btn-primary { --ui-btn-background: #36A9E1 !important; } .calendar-view-switcher { margin-top: -76px; float: right; } .calendar-view-switcher-list-item { margin: 0 0 0 18px; } #main-wrap { flex: 1 0 auto; min-height: 100%; } table.bx-registration-table td { padding: 3px; } table.bx-registration-table td:nth-child(odd) { text-align: right; font-weight: bold; } input.sms-phone { width: 180px; } .red-border { border: 2px solid #f00; } .side-user__img { max-width: 45px; } .header-stages > li a { width: 100%; display: block; height: 100%; } .submenu > li > span { color: #ccc; display: block; padding-bottom: 6px; border-bottom: 4px solid transparent; text-transform: uppercase; font-size: 14px; cursor: not-allowed; } .document-info-row-cell { display: table-cell; } .img-mw-100 img{ max-width: 100%; } .fright { float: right; } .fl { float:left !important; } .db { display:block !important; } .bt-0 { border-top: 0 !important; } .bordered { border: 1px solid gray; } .bordered { border: 1px solid gray; } .brdr-radius-10 { border-radius: 10px; } .mh-100p { max-height: 70px; overflow: auto; } .p-1 { padding: 5px; } .text-center { text-align: center; } .main-header-title { display: inline-block; } .main-header-title__text, .main-header-title__form { display: flex; align-items: center; } .main-header-title__text .icon { margin-left: 15px; } .main-header-title__form .icon { display: block; margin-left: 15px; } input[type=file] { opacity: 0; position: absolute; z-index: -1; display: none; } #bx-notifier-panel { display: none; } .bx-messenger-connection-status-wrap { display: none; } .popup.new-image { width: 95%; height: 95%; } .popup.new-image .popup-body { padding: 2px 0 0 5px; } .popup.new-image .popup-body .popup-close { /*z-index:5; right:2px; top:2px;*/ } .popup.new-image .popup-body form { z-index: 5; position: absolute; top: 2px; right: 0; } .popup.new-image .popup-body form input { line-height: 17px; } .my-drawing { /*height: 540px;*/ } .literally { height: 100%; } .calendar-default-buttons-container { display: none; } .save-result { margin-bottom: 20px; font-weight: bold; } .price-block-num:after { content: none !important; } .logo { width: 65px; } a.disabled { background: #aaa; } a.disabled:hover { cursor: not-allowed; background: #aaa; } .bx-auth-table tr td { padding: 0 5px 10px 0; } .price-block-files-button { text-align: left; } .tdlt { text-decoration: line-through; } .relative { position: relative; } .absolute { position: absolute; } .bxhtmled-toolbar-cnt, .postFormAutosave { display: none; } .bxhtmled-area-cnt { top: 0 !important; } #show_visual_editor .bxhtmled-toolbar-cnt { display: block; } #show_visual_editor .bxhtmled-area-cnt { top: 34px !important; } div.forum-reply-field { margin-top: 0 !important; } div.forum-reply-fields { padding: 0 !important; } div.forum-reply-header { background-color: #F4F8FE; padding: 9px 19px; } .forum-reply-field textarea { border: 0; width: 100%; } .icon-file > span { text-overflow: ellipsis; white-space: nowrap; max-width: 145px; overflow: hidden; } /* FROM search.suggest.input component begin */ input.search-suggest {} div.search-popup { border: 1px solid #ccc; background: #FFFFFF; padding: 5px 15px; margin: 0; border-radius: 5px; } div.search-popup-row, div.search-popup-row-active { position: relative; padding: 2px 4px; margin: 0; cursor: hand; cursor: pointer; } div.search-popup-row { background: #FFFFFF; } div.search-popup-row-active { background: #EEEEEE; } div.search-popup-el-name, div.search-popup-el-cnt { position: relative; margin: 0; padding: 0; text-align: left; } div.search-popup-el-cnt { text-align: right; float: right; } /* FROM search.suggest.input component end */ input[type="text"]:disabled, select:disabled { background-color: #eee; } .events-list-item-text s { color: #999; } .header-stages li a span { color: #fff; } .header-stages li.active ~ li a span { color: #333; } .price-block-files-add__button { margin-left: 0; margin-right: 10px; } .edit-td-small { width: 70px; } .requests-list-item.disabled { opacity: 0.5; } .avatar__img { height: 65px; border-radius: 100%; float: left; margin-right: 20px; } .avatar-upload-button { margin-top: 5px; } .offer-list-item { padding: 3px 0; text-align: left; position: relative; padding-right: 10px; } .tasks-list.offer-list { padding: 10px 25px; } .offer-edit { position: absolute; right: 0; top: 0; } .offer-list-item__delete { margin-left: 5px; } .order-canceled { color: #f00 !important; } div#upload-overlay { position: fixed; /* Sit on top of the page content */ display: none; width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */ z-index: 99999; /* Specify a stack order in case you're using a different order for other elements */ cursor: wait; /* Add a pointer on hover */ } div#upload-overlay div { position: absolute; top: 50%; left: 50%; font-size: 30px; color: #ddd; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .bad-phone-number, .bad-phone-number:hover { text-decoration: line-through !important; } input:not([type="submit"]):read-only, textarea:read-only { background-color: #f8f8f8 !important; } input[type="checkbox"] + div.note { padding-left: 5px !important; top: 0 !important; left: 35px !important; } .surfaces-services-list__save__fix { position: relative; top: 4px; } input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=tel]:disabled, input[type=url]:disabled, input[type=number]:disabled, textarea:disabled { background: #ddd; } .persons-list-item-name__img { border-radius: 100%; } .phone-img-call { width: 25px; height: 25px; position: absolute; top: 20px; right: 15px; } .tasks-list-item-user__img { border-radius: 100%; } .handbook-header-name { max-width: 70% } .form-list-info { list-style: none; text-align: right; float: right; margin: 25px 0 20px 20px; line-height: 25px; } @media (max-width:767px) { .form-list-info { margin: 10px 0; text-align: left; font-size: 14px; float: none; } } .icon.icon-delete-black:before { height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 4H15V2C15 1 14 0 13 0H7C6 0 5 1 5 2V4H1C0.468872 4 0 4.5 0 5C0 5.5 0.5 6 1 6H2V20C2 21.5 3.5 23 5 23H15C16.5 23 18 21.5 18 20V6H19C19.5 6 20 5.5 20 5C20 4.5 19.5 4 19 4ZM8 2H12C12.675 2 13 2.33964 13 3V4H7C7 3.75806 7 3.41982 7 3C7 2.5 7.5 2 8 2ZM16 19.5C16 20.5 15.5 21 14.5 21H5.5C4.5 21 4 20.5 4 19.5V6H16V19.5Z' fill='%23333333'/%3e%3crect x='7' y='9' width='2' height='9' rx='1' fill='%23333333'/%3e%3crect x='11' y='9' width='2' height='9' rx='1' fill='%23333333'/%3e%3c/svg%3e"); } .checkbox-row { margin-bottom: 10px; } .checkbox-row .checkboxArea { position: relative; top: 3px; } .error-note { color: #dd0000; padding-top: 5px; } .checkbox-row a { text-decoration: underline; } .checkbox-row a:hover { text-decoration: none; } .docs-list .docs-list-item-buttons { width: auto; } .docs-list .docs-list-item-buttons .button.disabled { color: #000; border-color: #ccc; } .docs-list-item-buttons > .button { margin-bottom: 20px; } .fancybox-stage .fancybox-slide--html { padding: 50px; } .docs-list-item-buttons { position: relative; } #reset-success { position: absolute; bottom: 0; right: 20px; background: #fff; color: #dd0000; padding: 1px 5px; } .form-list-row__add { margin-right: 20px; } .surfaces-services-list-row.disabled { background: #eee; } .message-list-item-date{ font-size:12px; color:#A1A1A1; font-weight:400; } .message-list-item-name { font-size:13px; font-weight:bold; margin-right:10px; } .message-list-item-text { font-size:13px; line-height: 18px; } .tasks-list-item.message-list-item { padding-top:10px; padding-bottom:10px; } .small-input { max-width: 115px; } .num-td-small { min-width:60px; } sup { line-height: 0; } .form-list input.input-inline-small { width:100px; display:inline-block; margin:0 10px; } .form-list.sp-list input.input-inline-small { margin:0 10px 0 0; } .sp-list label { width:147px; display:inline-block; line-height:20px; } .overlay-set-sp .popup { width: 520px; } .small-italic { font-size:12px; font-style:italic; line-height:12px; margin-bottom:3px; } .finance-block-row-payment-image { text-transform: uppercase; } .finance-block-cols-table > div > div:first-child { padding-right:10px; } .finance-block-cols-table { line-height:22px; } .new-service .select-block .selectArea { min-width:150px; } .surfaces-services-list.handbook-services-list > div > div.num-td { width:150px; } .price-input { width:150px; } .handbook-services-list > div > div { vertical-align:top; } .persons-toggle { margin-right:36px; } .persons-toggle.icon-arrow-white:after { top:2px; } @media (max-width:1259px) { .persons-toggle.icon-arrow-white:after { top:-6px; } } i.small { font-size:12px; color:#666; line-height:12px; display:block; } .persons-list-item__resp { position:absolute; right:48px; top:21px; } .persons-list-item__delete { position:absolute; right:15px; top:19px; } .popup-users-cols { margin-bottom:20px; } .popup-user-block { position: relative; min-height:50px; padding-left:80px; display:block; margin-bottom:10px; } .popup-user-block .checkboxArea { position:absolute; top:10px; left:0; } .popup-user-block .persons-list-item-name__img { left:30px; top:0; } .button:disabled { background:#999; cursor:not-allowed; } .button:disabled:hover { background:#999; } .persons-list-item { transition:0.5s; } .documents { clear:both; } .error { color:red; font-weight:bold; padding:10px 0; } .service-error { font-size:13px; line-height:13px; } .overlay-add-new-file input[type=file] { display:block; opacity:1; z-index:1; position:static; } .filter-files-list .sort-arrow { display:inline-block; margin-left:0; } .filter-files-list .requests-list-header > div { white-space: nowrap; } .file-list-item-type { text-transform: uppercase; } .file-filter-button.filter-button { margin:0 20px 20px 15px; } .optionsDivVisible .select-center { max-height:220px; overflow-y: auto; } .overlay-add-new-file-image input[type="text"], .overlay-add-new-file-image input[type="text"].dirty { padding:5px; } .overlay-add-new-file-image input[type="text"] + .note { display:none; } .raw-select { padding:5px; border-radius:3px; width:100%; border:1px solid #ccc; } .raw-select .bt { padding: 0 20px 0 20px; line-height:18px; } .overlay-add-new-file-image .raw-select.selectArea { min-width:100px; } .add-file-block-button { display:inline-block; position:relative; } .download-button:hover + .download-list, .show-download-list:hover + .download-list, .download-list:hover, .show-download-list:hover { display: block; } label.price-block-files-add__button { margin:0; color:#008AC1; } label.price-block-files-add__button:hover { text-decoration:underline; } .price-block-files-list-item .price-block-files-list-item__input { max-width: calc(100% - 100px); } .price-block-files-list-item-buttons a.icon:hover { text-decoration:none; } .overlay-choose-file .popup { max-width:900px; width:auto; } .overlay-choose-file .button-popup { float:right; margin-right:18px; margin-top:0; } .actions-block.tasks-list-item__actions { position:absolute; right: 0; top:5px; } .offer-list .offer-list-item { padding:5px 0; } .offer-list .tasks-list-item__name { margin-right:30px; } @media (max-width:1500px) and (min-width:1260px) { .new-service .wide-td { width:45%; } } @media (max-width:1259px) { .right-block .right-block-header { padding-left: 15px; padding-right: 10px; font-size: 15px; line-height:20px; } .right-block .tasks-list.offer-list { padding:10px 10px 10px 15px; } .offer-list .offer-list-item { padding-right:0; } .surfaces-services-list.handbook-services-list { position:relative; } .surfaces-services-list.handbook-services-list > .new-service > .js-new-service-tablet { padding-bottom:80px; } .surfaces-services-list.handbook-services-list > .new-service > .measure-td, .surfaces-services-list.handbook-services-list > .new-service > .weight-td { display: block; position:absolute;top:70px; border:0; } .new-service .select-block .selectArea { min-width:190px; } .offer-list .tasks-list-item__name { margin-right:30px; } } @media (max-width:1200px) and (min-width:768px) { .new-service .selectAreaParent.t-w145 { display:block; } .new-service input.t-w180 { width:70px; padding-left:5px; padding-right:5px; } .new-service input.t-w145 { width:70px; padding-left:5px; padding-right:5px; width:70px; box-sizing: border-box; } .surfaces-services-list .mid-td { min-width: 90px; width:90px; box-sizing: border-box; } .surfaces-services-list .num-td { min-width: 70px; width:70px; box-sizing: border-box; } .surfaces-services-list .narrow-td { min-width: 75px; width:75px; box-sizing: border-box; } .surfaces-services-list > .new-service .num-td { min-width:95px; width:95px; box-sizing: border-box; } .surfaces-list .surfaces-services-list > div.new-service > div > div { padding:5px; } } .overlay-choose-file .popup-header { position:fixed; z-index:100; height:65px; width:842px; background:#fff; } .overlay-choose-file.vue-popup .popup-header { width: 900px; } .overlay-choose-file .popup-body { padding-top:65px; } @media (max-width:999px) { .new-service .select-block .selectArea { min-width: 150px; } .overlay-choose-file .popup { max-width: 700px; width: auto; } .overlay-choose-file .popup-header { width: 700px; } .overlay-choose-file.vue-popup .button-popup-header { width: 620px; } .overlay-choose-file.vue-popup .popup-header { width: 700px; } .main-cols-right-wrapper .actions-block-list a { font-size: 14px; } } @media (max-width:767px) { .persons-toggle { margin-right:35px; } .overlay-choose-file .popup { max-width:100%; } ul.download-list > li { padding-left:8px; padding-right:8px; } .overlay-choose-file .button-popup { float:none; display:block; width:160px; margin:5px 0 15px 0; } .overlay-choose-file .popup-header { height:100px; padding-left:10px; padding-right:10px; } .overlay-choose-file .popup-header { width:100%; font-size:20px; } .overlay-choose-file .popup-body { padding-top:100px; padding-left:10px; padding-right:10px; } .overlay-choose-file .popup-close { right:10px; } .surfaces-services-list.handbook-services-list > .new-service > .measure-td, .surfaces-services-list.handbook-services-list > .new-service > .weight-td { display:block; position: static; } .fancybox-stage .fancybox-slide--html { padding: 6px; } .docs-list .docs-list-item > div.docs-list-item-buttons { padding-bottom: 0; } #reset-success { left: 15px; } .overlay-set-sp .popup-body { padding-left:20px; padding-right:20px; } .surfaces-services-list.handbook-services-list > .new-service > .js-new-service-tablet { padding-bottom:10px; } .price-block-files-button .price-block-files-add__button.js-add-new-image { display:inline-block; width:auto; min-width:100px; padding-left:10px; padding-right:10px; font-size:14px; } .button.show-download-list { padding-left:10px; padding-right:10px; font-size:14px; margin-bottom:5px; margin-right:3px; } } .file-type-select { position:relative; } .file-orders-list { position:absolute; top:100%; left:-1000px; right:auto; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.3); z-index:10; max-height:180px; display:none; } .file-orders-list-copy { display:block; } .file-orders-list.is-visible { right:0; left:0; } .file-orders-list-item { padding:10px 15px; border-bottom:1px solid #ccc; cursor:pointer; } .file-list-item .file-list-item-actions { width:130px; text-align:right; } input[type=text].filename-input { padding:2px 10px; } .form-reg-login .block-switcher { width: 52px; height: 30px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background-color: #eee; padding: 0; position: relative; cursor: pointer; border: solid 3px #eee; box-sizing: border-box; display:inline-block; margin:0 10px; } .form-reg-login .block-switcher:after { content: ""; display: block; width: 24px; height: 24px; left: 0; background-color: #ff6700; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: absolute; transition: 0.3s; } .form-reg-login .block-switcher { border-color:#ddd; background:#fff; } .switcher-2 .block-switcher:after { left: 22px; } .auto-switcher > *, .radio-switcher > * { vertical-align:middle; } .block-switcher-1, .block-switcher-2 { cursor: pointer; display: inline-block; line-height: 25px; color: #777; } .switcher-1 .block-switcher-1 { color:#000; font-weight:bold; } .switcher-2 .block-switcher-2 { color:#000; font-weight:bold; } .overlay-login li { transition:1s; } .form-reg-login input[disabled] { display:none; } .form-reg-login { max-width:600px; } .offer-list-item-company, .offer-list-item-price { color: #A1A1A1; font-size: 13px; line-height: 20px; float:left; width:50%; } .offer-list-item__name { font-weight:500; } .tender-offer-actions .finance-actions-list { width:120px; } .tender-offer-actions .finance-actions-list > li { padding-left:25px; } .offer-cancel { color: #F21B3F; } .offer-accept { color: #27AE60; } .offer-return { color: #36A9E1; } .tender-files { padding-top:30px; } .tender-files .price-block-files-list-item { width:50%; } .tender-statuses-list { max-width:600px; } .offer-list-item__status.canceled { color:#F21B3F; } .offer-list-item__status.accepted { color:#27AE60; } .tender-user-right-block.right-block-body { text-align:left; } .offer-list-item__download { margin-right:7px; } .offer-list-item__delete { margin-left: 4px; } body .mCustomScrollBox > .mCSB_scrollTools { height:auto; bottom:20px; } .optionsDivVisible .select-center ul { padding-bottom:20px; } .optionsDivVisible .select-center .mCSB_container.mCS_no_scrollbar ul { padding-bottom:0; } .calendar-field-title { max-width: 100% !important; width: 100% !important; } .p0tac { padding: 0!important; text-align: center!important; } .documents-list-item-header__id { font-size: 13px; line-height: 20px; color: #BBB; } .right-block.no-shadow { box-shadow: none; } .price-block-files .price-block-files-button { text-align:left; } .progress-task-block-body .task-buttons { margin-left:0; } @media(max-width:999px) { .make-payment-desc { margin-top: 5px; display: inline-block; font-size: 13px; line-height: 13px; } .tasks-header.full > span, .payments-header.full > span { margin-right: 0; } } @media(max-width:767px) { .payments2 br { display: none; } .right-block.payments2 { margin-bottom:0; line-height:12px; } .main-cols-left .price-block-files-button { text-align:center; } .price-block-files-button .button { padding-left:8px; padding-right:8px; font-size:13px; margin-right:5px; margin-left:5px; margin-bottom:10px; } .price-block-files .price-block-files-button { text-align:left; } .progress-task-buttons label.button { font-size:14px; padding-left:10px; padding-right:10px; } .price-block-progress-task .progress-task-header-name { padding-top:8px; } .progress-task-block-body .task-buttons { margin-left:0; padding-left:0; } .progress-task-block-body .add-progress-price { margin-bottom:15px; } .progress-task-list-item .surfaces-buttons { padding-left:15px; text-align:left; } .progress-task-block-body .surfaces-buttons .button { max-width:200px; display:inline-block; } } #main-wrap { position:relative; } body .side { position:absolute; top:0; } .side.fixed { position:fixed; } .surfaces-list-item-total-cell2 { position:absolute; right:20px; font-weight:bold; font-size:15px; } .surfaces-list-item-buttons2.surfaces-list-item-buttons { position:relative; padding-right:150px; } .surfaces-list-item-buttons .button { margin-top:5px; margin-bottom: 5px; } .form-list { padding-left:0; } .surfaces-services-list > .new-service { display:table-row-group; } .surfaces-services-list > .new-service > div { display:table-row; } .surfaces-services-list > .new-service > div > div { display:table-cell; } @media (max-width:767px) { .surfaces-services-list > .new-service { height:315px; position:relative; display:table-row; border-top:0; } .surfaces-services-list > .new-service > div > div:first-child { padding-bottom:10px; } .surfaces-list-item-body .surfaces-services-list > div.new-service > div { display:block; position: absolute; right: 26px; left: 26px; width:auto; border-top:1px solid #d8d8d8; } .surfaces-services-list.task-surface-service-list > .new-service .wide-td, .progress-task-surfaces-list .new-service .wide-td { padding-bottom:10px; } .surfaces-services-list > .new-service > div > div { display:block; } .surfaces-services-list > .new-service > div > div.mid-td { display:inline-block; width:48%; } .surfaces-services-list > .new-service > div > div.mid-td + div.narrow-td { display:inline-block; padding-left:7px; width:50%; } .surfaces-services-list > .new-service .wide-td { width:auto; } .surfaces-services-list-add.l-table-with-rows > .new-service { width:auto; } .l-table-with-rows > .new-service input[type="text"] { width:100%; display:block; max-width:100%; } .l-table-with-rows > .new-service > div { display:block; } .surfaces-services-list > .new-service > div { display: block; border: 0; width: auto; padding: 12px 15px 0 15px; } .surfaces-services-list > .new-service > .edit-td { position: absolute; top: 12px; right: 0; } .surfaces-services-list > .new-service > .num-td { padding-bottom:10px; padding-top:0; } .submenu > li > span { font-size:11px; } body .header-stages li span { height:33px; line-height:33px; } .menu-right { position:absolute; right:105px; float:none; } body .header-stages { display:inline-block; float:none; width:auto; padding-left:10px; } .events { height:35px; } body .header-stages li { padding-left: 5px; padding-right: 5px; } body .header-stages li span { font-size:13px; } body .header-stages li.active span:after { margin-left:8px; } .main-header-text { vertical-align:top; } body .header-stages li.active span:after { width:12px; height:8px; background-size:contain; background-repeat: no-repeat; } .payments-right-button { margin-left:16px; } } body .tasks-header > span:after, body .payments-header > span:after, body .icon-arrow-white:after { background-color:#ccc; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.59998 1.2L6.99998 6L12.4 1.2' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .persons-toggle span { color:#000; } .payments-right-button.right-block { box-shadow: none; } @media (max-width:767px) { .surfaces-list-item-total-cell2 { position:absolute; left:15px; top:15px; } .surfaces-list-item-buttons2.surfaces-list-item-buttons { padding-top:50px; padding-right:0; } .surfaces-list-item-buttons .button { min-width:240px; } .surfaces-list-item-header .surfaces-list-item-header__name { margin-right: 0; } } .download-list { text-align:center; } .handbook-buttons > * { vertical-align: top; } .handbook-export { margin-right:42px; } .handbook-import-button { margin-bottom:10px; } @media (max-width: 767px) { .handbook-export { margin-right:20px; margin-bottom:20px; } } .overlay.is-open { display:block; } .popup-buttons .button { padding:5px 10px; line-height:20px; } .img-popup-close { margin-left:10px; float:right; margin-top:2px; padding:2px; background-color:#fff; border-radius: 100%; display:block; height:20px; margin-right:5px; } @media (max-width:767px) { ul.download-list > li { padding:7px 10px; } .overlay-choose-file .popup { width:100%; } .overlay-choose-file .popup-header { width: 100%; } .overlay-choose-file .popup-header__text { font-size:16px; line-height:20px; } } .surfaces-services-list > .new-service { display:table-row-group; } .surfaces-services-list > .new-service > div { display:table-row; } .surfaces-services-list > .new-service > div > div { display:table-cell; } .new-service .num-td { width:145px; min-width:145px; vertical-align:top; } .new-service .num-td .t-w145 { width:60px; vertical-align: top; } .new-service .num-td .t-w145 .selectArea { min-width:60px; } .new-service .num-td .t-w145 .selectOptions { min-width:60px; } .new-service .num-td input.t-w145 { padding-left:10px; padding-right:10px; } .new-service .wide-td { width:80%; } .new-service .narrow-td { min-width:100px; } .new-service .mid-td { width:100px; } .new-service .t-w80 { width:70px; } .new-service input[type="text"].t-w80 { padding-left:5px; padding-right:5px; } @media (max-width: 999px) { .surfaces-services-list-add > div > .narrow-td { min-width:0; } .t-w180 { width: 117px; } } @media (max-width: 767px) { .surfaces-services-list input + iframe { float:left; } .new-service .num-td { width:auto; padding-top:0; } .new-service .num-td .t-w145 { width:48%; display:inline-block; } .new-service .num-td input.t-w145 { margin-right:2%; } .surfaces-services-list > .new-service { height:315px; position:relative; display:table-row; border-top:0; } .surfaces-services-list > .new-service > div > div:first-child { padding-bottom:10px; } .surfaces-list-item-body .surfaces-services-list > div.new-service > div { display:block; position: absolute; right: 26px; left: 26px; width:auto; border-top:1px solid #d8d8d8; } .surfaces-services-list > .new-service > div > div.edit-td { z-index: 10; position:static; right:15px; top:10px; } .surfaces-services-list.task-surface-service-list > .new-service .wide-td, .progress-task-surfaces-list .new-service .wide-td { padding-bottom:10px; } .surfaces-services-list > .new-service > div > div { display:block; } .surfaces-services-list > .new-service .wide-td { width:auto; } .surfaces-services-list-add.l-table-with-rows > .new-service { width:auto; } .l-table-with-rows > .new-service input[type="text"] { width:100%; display:block; max-width:100%; } .l-table-with-rows > .new-service > div { display:block; } .surfaces-services-list > .new-service > div { display: block; border: 0; width: auto; padding: 12px 15px 0 15px; } .surfaces-services-list > .new-service > .edit-td { position: absolute; top: 12px; right: 0; } .surfaces-services-list > .new-service > .num-td { padding-bottom:10px; padding-top:0; } .submenu > li > span { font-size:11px; } body .header-stages li span { height:33px; line-height:33px; } .menu-right { position:absolute; right:105px; float:none; } body .header-stages { display:inline-block; float:none; width:auto; padding-left:10px; } .events { height:35px; } body .header-stages li { padding-left: 5px; padding-right: 5px; } body .header-stages li span { font-size:13px; } body .header-stages li.active span:after { margin-left:8px; } .main-header-text { vertical-align:top; } body .header-stages li.active span:after { width:12px; height:8px; background-size:contain; background-repeat: no-repeat; } .payments-right-button { margin-left:16px; } } .surfaces-services-list > div.new-service > div { padding:0; } .surfaces-services-list > div.new-service > div > div { padding: 12px 10px 12px 10px; } .surfaces-services-list > div.new-service > div:first-child { padding:0; } @media (max-width:1500px) and (min-width:1000px) { .surfaces-services-list > div.new-service > div > div { padding:5px 5px 5px 0; } .surfaces-services-list-element__column--number { padding-left: 15px !important; } } @media(max-width:767px) { .surfaces-services-list > div.new-service > div > div { padding: 0; border:none; } .surfaces-services-list > div.new-service > div:first-child { padding:15px; } } .selectAreaParent.t-w145 { display:inline-block; } .new-service .edit-td .icon { margin-right:10px; cursor:pointer; } .new-service .edit-td .surfaces-services-list__save { top:3px; position:relative; } .new-service { transition:.5s; } .handbook-tree-item-file-label { padding-left:20px; } .price-block-complects .price-block-num.handbook-header-name, .overlay-add-set-list-item .handbook-header-name.price-block-num { margin-top:0; padding-top:0; padding-bottom:0; } .button { transition:.4s; } .state-processing { opacity:.5; transition:.4s; } .button.state-processing { transform: translateY(5px); } .button.state-finished { background-color:#00abff; } .price-block-progress-task.is-open:not(.is-hide) { width:100%; } .progress-estimate .price-block-surfaces .surfaces-buttons { padding-left:20px; } .selected-list__item .icon { vertical-align: middle; margin-left:5px; height:25px; display:inline-block; } .selected-list__item .icon-star, .selected-list__item .icon-star-blue { position:relative; top:3px; } .selected-list__item.selected-list__item-last { padding:5px 5px 5px 0; } .selected-list__item.selected-list__item-last .bt { padding-top:8px; padding-bottom:8px; } .selected-list__item.selected-list__item-last label.note { top:12px; z-index:0; } .selected-list__item.selected-list__item-last .selectArea { width:280px; } .multiple .select-center ul > li { padding-left:30px; position:relative; margin-bottom:0; padding-top:0; padding-bottom:0; } .multiple .select-center ul > li > a{ display:block; padding-top:3px; padding-bottom:3px; } .multiple .select-center ul > li a:before { content:""; display:inline-block; position:absolute; left:2px; top:4px; width:20px; height:20px; border: 1px solid #DAD8D8; background-color: #fff; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .multiple .select-center ul > li.selected a:before { content:url('/local/templates/shumovnet/images/check.svg'); border:0; } .red-note { font-size:12px; line-height:18px; color:red; } .icon-recalc { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='342' height='378' viewBox='0 0 342 378' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M85.7335 294.978C54.7359 270.042 34.8995 231.805 34.8995 188.923C34.8995 125.534 78.3057 72.4281 136.973 57.2861V22.22C59.3213 37.9786 0.875 106.628 0.875 188.923C0.875 239.779 23.2044 285.383 58.5663 316.55C85.9374 342.045 102.948 308.021 85.7335 294.978ZM281.996 60.0678C264.568 44.3262 239.049 69.8454 255.778 82.4872C287.062 107.416 307.1 145.835 307.1 188.923C307.1 252.322 263.687 305.438 205.024 320.57V355.643C282.676 339.868 341.122 271.229 341.122 188.921C341.122 137.395 318.196 91.2598 281.996 60.0678ZM152.006 86.6744L207.381 53.5139C215.438 48.6882 215.455 40.8284 207.425 35.9687L151.537 2.1431C143.498 -2.70925 137.009 0.95368 137.048 10.3501L137.349 78.4019C137.373 87.7935 143.939 91.5001 152.006 86.6744ZM190.47 291.357L134.575 325.182C126.538 330.042 126.555 337.899 134.621 342.727L189.992 375.89C198.048 380.706 204.629 377.012 204.67 367.608L204.961 299.559C204.99 290.17 198.492 286.504 190.47 291.357Z' fill='%2336A9E1'/%3e%3c/svg%3e "); background-size: contain; background-repeat: no-repeat; } .payments .payments-all-sum-total { width:119px; } .payments-all-label { display:block; } .l-grid > .t-va-bottom { vertical-align: bottom; } .form-list__header-link { font-size:14px; margin-left:5px; font-weight:400; } .overlay-add_fields .popup { max-width:750px; width:100%; } .order-tabs { border-bottom:1px solid #ccc; margin-bottom:20px; } .order-tabs > li{ position:relative; top:1px; border:1px solid transparent; } .order-tabs > li.active { border:1px solid #ccc; border-bottom:1px solid #fff; border-radius:10px 10px 0 0; } .order-tabs > li a { display:block; padding:5px 15px; font-size:14px; } .order-tabs > li a:hover { text-decoration: none; } .calc-tabs { border-bottom:1px solid #a1a1a1; margin-bottom:20px; } .calc-tabs > li { background:#a1a1a1; border-radius:10px 10px 0 0; padding-top:2px; padding-bottom:2px; position:relative; top:3px; } .calc-tabs > li.active { border:1px solid #36A9E1; border-bottom:1px solid transparent; padding-top:5px; padding-bottom:5px; background:#36A9E1; top:0; } .calc-tabs > li > a { color:#fff; } .calc-tabs > li.active > a { color:#fff; } input[type="text"].requests-list-item-name__newname { padding:5px 10px; } .requests-list-item-name__save{ position:relative; top:5px; margin-left:5px; } .requests-list-item-name__input { display:none; } .l-grid > li.l-w3-4 { width:75%; } .select-full { display:block; width:100%; } .doc-template-props { margin:20px 0; } .doc-template-props > li { position:relative; vertical-align: top; padding-right:10px; } .input-full { display:block; width:100%; } .hasNote.select-full + .note { padding-left:0; } .doc-list-item-type { color:#A1A1A1; font-size:90%; } @media (max-width:767px) { .price-block-progress-task.is-open:not(.is-hide) { display:block; } .button.price-block-complects-button { font-size: 0; border-radius: 100%; width: 30px; height: 30px; padding: 0; line-height: 27px; font-weight: 500; border: 2px solid #fff; position:absolute; right: 37px; top:10px; } .button.price-block-complects-button:before { content:"+"; font-size:22px; line-height: 26px; } .sets-catalog-actions.actions-block { top:15px; right: 7px; } .complects-list-item .surfaces-list-item-header { padding-top:8px; } .button.complects-list-item-button { font-size:0; border-radius: 100%; width: 30px; height: 30px; padding: 0; line-height: 27px; font-weight: 500; border: 2px solid #36A9E1; position:absolute; right: 37px; top:5px; } .button.complects-list-item-button:before { content:"+"; font-size:22px; line-height: 26px; } .surfaces-list-item-header__actions.actions-block { top:15px; } } .surfaces-services-list-row:last-child .actions-block:hover .actions-block-list, .requests-list-item:last-child.actions-block:hover .actions-block-list { bottom: 0; top:auto; } @media (max-width: 999px) { .surfaces-services-list-row:nth-child(2) .actions-block:hover .actions-block-list, .requests-list-item:nth-child(2).actions-block:hover .actions-block-list { top:auto; bottom:-40px; } .orders-list-help-link.orders-detail-help-link { top:0; } } @media (max-width: 767px) { .surfaces-services-list-row:nth-child(2) .actions-block:hover .actions-block-list, .requests-list-item:nth-child(2).actions-block:hover .actions-block-list { top:auto; bottom:-50px; } } .main-cols-left .progress-task-block-body .surfaces-list-item-header-name { margin-right:100px; } .main-cols-left .surfaces-list-item-header__name.progress-task-item-name { margin-right:0; } .main-cols-left .progress-task-surfaces-list .surfaces-list-item-header-buttons { width:100px; } .form-wrapper-comment textarea { display:block; width:100%; padding:5px; font-size:14px; line-height:18px; height:80px; } .popup-price-table input.popup-price-table-input { padding:1px 7px; font-size:13px; line-height:16px; width:40px; text-align: center; } .price-block-small.price-block { margin-bottom:10px; } .price-block-small .surfaces-list-item-header { padding-top:7px; padding-bottom:7px; } .price-block-small .surfaces-list-item-buttons > div { padding-top:10px; } .price-block-small .surfaces-list-item { margin-bottom:10px; } .price-block-small .surfaces-list-item-header__actions { top:10px; } .price-block-printcheck-button { float:right; } @media (max-width:767px) { .price-block-printcheck-button { float:none; } } .button.price-block-printcheck-button:not(.disabled):hover { background:#FF6B00; } .price-block-printcheck-button { margin-top:5px; margin-right:-20px; } .side-menu-wrapper { position:absolute; bottom:0; left:0; right:0; overflow-y:auto; z-index:19; top:190px; overflow-x: hidden; } .is-closed .side-menu-wrapper { top:250px; } @media (max-width:999px) { .side-menu-wrapper, .is-closed .side-menu-wrapper { left: 90px; right: 150px; top:0; overflow-y:hidden; overflow-x:auto; } .side-menu-wrapper .menu, .is-closed .side-menu-wrapper .menu { width:1600px; } } .side-header { position: relative; z-index: 2; } @media( max-width:767px) { .mobile-inner { height: 100%; position: relative; } .mobile-menus { overflow-y:auto; left:0; right:0; position:absolute; top:50px; bottom:0; } } .requests-list--user .requests-list-item > * { min-width:15%; width:15%; } .requests-list--user .requests-list-item > .requests-list-item-name { min-width:25%; width:25%; } .actions-block.calculation-bot-actions:hover:after { left:0; right:-20px; } @media(max-width:999px) { .main .main-cols-left .surfaces-services-list > div > div.edit-td { min-width:45px; } .surfaces-services-list-row .edit-td { position:static; } .surfaces-services-list-row .edit-td .actions-block { position: absolute; right: 30px; background:#fff; } .set-name + .selectOptions { position: static; } } @media(max-width:767px) { .surfaces-services-list-row .edit-td .actions-block { right: 10px; } } .colont-content { overflow: hidden; background-color: white; border: 1px solid #d8d8d8; max-width: 670px; } .form-wrapper__buttons { display: flex; } .form-wrapper__buttons-item { margin-left: 15px; } .crew-member .selectArea { width: calc(100% - 69px); } .crew-member .selectArea span.center{ overflow: hidden; width: calc(100% - 40px); } .crew-member .selectArea .bt { padding: 21px 15px 14px 15px; } .master_salary { overflow: hidden } .counterTextarea { margin-left: 10px; font-size: 11px; color: gray; } .hidden { display: none; } .drop-select-city, .drop-select-order { background-color: #FFFFFF; } .search-city, .search-order{ border: 1px solid #36a9e1; height: 35px; border-radius: 4px; padding-left: 15px; outline: none; } .didntfindthecity { display: inline-block; padding: 10px; } /* End */ /* Start:/local/templates/shumovnet/template_styles.css?1750488038440206*/ @charset "UTF-8"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .d-none { display: none!important; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: '';} a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } [hidden] { display: none !important; } [readonly] { pointer-events: none; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /*# sourceMappingURL=reset.css.map */ body, html { height: 100%; background: #f8f8f8; font-family: 'Roboto', Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; color: #333; } html { height: 100%; } body { display: flex; flex-direction: column; height: 100%; min-width: 320px; } p { margin-bottom: 20px; } input[type=text], input[type=password], input[type=email], input[type=tel], input[type=url], input[type=number], textarea { font-family: 'Roboto', 'Arial', sans-serif; font-weight: 400; font-size: 16px; line-height: 25px; padding: 14px 16px 8px; border: 1px solid #d8d8d8; box-sizing: border-box; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; outline: none; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=number]:focus, textarea:focus { border-color: #36A9E1; } input[type=text].dirty, input[type=password].dirty, input[type=email].dirty, input[type=tel].dirty, input[type=url].dirty, input[type=number].dirty, textarea.dirty { padding-top: 18px; padding-bottom: 4px; } input[type=text].input--small, input[type=password].input--small, input[type=email].input--small, input[type=tel].input--small, input[type=url].input--small, input[type=number].input--small, textarea.input--small { padding: 5px 12px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.5; font-size: 16px; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 0.5; font-size: 16px; } a { text-decoration: none; color: #008AC1; } a:hover { text-decoration: underline; } h1 { color: #fff; font-weight: 700; line-height: 85px; font-size: 65px; text-align: center; margin-bottom: 40px; font-family: "Apercu Pro", 'Arial', sans-serif; } .ck-editor h1 { color: #000000; } h2 { color: #A1A1A1; font-weight: 700; line-height: 50px; font-size: 38px; text-align: center; margin-bottom: 62px; font-family: "Apercu Pro", 'Arial', sans-serif;} h3 { font-weight: 700; line-height: 25px; font-size: 19px; margin-bottom: 20px; } strong { font-weight: 500; } label[for] { cursor: pointer; } .radio-block { float: left; width: 50%; box-sizing: border-box; } .radio-block input, .radio-block .radioArea { display: none; } .radio-block label { background: #FFFFFF; border: 1px solid #E6E6E6; box-sizing: border-box; height: 55px; display: block; padding: 10px 30px; } .radio-block:first-child label { -webkit-border-radius: 100px 0 0 100px; -moz-border-radius: 100px 0 0 100px; -ms-border-radius: 100px 0 0 100px; border-radius: 100px 0 0 100px; border-right: 0; } .radio-block:last-child label { -webkit-border-radius: 0 100px 100px 0; -moz-border-radius: 0 100px 100px 0; -ms-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } /*all*/ .outtaHere { position: absolute; left: -3000px; } span.left, span.center, .selectArea a, .checkboxArea, .radioArea { display: inline-block; *display: inline; zoom: 1; vertical-align: top; box-sizing: border-box; } /*select*/ .selectArea { display: inline-block; zoom: 1; *display: inline; text-align: center; color: #4a4a4a; position: relative; font-size: 15px; background: #ffffff; border: solid 1px #e6e6e6; border-radius: 3px; } a.selectButton, span.left { height: 27px; position: absolute; top: 0; } a.selectButton { width: 18px; height: 100%; right: 14px; background: url(/local/templates/shumovnet/images/select.svg) no-repeat center center; } .bt { text-align: left; cursor: pointer; line-height: 19px; padding: 21px 15px 6px 15px; font-size: 15px; } /*option*/ .optionsDivVisible { z-index: 999; } .select-center { box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.2); font-size: 15px; padding: 10px 3px 5px 3px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .select-center ul { padding: 0; } .select-center ul > li { padding: 3px 17px; margin-bottom: 5px; } .select-center ul > li:before { content: ""; display: none; } .select-center a { line-height: 18px; color: #2a2a2a; text-decoration: none; display: block; } .select-center a:hover { color: #008ac1; } .radioArea, .checkboxArea { width: 20px; cursor: pointer; background: #fff; margin-right: 10px; } .selected-list{ display: flex; flex-wrap: wrap; } .selected-list__item{ padding: 12px; position: relative; line-height: 19px; word-wrap: normal; } .selected-list__item a{ margin-left: 2px; display: inline-block; vertical-align: bottom; } .selected-list_single a{ display: none; } .i-close { position: relative; width: 19px; height: 19px; opacity: 0.3; } .i-close:hover { opacity: 1; } .i-close:before, .i-close:after { position: absolute; left: 15px; content: ' '; height: 20px; width: 2px; background-color: #333; } .i-close:hover:before, .i-close:hover:after { background-color: #36A9E1; } .i-close:before { transform: rotate(45deg); } .i-close:after { transform: rotate(-45deg); } /*checkbox*/ .checkboxArea { height: 20px; width: 20px; border: 1px solid #DAD8D8; background-color: #fff; box-sizing: border-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .checkboxAreaChecked { position: relative; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='20' height='20' rx='2' fill='%2336A9E1'/%3e%3cpath d='M6 10L9 13L14 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: 50% 50%; background-repeat: no-repeat; border: 0; } /*radio*/ .radioArea { width: 20px; height: 20px; border-radius: 50%; } .radioAreaChecked { position: relative; border: solid 6px #FF6B00; } .wrapper { width: 100%; display: flex; flex-direction: column; height: 100%; } .inner { width: 100%; margin: 0 auto; padding: 0 75px; box-sizing: border-box; max-width: 1440px; } .inner-wide { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; height: 56px; padding: 0; } .inner-narrow { width: 85%; min-width: 1000px; } .inner-full { max-width: 10000px; padding: 0 35px; } .inner-slim { max-width: 630px; padding: 0; } .inner-primary { padding-top: 11px; padding-bottom: 50px; } .main { flex: 1 0 auto; } footer { flex: 0 0 auto; } .overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(0, 0, 0, 0.6); text-align: center; display: none; z-index: 200; } .overlay .l-flex { height: 100%; width: 100%; } .popup { max-height: 90%; overflow-y: auto; } .popup { text-align: left; background: #fff; max-width: 100%; box-shadow: 0px 5px 15px rgba(80, 80, 80, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; position: relative; width: 590px; } .popup-header { border-bottom: 1px solid #D8D8D8; font-weight: 500; font-size: 22px; line-height: 30px; padding: 17px 30px; } .overlay-add-group-list-item .popup { width: 95%; max-width: 1000px; } .popup-body { padding: 24px 30px 35px 30px; } .l-nols { padding: 0; margin: 0; list-style: none; } .l-nols li:before { display: none; content: ""; padding: 0; } .l-horizontal > * { display: inline-block; zoom: 1; *display: inline; padding: 0 20px 0 0; margin: 0; } .l-right { float: right; } .l-right :last-child { padding-right: 0; } .l-left > :first-child { padding-left: 0; } .l-grid { font-size: 0; display: table; width: 100%; letter-spacing: 0; } .l-grid > * { box-sizing: border-box; font-size: 15px; vertical-align: top; display: inline-block; zoom: 1; *display: inline; } .l-third { vertical-align: top; display: inline-block; zoom: 1; *display: inline; width: 32%; margin-right: 1%; position: relative; } .l-third iframe { width: 100%; } .l-float-l { float: left; } .l-float-r { float: right; } .l-display-table { display:table; } .l-table, .l-preparent-table > * > * > * { display: table; } .l-table > *, .l-preparent-table > * > * > * > * { display: table-cell; vertical-align: middle; } .l-table-with-rows { display: table; width: 100%; } .l-table-with-rows > div { display: table-row; } .l-table-with-rows > div > * { display: table-cell; } .l-w100 { width: 100%; } .l-expand li { position: relative; } .l-expand > li > ul { display: none; position: absolute; z-index: 1000; } .l-expand > li:hover > ul { display: block; } .l-grid > *.l-w75 { width: 75%; } .l-grid > *.l-w100 { width: 100%; } .l-grid > *.l-w50 { width: 50%; } .l-grid > *.l-w33 { width: 33.33%; } .l-grid > *.l-w25 { width: 25%; } .l-3-col > * { width: 33.3%; position: relative; } .l-1-col > * { width: 100%; } .l-2-col > * { width: 50%; } .l-4-col > * { width: 25%; } .l-5-col > * { width: 20%; } .l-6-col > * { width: 16.66%; } .l-7-col > * { width: 14.28%; } .l-8-col > * { width: 12.5%; } .l-vertical-fix { display: inline-block; zoom: 1; *display: inline; height: 100%; width: 0; vertical-align: middle; } .l-center { text-align: center; } .l-ovf { overflow: hidden; } .l-clr { clear: both; } .l-h1 { height: 1px; } .l-tabs { font-size: 0; } .l-tabs > li { font-size: 15px; display: inline-block; zoom: 1; *display: inline; margin: 0; } .tab-content { display: none; } .tab-content-active { display: block; } .l-nowrap { white-space: nowrap; } .l-w25 { width: 25%; padding-right: 10px; } .l-w35 { width: 35%; padding-right: 10px; } .l-top > * { vertical-align: top; } .l-abs { position: absolute; } .l-relative { position: relative; } .l-flex { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; display: flex; justify-content: center; align-items: center; } .l-flex-left { -webkit-justify-content: flex-start; justify-content: flex-start; } .l-half { float: left; width: 50%; box-sizing: border-box; } .l-2-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .button { line-height: 35px; font-size: 15px; color: #fff; background: #36A9E1; border: 0; text-align: center; font-family: 'Roboto', Arial, sans-serif; text-decoration: none; cursor: pointer; padding: 7px 22px; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; outline: none; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .button--icon-plus { background: none; position: relative; color: #008ac1; padding: 0; } .surfaces-list-item-stats__buttons-recalculate { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='342' height='378' viewBox='0 0 342 378' fill='none'%3E%3Cpath d='M85.7335 294.978C54.7359 270.042 34.8995 231.805 34.8995 188.923C34.8995 125.534 78.3057 72.4281 136.973 57.2861V22.22C59.3213 37.9786 0.875 106.628 0.875 188.923C0.875 239.779 23.2044 285.383 58.5663 316.55C85.9374 342.045 102.948 308.021 85.7335 294.978ZM281.996 60.0678C264.568 44.3262 239.049 69.8454 255.778 82.4872C287.062 107.416 307.1 145.835 307.1 188.923C307.1 252.322 263.687 305.438 205.024 320.57V355.643C282.676 339.868 341.122 271.229 341.122 188.921C341.122 137.395 318.196 91.2598 281.996 60.0678ZM152.006 86.6744L207.381 53.5139C215.438 48.6882 215.455 40.8284 207.425 35.9687L151.537 2.1431C143.498 -2.70925 137.009 0.95368 137.048 10.3501L137.349 78.4019C137.373 87.7935 143.939 91.5001 152.006 86.6744ZM190.47 291.357L134.575 325.182C126.538 330.042 126.555 337.899 134.621 342.727L189.992 375.89C198.048 380.706 204.629 377.012 204.67 367.608L204.961 299.559C204.99 290.17 198.492 286.504 190.47 291.357Z' fill='%23333333'/%3E%3C/svg%3E%0A") !important; } .button--icon-plus::before { background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.5V7.5H1C0.734784 7.5 0.48043 7.39464 0.292893 7.20711C0.105357 7.01957 0 6.76522 0 6.5C0 6.23478 0.105357 5.98043 0.292893 5.79289C0.48043 5.60536 0.734784 5.5 1 5.5H5V1.5C5 1.23478 5.10536 0.98043 5.29289 0.792893C5.48043 0.605357 5.73478 0.5 6 0.5C6.26522 0.5 6.51957 0.605357 6.70711 0.792893C6.89464 0.98043 7 1.23478 7 1.5V5.5H11C11.2652 5.5 11.5196 5.60536 11.7071 5.79289C11.8946 5.98043 12 6.23478 12 6.5C12 6.76522 11.8946 7.01957 11.7071 7.20711C11.5196 7.39464 11.2652 7.5 11 7.5H7V11.5C7 11.7652 6.89464 12.0196 6.70711 12.2071C6.51957 12.3946 6.26522 12.5 6 12.5C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5Z' fill='%2336A9E1'/%3E%3C/svg%3E%0A") !important; } .button span { position: relative; } .button:hover { text-decoration: none; background-color: #FF6B00; } .button--icon-plus:hover { background-color: transparent; color: #008ac1; } .button:active { background-color: #FF6B00; } .button-transparent { border: 2px solid #36A9E1; background: #fff; color: #36A9E1; padding-top: 5px; padding-bottom: 5px; } .button-transparent:hover { color: #fff; background-color: #36A9E1; } .button-transparent-full { background: transparent; color: #fff; border: 1px solid #fff; padding-top: 0px; padding-bottom: 0px; line-height: 38px; font-size: 15px; padding-left: 13px; padding-right: 13px; } .button-transparent-full:hover { color: #36A9E1; background-color: #fff; } .button-40 { padding: 0 20px; line-height: 40px; font-weight: 400; } .button-transparent.button-40 { line-height: 36px; } .button-65 { padding-top: 10px; padding-bottom: 10px; font-size: 16px; min-width: 180px; } .button-65.button-transparent { padding-top: 8px; padding-bottom: 8px; } .button-orange { background-color: #FF6B00; } .button-orange:hover { background-color: #36A9E1; } .button-white { background-color: #fff; color: #333333; } .tablet-show, .phone-show, .full-only-inline { display: none; } .l-grid > .l-w44 { width: 44%; } .l-grid > .l-w28 { width: 28%; } .orders-list-help-link { position: relative; right: 20px; top:7px; } .tooltip-content-container img{ max-width: 100%; } .list-page-help-link { position: relative; right: 24px; top: 2px; } .htooltip > span { /* Внешний вид тултипа */ background-color: #FFFFFF; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); color: #2f2d2d; border-radius: 15px 0px 15px 15px; right: 0; opacity: 0; /* Делаем его прозрачным */ padding: 10px 10px 10px 15px; position: absolute; text-decoration: none; visibility: hidden; /* И прячем */ width: 600px; z-index: 9999; top: 33px; font-size: 14px; font-weight: normal; line-height: 19px; display: none; } .l-htooltip { border-radius: 0px 15px 15px 15px!important; right: auto; left: 0; } .htooltip:hover > span { /* По hover отображаем тултип */ opacity: 1; visibility: visible; display: inline-block; } .htooltip > span img { /* Изображение для примера */ border: 0 none; float: left; margin: -71px 0 0 -234px; opacity: 0; position: absolute; visibility: hidden; z-index: -1; } .htooltip:hover > span img { /* Показываем изображение */ opacity: 1; visibility: visible; } /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url('/local/templates/shumovnet/owl.video.play.png') no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform .1s ease; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .owl-dots { text-align: center; padding-top: 25px; } .owl-dot { margin: 7px; width: 11px; height: 11px; box-sizing: border-box; border: 0; position: relative; } .owl-dot:after { content: ""; background: #DAD8D8; width: 7px; height: 7px; position: absolute; top: 2px; left: 2px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: block; } .owl-dot.active:after { content: ""; width: 11px; height: 11px; top: 0px; left: 0px; } .owl-prev, .owl-next { /* background-image:url('/local/templates/shumovnet/images/arrow-top.svg');*/ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='30' viewBox='0 0 11 30' stroke='black' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 30.0001L5.5 1.50002M0.999999 5.50002L5.5 1.00002L10 5.50002' /%3e%3c/svg%3e "); width: 19px; height: 40px; display: block; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background-repeat: no-repeat; background-position: center; margin-top: 20px; } .owl-prev:hover, .owl-next:hover { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='30' viewBox='0 0 11 30' stroke='%23FF4F4F' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 30.0001L5.5 1.50002M0.999999 5.50002L5.5 1.00002L10 5.50002' /%3e%3c/svg%3e "); } .owl-next { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); right: 0; margin-bottom: 10px; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container { width: auto; margin-right: 30px; overflow: hidden; } .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px; } .mCustomScrollBox > .mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; } /* horizontal scrollbar */ .mCSB_horizontal > .mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; } .mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; } .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; } .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; } .mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox > .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCustomScrollBox:hover > .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url('/local/templates/shumovnet/mCSB_buttons.png'); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); } .mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); } .mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /*light-2*/ .mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); } .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /*dark-2*/ .mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /*light-thick*/ .mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); } .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /*dark-thick*/ .mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /*light-thin*/ .mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); } .mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /*dark-thin*/ .mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); } .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); } .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .side { position: fixed; width: 220px; left: 0; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06); height: 100%; padding: 17px 0; text-align: center; background: #fff; transition: 0.3s; } .side > *, .side > * { transition: 0.3s; } .side + .main { padding-left: 220px; } .side-user { display: inline-block; zoom: 1; *display: inline; padding-top: 5px; } .side-user__name { font-size: 13px; line-height: 15px; max-width: 100px; display: inline-block; zoom: 1; *display: inline; } .side-user__img { display: block; margin: 10px auto 11px auto; border-radius:100%;} .side-switcher { position: absolute; left: 25px; top: 28px; height: 20px; } .side-mail { position: absolute; left: 25px; top: 100px; width: 24px; display: inline-block; zoom: 1; *display: inline; } .side-mail.is-empty { top: 97px; } .side-mail > span { display: block; position: absolute; top: -11px; right: -25px; background: #FF6B00; color: #fff; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; font-size: 13px; line-height: 25px; width: 31px; transition: 0.3s; } .side-dots { position: absolute; top: 91px; right: 25px; } .side.is-closed { padding-top: 52px; width: 90px; } .side.is-closed + .main { padding-left: 90px; } .side.is-closed .side-switcher { top: 15px; left: 36px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .side.is-closed .logo { width: 54px; padding: 0; margin-bottom: 34px; } .side.is-closed .side-mail { position: relative; top: 0; left: 0; margin-right: 26px; } .side.is-closed .side-mail.is-empty { left:12px; } .side.is-closed .side-user { display: block; } .side.is-closed .side-dots { position: relative; top: 0; left: 0; } .side.is-closed .side-user__name { display: none; } .side.is-closed .side-user__img { margin: 2px auto 6px auto; } .side.is-closed .menu > li { border-left: 0; } .side.is-closed .menu > li > a { font-size: 0; padding-left: 0; text-align: center; transition: 0s; } .side.is-closed .menu > li > a > span.menu-count { font-size: 13px; margin-left: -3px; vertical-align: middle; width: 32px; } .side.is-closed .menu { margin: 13px 0 0 0; } .side.is-closed .menu .icon:before { position: static; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .logo { display: inline-block; padding-left: 12px; } .logo img { max-width: 100%; } .icon::before { display: inline-block; zoom: 1; width: 22px; height: 20px; content: ""; background-position: center; background-repeat: no-repeat; } .icon-import:before { width: 20px; height: 22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 5H3C1.89543 5 1 5.89543 1 7V19.0001C1 20.1047 1.89543 21.0001 3 21.0001H17C18.1046 21.0001 19 20.1047 19 19.0001V7C19 5.89543 18.1046 5 17 5H15' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 11L10 15L14 11' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 15L10 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-settings:before { height: 24px; width: 24px; background-image: url("/local/templates/shumovnet/images/settings.svg"); } .icon-switcher { width: 20px; } .icon-switcher:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1H19M1 15H19M10 8H19' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M2 8L6 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 11L1 8L4 5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .icon-mail:before { width: 24px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.2 1H20.8C22.01 1 23 2.0125 23 3.25V16.75C23 17.9875 22.01 19 20.8 19H3.2C1.99 19 1 17.9875 1 16.75V3.25C1 2.0125 1.99 1 3.2 1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M23 3.25L12 11.125L1 3.25' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-dots:before { width: 25px; height: 30px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='7' viewBox='0 0 25 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3.5' cy='3.5' r='2.5' stroke='%2336A9E1' stroke-width='2'/%3e%3ccircle cx='12.5' cy='3.5' r='2.5' stroke='%2336A9E1' stroke-width='2'/%3e%3ccircle cx='21.5' cy='3.5' r='2.5' stroke='%2336A9E1' stroke-width='2'/%3e%3c/svg%3e "); } .icon-dots-blue:before { width:21px; height:15px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='5' viewBox='0 0 21 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='18.5' cy='2.5' r='2.5' transform='rotate(-180 18.5 2.5)' fill='%2336A9E1'/%3e%3ccircle cx='10.5' cy='2.5' r='2.5' transform='rotate(-180 10.5 2.5)' fill='%2336A9E1'/%3e%3ccircle cx='2.5' cy='2.5' r='2.5' transform='rotate(-180 2.5 2.5)' fill='%2336A9E1'/%3e%3c/svg%3e "); } .icon-dots-vertical:before { width:25px; height:21px; background-position:70% center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='21' viewBox='0 0 5 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='2.5' cy='2.5' r='2.5' transform='rotate(90 2.5 2.5)' fill='%2336A9E1'/%3e%3ccircle cx='2.5' cy='10.5' r='2.5' transform='rotate(90 2.5 10.5)' fill='%2336A9E1'/%3e%3ccircle cx='2.5' cy='18.5' r='2.5' transform='rotate(90 2.5 18.5)' fill='%2336A9E1'/%3e%3c/svg%3e "); } .icon-dots-vertical-white:before { width:25px; height:21px; background-position:70% center; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='21' viewBox='0 0 5 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='2.5' cy='2.5' r='2.5' transform='rotate(90 2.5 2.5)' fill='white'/%3e%3ccircle cx='2.5' cy='10.5' r='2.5' transform='rotate(90 2.5 10.5)' fill='white'/%3e%3ccircle cx='2.5' cy='18.5' r='2.5' transform='rotate(90 2.5 18.5)' fill='white'/%3e%3c/svg%3e "); } .icon-inbox:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1 1H21' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M2.5 5H19.5' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4.5 9H17.5' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6.5 13H15.5' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8.5 17H13.5' stroke='%23a1a1a1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .icon-inbox:hover:before, .active .icon-inbox:before, .icon-inbox.blue:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1 1H21' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M2.5 5H19.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M4.5 9H17.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M6.5 13H15.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8.5 17H13.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .icon-tender:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.8375 0.969437L14.0284 1.76542L16.3455 4.53597L18.5744 2.34276L14.8375 0.969437Z' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M23.1421 7.8088L18.5753 2.34151L16.3454 4.53487L20.9122 10.0022L23.1421 7.8088Z' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M24.0342 11.9834L23.2283 12.7794L20.9113 10.0054L23.1401 7.81221L24.0342 11.9834Z' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19.6125 9.07656L19.14 9.51403C19.0458 9.62719 18.9123 9.69935 18.7672 9.71563C18.6221 9.73191 18.4763 9.69106 18.36 9.60153L15.6675 6.58869C15.5966 6.46382 15.5742 6.31659 15.6047 6.17586C15.6353 6.03513 15.7165 5.91103 15.8325 5.82787L16.305 5.3904' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.6785 8.84747L2.5685 22.6603C2.53398 22.693 2.49331 22.7185 2.44889 22.7352C2.40446 22.7519 2.35717 22.7595 2.3098 22.7575C2.26243 22.7555 2.21592 22.744 2.17304 22.7236C2.13015 22.7032 2.09176 22.6743 2.06009 22.6387L1.18904 21.6636C1.15729 21.6287 1.13274 21.5877 1.11679 21.5431C1.10085 21.4985 1.09382 21.4512 1.09613 21.4039C1.09845 21.3565 1.11006 21.3101 1.13028 21.2673C1.1505 21.2245 1.17893 21.1862 1.21393 21.1546L16.3275 7.3418' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M28.6889 20.6777H17.5914C17.3349 20.6777 17.127 20.8539 17.127 21.0713V21.9524C17.127 22.1697 17.3349 22.3459 17.5914 22.3459H28.6889C28.9454 22.3459 29.1534 22.1697 29.1534 21.9524V21.0713C29.1534 20.8539 28.9454 20.6777 28.6889 20.6777Z' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.0957 20.6778C18.0957 19.0344 20.327 17.6992 23.0757 17.6992C25.8244 17.6992 28.0557 19.0344 28.0557 20.6778' stroke='%23A1A1A1' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-tender:hover:before, .active .icon-tender:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='24' viewBox='0 0 30 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.8375 0.969437L14.0284 1.76542L16.3455 4.53597L18.5744 2.34276L14.8375 0.969437Z' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M23.1421 7.8088L18.5753 2.34151L16.3454 4.53487L20.9122 10.0022L23.1421 7.8088Z' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M24.0342 11.9834L23.2283 12.7794L20.9113 10.0054L23.1401 7.81221L24.0342 11.9834Z' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19.6125 9.07656L19.14 9.51403C19.0458 9.62719 18.9123 9.69935 18.7672 9.71563C18.6221 9.73191 18.4763 9.69106 18.36 9.60153L15.6675 6.58869C15.5966 6.46382 15.5742 6.31659 15.6047 6.17586C15.6353 6.03513 15.7165 5.91103 15.8325 5.82787L16.305 5.3904' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.6785 8.84747L2.5685 22.6603C2.53398 22.693 2.49331 22.7185 2.44889 22.7352C2.40446 22.7519 2.35717 22.7595 2.3098 22.7575C2.26243 22.7555 2.21592 22.744 2.17304 22.7236C2.13015 22.7032 2.09176 22.6743 2.06009 22.6387L1.18904 21.6636C1.15729 21.6287 1.13274 21.5877 1.11679 21.5431C1.10085 21.4985 1.09382 21.4512 1.09613 21.4039C1.09845 21.3565 1.11006 21.3101 1.13028 21.2673C1.1505 21.2245 1.17893 21.1862 1.21393 21.1546L16.3275 7.3418' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M28.6889 20.6777H17.5914C17.3349 20.6777 17.127 20.8539 17.127 21.0713V21.9524C17.127 22.1697 17.3349 22.3459 17.5914 22.3459H28.6889C28.9454 22.3459 29.1534 22.1697 29.1534 21.9524V21.0713C29.1534 20.8539 28.9454 20.6777 28.6889 20.6777Z' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.0957 20.6778C18.0957 19.0344 20.327 17.6992 23.0757 17.6992C25.8244 17.6992 28.0557 19.0344 28.0557 20.6778' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-statistics:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M1 22C0.734784 22 0.48043 21.8946 0.292893 21.7071C0.105357 21.5196 0 21.2652 0 21V18C0 17.7348 0.105357 17.4804 0.292893 17.2929C0.48043 17.1054 0.734784 17 1 17C1.26522 17 1.51957 17.1054 1.70711 17.2929C1.89464 17.4804 2 17.7348 2 18V21C2 21.2652 1.89464 21.5196 1.70711 21.7071C1.51957 21.8946 1.26522 22 1 22ZM10 21V14C10 13.7348 9.89464 13.4804 9.70711 13.2929C9.51957 13.1054 9.26522 13 9 13C8.73478 13 8.48043 13.1054 8.29289 13.2929C8.10536 13.4804 8 13.7348 8 14V21C8 21.2652 8.10536 21.5196 8.29289 21.7071C8.48043 21.8946 8.73478 22 9 22C9.26522 22 9.51957 21.8946 9.70711 21.7071C9.89464 21.5196 10 21.2652 10 21ZM17 10C16.7348 10 16.4804 10.1054 16.2929 10.2929C16.1054 10.4804 16 10.7348 16 11V21C16 21.2652 16.1054 21.5196 16.2929 21.7071C16.4804 21.8946 16.7348 22 17 22C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21V11C18 10.7348 17.8946 10.4804 17.7071 10.2929C17.5196 10.1054 17.2652 10 17 10ZM17.382 0.077C17.261 0.0263044 17.1312 0.000131833 17 0H13C12.7348 0 12.4804 0.105357 12.2929 0.292893C12.1054 0.48043 12 0.734784 12 1C12 1.26522 12.1054 1.51957 12.2929 1.70711C12.4804 1.89464 12.7348 2 13 2H14.586L9 7.586L5.707 4.293C5.51947 4.10553 5.26516 4.00021 5 4.00021C4.73484 4.00021 4.48053 4.10553 4.293 4.293L0.293 8.293C0.110842 8.4816 0.0100476 8.7342 0.012326 8.9964C0.0146044 9.2586 0.119773 9.50941 0.305182 9.69482C0.49059 9.88023 0.741402 9.9854 1.0036 9.98767C1.2658 9.98995 1.5184 9.88916 1.707 9.707L5 6.414L8.293 9.707C8.48053 9.89447 8.73484 9.99979 9 9.99979C9.26516 9.99979 9.51947 9.89447 9.707 9.707L16 3.414V5C16 5.26522 16.1054 5.51957 16.2929 5.70711C16.4804 5.89464 16.7348 6 17 6C17.2652 6 17.5196 5.89464 17.7071 5.70711C17.8946 5.51957 18 5.26522 18 5V1C17.9998 0.802291 17.9409 0.609086 17.8309 0.444801C17.7209 0.280517 17.5647 0.152525 17.382 0.077Z' fill='%23A1A1A1'/%3E%3C/svg%3E"); } .icon-statistics:hover:before, .active .icon-statistics:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M1 22C0.734784 22 0.48043 21.8946 0.292893 21.7071C0.105357 21.5196 0 21.2652 0 21V18C0 17.7348 0.105357 17.4804 0.292893 17.2929C0.48043 17.1054 0.734784 17 1 17C1.26522 17 1.51957 17.1054 1.70711 17.2929C1.89464 17.4804 2 17.7348 2 18V21C2 21.2652 1.89464 21.5196 1.70711 21.7071C1.51957 21.8946 1.26522 22 1 22ZM10 21V14C10 13.7348 9.89464 13.4804 9.70711 13.2929C9.51957 13.1054 9.26522 13 9 13C8.73478 13 8.48043 13.1054 8.29289 13.2929C8.10536 13.4804 8 13.7348 8 14V21C8 21.2652 8.10536 21.5196 8.29289 21.7071C8.48043 21.8946 8.73478 22 9 22C9.26522 22 9.51957 21.8946 9.70711 21.7071C9.89464 21.5196 10 21.2652 10 21ZM17 10C16.7348 10 16.4804 10.1054 16.2929 10.2929C16.1054 10.4804 16 10.7348 16 11V21C16 21.2652 16.1054 21.5196 16.2929 21.7071C16.4804 21.8946 16.7348 22 17 22C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21V11C18 10.7348 17.8946 10.4804 17.7071 10.2929C17.5196 10.1054 17.2652 10 17 10ZM17.382 0.077C17.261 0.0263044 17.1312 0.000131833 17 0H13C12.7348 0 12.4804 0.105357 12.2929 0.292893C12.1054 0.48043 12 0.734784 12 1C12 1.26522 12.1054 1.51957 12.2929 1.70711C12.4804 1.89464 12.7348 2 13 2H14.586L9 7.586L5.707 4.293C5.51947 4.10553 5.26516 4.00021 5 4.00021C4.73484 4.00021 4.48053 4.10553 4.293 4.293L0.293 8.293C0.110842 8.4816 0.0100476 8.7342 0.012326 8.9964C0.0146044 9.2586 0.119773 9.50941 0.305182 9.69482C0.49059 9.88023 0.741402 9.9854 1.0036 9.98767C1.2658 9.98995 1.5184 9.88916 1.707 9.707L5 6.414L8.293 9.707C8.48053 9.89447 8.73484 9.99979 9 9.99979C9.26516 9.99979 9.51947 9.89447 9.707 9.707L16 3.414V5C16 5.26522 16.1054 5.51957 16.2929 5.70711C16.4804 5.89464 16.7348 6 17 6C17.2652 6 17.5196 5.89464 17.7071 5.70711C17.8946 5.51957 18 5.26522 18 5V1C17.9998 0.802291 17.9409 0.609086 17.8309 0.444801C17.7209 0.280517 17.5647 0.152525 17.382 0.077Z' fill='%2336A9E1'/%3E%3C/svg%3E"); } .icon-pay::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M20 9.184V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H3C2.73478 4 2.48043 3.89464 2.29289 3.70711C2.10536 3.51957 2 3.26522 2 3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H19C19.2652 2 19.5196 1.89464 19.7071 1.70711C19.8946 1.51957 20 1.26522 20 1C20 0.734784 19.8946 0.48043 19.7071 0.292893C19.5196 0.105357 19.2652 0 19 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.31607 1.44129 0 2.20435 0 3V17C0 17.7956 0.31607 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14.816C20.5845 14.6124 21.0912 14.2318 21.4498 13.7273C21.8083 13.2227 22.0009 12.619 22.0009 12C22.0009 11.381 21.8083 10.7773 21.4498 10.2727C21.0912 9.76816 20.5845 9.38765 20 9.184ZM18 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V5.816C2.32026 5.93444 2.65856 5.99669 3 6H18V9H15C14.2044 9 13.4413 9.31607 12.8787 9.87868C12.3161 10.4413 12 11.2044 12 12C12 12.7956 12.3161 13.5587 12.8787 14.1213C13.4413 14.6839 14.2044 15 15 15H18V18ZM19 13H15C14.7348 13 14.4804 12.8946 14.2929 12.7071C14.1054 12.5196 14 12.2652 14 12C14 11.7348 14.1054 11.4804 14.2929 11.2929C14.4804 11.1054 14.7348 11 15 11H19C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13Z' fill='%23A1A1A1'/%3E%3C/svg%3E"); } .icon-pay:hover::before, .active .icon-pay::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M20 9.184V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H3C2.73478 4 2.48043 3.89464 2.29289 3.70711C2.10536 3.51957 2 3.26522 2 3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H19C19.2652 2 19.5196 1.89464 19.7071 1.70711C19.8946 1.51957 20 1.26522 20 1C20 0.734784 19.8946 0.48043 19.7071 0.292893C19.5196 0.105357 19.2652 0 19 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.31607 1.44129 0 2.20435 0 3V17C0 17.7956 0.31607 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V14.816C20.5845 14.6124 21.0912 14.2318 21.4498 13.7273C21.8083 13.2227 22.0009 12.619 22.0009 12C22.0009 11.381 21.8083 10.7773 21.4498 10.2727C21.0912 9.76816 20.5845 9.38765 20 9.184ZM18 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V5.816C2.32026 5.93444 2.65856 5.99669 3 6H18V9H15C14.2044 9 13.4413 9.31607 12.8787 9.87868C12.3161 10.4413 12 11.2044 12 12C12 12.7956 12.3161 13.5587 12.8787 14.1213C13.4413 14.6839 14.2044 15 15 15H18V18ZM19 13H15C14.7348 13 14.4804 12.8946 14.2929 12.7071C14.1054 12.5196 14 12.2652 14 12C14 11.7348 14.1054 11.4804 14.2929 11.2929C14.4804 11.1054 14.7348 11 15 11H19C19.2652 11 19.5196 11.1054 19.7071 11.2929C19.8946 11.4804 20 11.7348 20 12C20 12.2652 19.8946 12.5196 19.7071 12.7071C19.5196 12.8946 19.2652 13 19 13Z' fill='%2336A9E1'/%3E%3C/svg%3E"); } .icon-painting:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11.022 22C13.6805 21.9946 16.2481 21.0312 18.2539 19.2864C20.2597 17.5415 21.5695 15.1322 21.943 12.5C22.1173 11.3017 21.9157 10.0789 21.366 9C19.711 5.854 16.589 6.329 14.31 6.678C13.13 6.856 11.91 7.044 11.445 6.643C11.1093 6.16474 10.9583 5.58104 11.02 5C11.02 2.317 11.02 0 8.02 0C2.753 0 0 5.534 0 11C0.0060913 13.9193 1.16999 16.717 3.23633 18.7792C5.30267 20.8414 8.10267 21.9997 11.022 22ZM8.016 2C8.925 2 9.016 2 9.016 5C8.95793 5.57811 9.0284 6.16191 9.22237 6.7096C9.41634 7.25728 9.72902 7.75531 10.138 8.168C11.301 9.168 12.982 8.909 14.607 8.662C17.09 8.283 18.668 8.18 19.593 9.938C19.9474 10.6467 20.0742 11.4475 19.956 12.231C19.6319 14.4851 18.4676 16.5333 16.6965 17.9649C14.9254 19.3964 12.6786 20.1054 10.4066 19.9497C8.13468 19.7939 6.00563 18.7849 4.44649 17.1251C2.88735 15.4652 2.01342 13.2772 2 11C2 7.382 3.6 2 8.016 2ZM4 6.5C4 6.20333 4.08797 5.91332 4.2528 5.66664C4.41762 5.41997 4.65189 5.22771 4.92597 5.11418C5.20006 5.00065 5.50166 4.97094 5.79264 5.02882C6.08361 5.0867 6.35088 5.22956 6.56066 5.43934C6.77044 5.64912 6.9133 5.91639 6.97118 6.20736C7.02906 6.49834 6.99935 6.79994 6.88582 7.07403C6.77229 7.34811 6.58003 7.58238 6.33336 7.7472C6.08668 7.91203 5.79667 8 5.5 8C5.10218 8 4.72064 7.84196 4.43934 7.56066C4.15804 7.27936 4 6.89782 4 6.5ZM3 11C3 10.7033 3.08797 10.4133 3.2528 10.1666C3.41762 9.91997 3.65189 9.72771 3.92597 9.61418C4.20006 9.50065 4.50166 9.47094 4.79264 9.52882C5.08361 9.5867 5.35088 9.72956 5.56066 9.93934C5.77044 10.1491 5.9133 10.4164 5.97118 10.7074C6.02906 10.9983 5.99935 11.2999 5.88582 11.574C5.77229 11.8481 5.58003 12.0824 5.33336 12.2472C5.08668 12.412 4.79667 12.5 4.5 12.5C4.10218 12.5 3.72064 12.342 3.43934 12.0607C3.15804 11.7794 3 11.3978 3 11ZM6.5 14C6.79667 14 7.08668 14.088 7.33335 14.2528C7.58003 14.4176 7.77229 14.6519 7.88582 14.926C7.99935 15.2001 8.02906 15.5017 7.97118 15.7926C7.9133 16.0836 7.77044 16.3509 7.56066 16.5607C7.35088 16.7704 7.08361 16.9133 6.79264 16.9712C6.50166 17.0291 6.20006 16.9993 5.92597 16.8858C5.65189 16.7723 5.41762 16.58 5.2528 16.3334C5.08797 16.0867 5 15.7967 5 15.5C5 15.1022 5.15804 14.7206 5.43934 14.4393C5.72064 14.158 6.10218 14 6.5 14ZM14.5 17C15.1922 17 15.8689 16.7947 16.4445 16.4101C17.0201 16.0256 17.4687 15.4789 17.7336 14.8394C17.9985 14.1999 18.0678 13.4961 17.9327 12.8172C17.7977 12.1383 17.4644 11.5146 16.9749 11.0251C16.4854 10.5356 15.8617 10.2023 15.1828 10.0673C14.5039 9.9322 13.8001 10.0015 13.1606 10.2664C12.5211 10.5313 11.9744 10.9799 11.5899 11.5555C11.2053 12.1311 11 12.8078 11 13.5C11 14.4283 11.3687 15.3185 12.0251 15.9749C12.6815 16.6313 13.5717 17 14.5 17ZM14.5 12C14.7967 12 15.0867 12.088 15.3334 12.2528C15.58 12.4176 15.7723 12.6519 15.8858 12.926C15.9993 13.2001 16.0291 13.5017 15.9712 13.7926C15.9133 14.0836 15.7704 14.3509 15.5607 14.5607C15.3509 14.7704 15.0836 14.9133 14.7926 14.9712C14.5017 15.0291 14.2001 14.9994 13.926 14.8858C13.6519 14.7723 13.4176 14.58 13.2528 14.3334C13.088 14.0867 13 13.7967 13 13.5C13 13.1022 13.158 12.7206 13.4393 12.4393C13.7206 12.158 14.1022 12 14.5 12Z' fill='%23A1A1A1'/%3E%3C/svg%3E%0A"); } .icon-painting:hover:before, .active .icon-painting:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11.022 22C13.6805 21.9946 16.2481 21.0312 18.2539 19.2864C20.2597 17.5415 21.5695 15.1322 21.943 12.5C22.1173 11.3017 21.9157 10.0789 21.366 9C19.711 5.854 16.589 6.329 14.31 6.678C13.13 6.856 11.91 7.044 11.445 6.643C11.1093 6.16474 10.9583 5.58104 11.02 5C11.02 2.317 11.02 0 8.02 0C2.753 0 0 5.534 0 11C0.0060913 13.9193 1.16999 16.717 3.23633 18.7792C5.30267 20.8414 8.10267 21.9997 11.022 22ZM8.016 2C8.925 2 9.016 2 9.016 5C8.95793 5.57811 9.0284 6.16191 9.22237 6.7096C9.41634 7.25728 9.72902 7.75531 10.138 8.168C11.301 9.168 12.982 8.909 14.607 8.662C17.09 8.283 18.668 8.18 19.593 9.938C19.9474 10.6467 20.0742 11.4475 19.956 12.231C19.6319 14.4851 18.4676 16.5333 16.6965 17.9649C14.9254 19.3964 12.6786 20.1054 10.4066 19.9497C8.13468 19.7939 6.00563 18.7849 4.44649 17.1251C2.88735 15.4652 2.01342 13.2772 2 11C2 7.382 3.6 2 8.016 2ZM4 6.5C4 6.20333 4.08797 5.91332 4.2528 5.66664C4.41762 5.41997 4.65189 5.22771 4.92597 5.11418C5.20006 5.00065 5.50166 4.97094 5.79264 5.02882C6.08361 5.0867 6.35088 5.22956 6.56066 5.43934C6.77044 5.64912 6.9133 5.91639 6.97118 6.20736C7.02906 6.49834 6.99935 6.79994 6.88582 7.07403C6.77229 7.34811 6.58003 7.58238 6.33336 7.7472C6.08668 7.91203 5.79667 8 5.5 8C5.10218 8 4.72064 7.84196 4.43934 7.56066C4.15804 7.27936 4 6.89782 4 6.5ZM3 11C3 10.7033 3.08797 10.4133 3.2528 10.1666C3.41762 9.91997 3.65189 9.72771 3.92597 9.61418C4.20006 9.50065 4.50166 9.47094 4.79264 9.52882C5.08361 9.5867 5.35088 9.72956 5.56066 9.93934C5.77044 10.1491 5.9133 10.4164 5.97118 10.7074C6.02906 10.9983 5.99935 11.2999 5.88582 11.574C5.77229 11.8481 5.58003 12.0824 5.33336 12.2472C5.08668 12.412 4.79667 12.5 4.5 12.5C4.10218 12.5 3.72064 12.342 3.43934 12.0607C3.15804 11.7794 3 11.3978 3 11ZM6.5 14C6.79667 14 7.08668 14.088 7.33335 14.2528C7.58003 14.4176 7.77229 14.6519 7.88582 14.926C7.99935 15.2001 8.02906 15.5017 7.97118 15.7926C7.9133 16.0836 7.77044 16.3509 7.56066 16.5607C7.35088 16.7704 7.08361 16.9133 6.79264 16.9712C6.50166 17.0291 6.20006 16.9993 5.92597 16.8858C5.65189 16.7723 5.41762 16.58 5.2528 16.3334C5.08797 16.0867 5 15.7967 5 15.5C5 15.1022 5.15804 14.7206 5.43934 14.4393C5.72064 14.158 6.10218 14 6.5 14ZM14.5 17C15.1922 17 15.8689 16.7947 16.4445 16.4101C17.0201 16.0256 17.4687 15.4789 17.7336 14.8394C17.9985 14.1999 18.0678 13.4961 17.9327 12.8172C17.7977 12.1383 17.4644 11.5146 16.9749 11.0251C16.4854 10.5356 15.8617 10.2023 15.1828 10.0673C14.5039 9.9322 13.8001 10.0015 13.1606 10.2664C12.5211 10.5313 11.9744 10.9799 11.5899 11.5555C11.2053 12.1311 11 12.8078 11 13.5C11 14.4283 11.3687 15.3185 12.0251 15.9749C12.6815 16.6313 13.5717 17 14.5 17ZM14.5 12C14.7967 12 15.0867 12.088 15.3334 12.2528C15.58 12.4176 15.7723 12.6519 15.8858 12.926C15.9993 13.2001 16.0291 13.5017 15.9712 13.7926C15.9133 14.0836 15.7704 14.3509 15.5607 14.5607C15.3509 14.7704 15.0836 14.9133 14.7926 14.9712C14.5017 15.0291 14.2001 14.9994 13.926 14.8858C13.6519 14.7723 13.4176 14.58 13.2528 14.3334C13.088 14.0867 13 13.7967 13 13.5C13 13.1022 13.158 12.7206 13.4393 12.4393C13.7206 12.158 14.1022 12 14.5 12Z' fill='%2336A9E1'/%3E%3C/svg%3E%0A"); } .icon-calc:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1H13V19H9V1Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 6H21V19H17V6Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 11H5V19H1V11Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-calc:hover:before, .active .icon-calc:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1H13V19H9V1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 6H21V19H17V6Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 11H5V19H1V11Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-user:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M9 10C9.98891 10 10.9556 9.70676 11.7779 9.15735C12.6001 8.60794 13.241 7.82705 13.6194 6.91342C13.9978 5.99979 14.0969 4.99446 13.9039 4.02455C13.711 3.05465 13.2348 2.16373 12.5355 1.46447C11.8363 0.765206 10.9454 0.289002 9.97545 0.0960759C9.00555 -0.0968503 8.00021 0.00216642 7.08658 0.380605C6.17295 0.759043 5.39206 1.39991 4.84265 2.22215C4.29324 3.0444 4 4.0111 4 5C4.00159 6.3256 4.52888 7.59644 5.46622 8.53378C6.40356 9.47112 7.67441 9.99841 9 10ZM9 2C9.59334 2 10.1734 2.17595 10.6667 2.50559C11.1601 2.83524 11.5446 3.30377 11.7716 3.85195C11.9987 4.40013 12.0581 5.00333 11.9424 5.58527C11.8266 6.16722 11.5409 6.70177 11.1213 7.12132C10.7018 7.54088 10.1672 7.8266 9.58527 7.94236C9.00333 8.05811 8.40013 7.9987 7.85195 7.77164C7.30377 7.54458 6.83524 7.16006 6.50559 6.66671C6.17595 6.17337 6 5.59335 6 5C6 4.20435 6.31607 3.44129 6.87868 2.87868C7.44129 2.31607 8.20435 2 9 2ZM1 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21C18 18.6131 17.0518 16.3239 15.364 14.636C13.6761 12.9482 11.3869 12 9 12C6.61305 12 4.32387 12.9482 2.63604 14.636C0.948211 16.3239 3.55683e-08 18.6131 0 21C0 21.2652 0.105357 21.5196 0.292893 21.7071C0.48043 21.8946 0.734784 22 1 22ZM9 14C10.6828 14.0021 12.3086 14.6094 13.5808 15.7109C14.8529 16.8125 15.6863 18.3348 15.929 20H2.071C2.31366 18.3348 3.14714 16.8125 4.41925 15.7109C5.69136 14.6094 7.31724 14.0021 9 14Z' fill='%23A1A1A1'/%3E%3C/svg%3E"); } .icon-user:hover:before, .active .icon-user:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M9 10C9.98891 10 10.9556 9.70676 11.7779 9.15735C12.6001 8.60794 13.241 7.82705 13.6194 6.91342C13.9978 5.99979 14.0969 4.99446 13.9039 4.02455C13.711 3.05465 13.2348 2.16373 12.5355 1.46447C11.8363 0.765206 10.9454 0.289002 9.97545 0.0960759C9.00555 -0.0968503 8.00021 0.00216642 7.08658 0.380605C6.17295 0.759043 5.39206 1.39991 4.84265 2.22215C4.29324 3.0444 4 4.0111 4 5C4.00159 6.3256 4.52888 7.59644 5.46622 8.53378C6.40356 9.47112 7.67441 9.99841 9 10ZM9 2C9.59334 2 10.1734 2.17595 10.6667 2.50559C11.1601 2.83524 11.5446 3.30377 11.7716 3.85195C11.9987 4.40013 12.0581 5.00333 11.9424 5.58527C11.8266 6.16722 11.5409 6.70177 11.1213 7.12132C10.7018 7.54088 10.1672 7.8266 9.58527 7.94236C9.00333 8.05811 8.40013 7.9987 7.85195 7.77164C7.30377 7.54458 6.83524 7.16006 6.50559 6.66671C6.17595 6.17337 6 5.59335 6 5C6 4.20435 6.31607 3.44129 6.87868 2.87868C7.44129 2.31607 8.20435 2 9 2ZM1 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21C18 18.6131 17.0518 16.3239 15.364 14.636C13.6761 12.9482 11.3869 12 9 12C6.61305 12 4.32387 12.9482 2.63604 14.636C0.948211 16.3239 3.55683e-08 18.6131 0 21C0 21.2652 0.105357 21.5196 0.292893 21.7071C0.48043 21.8946 0.734784 22 1 22ZM9 14C10.6828 14.0021 12.3086 14.6094 13.5808 15.7109C14.8529 16.8125 15.6863 18.3348 15.929 20H2.071C2.31366 18.3348 3.14714 16.8125 4.41925 15.7109C5.69136 14.6094 7.31724 14.0021 9 14Z' fill='%2336A9E1'/%3E%3C/svg%3E"); } .icon-book:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 18.5C1 17.1193 2.11929 16 3.5 16H17' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 1H17V21H3.5C2.11929 21 1 19.8807 1 18.5V3.5C1 2.11929 2.11929 1 3.5 1Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-book:hover:before, .active .icon-book:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 18.5C1 17.1193 2.11929 16 3.5 16H17' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 1H17V21H3.5C2.11929 21 1 19.8807 1 18.5V3.5C1 2.11929 2.11929 1 3.5 1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-stats:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1H13V19H9V1Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 6H21V19H17V6Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 11H5V19H1V11Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-stats:hover:before, .active .icon-stats:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1H13V19H9V1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 6H21V19H17V6Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 11H5V19H1V11Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-calendar:before { height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5C1 3.89543 1.89543 3 3 3H17C18.1046 3 19 3.89543 19 5V19C19 20.1046 18.1046 21 17 21H3C1.89543 21 1 20.1046 1 19V5Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 1V5' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 1V5' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9H19' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-calendar:hover:before, .active .icon-calendar:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5C1 3.89543 1.89543 3 3 3H17C18.1046 3 19 3.89543 19 5V19C19 20.1046 18.1046 21 17 21H3C1.89543 21 1 20.1046 1 19V5Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 1V5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 1V5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9H19' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .icon-calendar.icon-white:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5C1 3.89543 1.89543 3 3 3H17C18.1046 3 19 3.89543 19 5V19C19 20.1046 18.1046 21 17 21H3C1.89543 21 1 20.1046 1 19V5Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14 1V5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1V5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1 9H19' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-calendar.icon-white:hover:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5C1 3.89543 1.89543 3 3 3H17C18.1046 3 19 3.89543 19 5V19C19 20.1046 18.1046 21 17 21H3C1.89543 21 1 20.1046 1 19V5Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M14 1V5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 1V5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M1 9H19' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-editor:before, .icon-signing:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.111 0.292786L7.384 9.02079C7.27387 9.12983 7.19126 9.26351 7.143 9.41079L6.052 12.6838C6.00196 12.834 5.98831 12.994 6.01219 13.1506C6.03608 13.3071 6.0968 13.4558 6.18937 13.5843C6.28193 13.7128 6.40369 13.8175 6.54463 13.8897C6.68556 13.9619 6.84163 13.9997 7 13.9998C7.10746 13.9998 7.2142 13.9822 7.316 13.9478L10.589 12.8568C10.7363 12.8085 10.87 12.7259 10.979 12.6158L19.707 3.88879C19.8945 3.70126 19.9998 3.44695 19.9998 3.18179C19.9998 2.91662 19.8945 2.66231 19.707 2.47479L17.525 0.292786C17.3375 0.105315 17.0832 0 16.818 0C16.5528 0 16.2985 0.105315 16.111 0.292786ZM9.732 11.0348L8.581 11.4188L8.965 10.2678L14.637 4.59979L15.404 5.36679L9.732 11.0348ZM17.586 3.18179L16.818 3.94879L16.051 3.18179L16.818 2.41379L17.586 3.18179ZM1 2.99979H9C9.26522 2.99979 9.51957 3.10514 9.70711 3.29268C9.89464 3.48022 10 3.73457 10 3.99979C10 4.265 9.89464 4.51936 9.70711 4.70689C9.51957 4.89443 9.26522 4.99979 9 4.99979H2V17.9998H15V10.9998C15 10.7346 15.1054 10.4802 15.2929 10.2927C15.4804 10.1051 15.7348 9.99979 16 9.99979C16.2652 9.99979 16.5196 10.1051 16.7071 10.2927C16.8946 10.4802 17 10.7346 17 10.9998V18.9998C17 19.265 16.8946 19.5194 16.7071 19.7069C16.5196 19.8944 16.2652 19.9998 16 19.9998H1C0.734784 19.9998 0.48043 19.8944 0.292893 19.7069C0.105357 19.5194 0 19.265 0 18.9998V3.99979C0 3.73457 0.105357 3.48022 0.292893 3.29268C0.48043 3.10514 0.734784 2.99979 1 2.99979Z' fill='%23A1A1A1'/%3E%3C/svg%3E%0A"); } .icon-edit:before, .icon-editor:hover:before, .active .icon-editor:before, .active .icon-signing:before, .icon-signing:hover:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.111 0.292786L7.384 9.02079C7.27387 9.12983 7.19126 9.26351 7.143 9.41079L6.052 12.6838C6.00196 12.834 5.98831 12.994 6.01219 13.1506C6.03608 13.3071 6.0968 13.4558 6.18937 13.5843C6.28193 13.7128 6.40369 13.8175 6.54463 13.8897C6.68556 13.9619 6.84163 13.9997 7 13.9998C7.10746 13.9998 7.2142 13.9822 7.316 13.9478L10.589 12.8568C10.7363 12.8085 10.87 12.7259 10.979 12.6158L19.707 3.88879C19.8945 3.70126 19.9998 3.44695 19.9998 3.18179C19.9998 2.91662 19.8945 2.66231 19.707 2.47479L17.525 0.292786C17.3375 0.105315 17.0832 0 16.818 0C16.5528 0 16.2985 0.105315 16.111 0.292786ZM9.732 11.0348L8.581 11.4188L8.965 10.2678L14.637 4.59979L15.404 5.36679L9.732 11.0348ZM17.586 3.18179L16.818 3.94879L16.051 3.18179L16.818 2.41379L17.586 3.18179ZM1 2.99979H9C9.26522 2.99979 9.51957 3.10514 9.70711 3.29268C9.89464 3.48022 10 3.73457 10 3.99979C10 4.265 9.89464 4.51936 9.70711 4.70689C9.51957 4.89443 9.26522 4.99979 9 4.99979H2V17.9998H15V10.9998C15 10.7346 15.1054 10.4802 15.2929 10.2927C15.4804 10.1051 15.7348 9.99979 16 9.99979C16.2652 9.99979 16.5196 10.1051 16.7071 10.2927C16.8946 10.4802 17 10.7346 17 10.9998V18.9998C17 19.265 16.8946 19.5194 16.7071 19.7069C16.5196 19.8944 16.2652 19.9998 16 19.9998H1C0.734784 19.9998 0.48043 19.8944 0.292893 19.7069C0.105357 19.5194 0 19.265 0 18.9998V3.99979C0 3.73457 0.105357 3.48022 0.292893 3.29268C0.48043 3.10514 0.734784 2.99979 1 2.99979Z' fill='%2336A9E1'/%3E%3C/svg%3E%0A"); } .icon-edit-small:before { width: 14px; height: 14px; background-size: cover; } .icon-edit-white:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8 1.00017L13 4.20017L4.2 13.0002H1V9.80017L9.5 1L9.8 1.00017Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-edit-white-big:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 1L19 6L6 19H1V14L14 1Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-time:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 4.6V10L12.7 12.7' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-time:hover:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 4.6V10L12.7 12.7' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-alarm:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1997 1.95728L1.28218 16.017C0.908046 16.6289 0.905813 17.3824 1.27631 17.9963C1.64681 18.6101 2.33439 18.9922 3.08252 19H20.9175C21.6656 18.9922 22.3532 18.6101 22.7237 17.9963C23.0942 17.3824 23.092 16.6289 22.7178 16.017L13.8003 1.95728C13.4186 1.36295 12.736 1 12 1C11.264 1 10.5814 1.36295 10.1997 1.95728Z' stroke='%23FF6B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 8V12' stroke='%23FF6B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='12' cy='15' r='1' fill='%23FF6B00'/%3e%3c/svg%3e "); } .icon-copy:before { width:22px; height: 22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10C8 8.89543 8.89543 8 10 8H19C20.1046 8 21 8.89543 21 10V19C21 20.1046 20.1046 21 19 21H10C8.89543 21 8 20.1046 8 19V10Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 14H3C1.89543 14 1 13.1046 1 12V3C1 1.89543 1.89543 1 3 1H12C13.1046 1 14 1.89543 14 3V4' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-delete:before { height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 4H15V2C15 1 14 0 13 0H7C6 0 5 1 5 2V4H1C0.468872 4 0 4.5 0 5C0 5.5 0.5 6 1 6H2V20C2 21.5 3.5 23 5 23H15C16.5 23 18 21.5 18 20V6H19C19.5 6 20 5.5 20 5C20 4.5 19.5 4 19 4ZM8 2H12C12.675 2 13 2.33964 13 3V4H7C7 3.75806 7 3.41982 7 3C7 2.5 7.5 2 8 2ZM16 19.5C16 20.5 15.5 21 14.5 21H5.5C4.5 21 4 20.5 4 19.5V6H16V19.5Z' fill='white'/%3e%3crect x='7' y='9' width='2' height='9' rx='1' fill='white'/%3e%3crect x='11' y='9' width='2' height='9' rx='1' fill='white'/%3e%3c/svg%3e"); } .icon-delete-gray:before { height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23' fill='%23666666'%3E%3Cpath d='M19 4H15V2C15 1 14 0 13 0H7C6 0 5 1 5 2V4H1C0.468872 4 0 4.5 0 5C0 5.5 0.5 6 1 6H2V20C2 21.5 3.5 23 5 23H15C16.5 23 18 21.5 18 20V6H19C19.5 6 20 5.5 20 5C20 4.5 19.5 4 19 4ZM8 2H12C12.675 2 13 2.33964 13 3V4H7C7 3.75806 7 3.41982 7 3C7 2.5 7.5 2 8 2ZM16 19.5C16 20.5 15.5 21 14.5 21H5.5C4.5 21 4 20.5 4 19.5V6H16V19.5Z'/%3E%3Crect x='7' y='9' width='2' height='9' rx='1'/%3E%3Crect x='11' y='9' width='2' height='9' rx='1'/%3E%3C/svg%3E%0A"); } .icon-delete-blue:before { height: 24px; background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 4H15V2C15 1 14 0 13 0H7C6 0 5 1 5 2V4H1C0.468872 4 0 4.5 0 5C0 5.5 0.5 6 1 6H2V20C2 21.5 3.5 23 5 23H15C16.5 23 18 21.5 18 20V6H19C19.5 6 20 5.5 20 5C20 4.5 19.5 4 19 4ZM8 2H12C12.675 2 13 2.33964 13 3V4H7C7 3.75806 7 3.41982 7 3C7 2.5 7.5 2 8 2ZM16 19.5C16 20.5 15.5 21 14.5 21H5.5C4.5 21 4 20.5 4 19.5V6H16V19.5Z' fill='%2336A9E1'/%3e%3crect x='7' y='9' width='2' height='9' rx='1' fill='%2336A9E1'/%3e%3crect x='11' y='9' width='2' height='9' rx='1' fill='%2336A9E1'/%3e%3c/svg%3e"); } .icon-delete-red:before { width: 20px; height: 22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19 4H15V2C15 1 14 0 13 0H7C6 0 5 1 5 2V4H1C0.468872 4 0 4.5 0 5C0 5.5 0.5 6 1 6H2V19C2 20.5 3.5 22 5 22H15C16.5 22 18 20.5 18 19V6H19C19.5 6 20 5.5 20 5C20 4.5 19.5 4 19 4ZM8 2H12C12.675 2 13 2.33964 13 3V4H7C7 3.75806 7 3.41982 7 3C7 2.5 7.5 2 8 2ZM16 18.5C16 19.5 15.5 20 14.5 20H5.5C4.5 20 4 19.5 4 18.5V6H16V18.5Z' fill='%23F21B3F'/%3e%3crect x='7' y='9' width='2' height='8' rx='1' fill='%23F21B3F'/%3e%3crect x='11' y='9' width='2' height='8' rx='1' fill='%23F21B3F'/%3e%3c/svg%3e "); } .icon-cross:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L8 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M8 1L1 8' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e "); } .icon-close:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1.63623' width='20' height='2' rx='1' transform='rotate(45 1.63623 0)' fill='%2336A9E1'/%3e%3crect x='15.7783' y='1.41422' width='20' height='2' rx='1' transform='rotate(135 15.7783 1.41422)' fill='%2336A9E1'/%3e%3c/svg%3e "); } .icon-save { font-size: 0; line-height: 0; } .icon-save::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 19H3C1.89543 19 1 18.1046 1 17V3C1 1.89543 1.89543 1 3 1H14L19 6V17C19 18.1046 18.1046 19 17 19Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15 19V11H5V19' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5 1V6H13' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-save-gray::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 19H3C1.89543 19 1 18.1046 1 17V3C1 1.89543 1.89543 1 3 1H14L19 6V17C19 18.1046 18.1046 19 17 19Z' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 19V11H5V19' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 1V6H13' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .icon-delete-gray::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' viewBox='0 0 20 23' fill='none'%3E%3Cpath d='M19 4H15V2C15 1 14 0 13 0H7C6 0 5 1 5 2V4H1C0.468872 4 0 4.5 0 5C0 5.5 0.5 6 1 6H2V20C2 21.5 3.5 23 5 23H15C16.5 23 18 21.5 18 20V6H19C19.5 6 20 5.5 20 5C20 4.5 19.5 4 19 4ZM8 2H12C12.675 2 13 2.33964 13 3V4H7C7 3.75806 7 3.41982 7 3C7 2.5 7.5 2 8 2ZM16 19.5C16 20.5 15.5 21 14.5 21H5.5C4.5 21 4 20.5 4 19.5V6H16V19.5Z' fill='%23333333'/%3E%3Crect x='7' y='9' width='2' height='9' rx='1' fill='%23333333'/%3E%3Crect x='11' y='9' width='2' height='9' rx='1' fill='%23333333'/%3E%3C/svg%3E%0A"); } .icon-save-white:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 19H3C1.89543 19 1 18.1046 1 17V3C1 1.89543 1.89543 1 3 1H14L19 6V17C19 18.1046 18.1046 19 17 19Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15 19V11H5V19' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5 1V6H13' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-clock:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 21C14.9706 21 19 16.9706 19 12C19 7.02944 14.9706 3 10 3C5.02944 3 1 7.02944 1 12C1 16.9706 5.02944 21 10 21Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.5 19.5L17 21.0005' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M3 3.00049L4.5 4.5' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M4.44721 1.89443C4.94119 1.64744 5.14142 1.04676 4.89443 0.552786C4.64744 0.0588079 4.04676 -0.141416 3.55279 0.105573L4.44721 1.89443ZM0.105573 3.55279C-0.141416 4.04676 0.0588079 4.64744 0.552786 4.89443C1.04676 5.14142 1.64744 4.94119 1.89443 4.44721L0.105573 3.55279ZM3.55279 0.105573L3.0435 0.360217L3.93793 2.14907L4.44721 1.89443L3.55279 0.105573ZM0.360217 3.0435L0.105573 3.55279L1.89443 4.44721L2.14907 3.93793L0.360217 3.0435ZM3.0435 0.360217C1.88233 0.940799 0.940799 1.88233 0.360217 3.0435L2.14907 3.93793C2.53613 3.16382 3.16382 2.53613 3.93793 2.14907L3.0435 0.360217Z' fill='%23A1A1A1'/%3e%3cpath d='M17 3.00049L15.5 4.5' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M18.1056 4.4477C18.3526 4.94168 18.9532 5.1419 19.4472 4.89492C19.9412 4.64793 20.1414 4.04725 19.8944 3.55327L18.1056 4.4477ZM16.4472 0.106061C15.9532 -0.140928 15.3526 0.059296 15.1056 0.553275C14.8586 1.04725 15.0588 1.64793 15.5528 1.89492L16.4472 0.106061ZM19.8944 3.55327L19.6398 3.04399L17.8509 3.93841L18.1056 4.4477L19.8944 3.55327ZM16.9565 0.360705L16.4472 0.106061L15.5528 1.89492L16.0621 2.14956L16.9565 0.360705ZM19.6398 3.04399C19.0592 1.88282 18.1177 0.941287 16.9565 0.360705L16.0621 2.14956C16.8362 2.53661 17.4639 3.1643 17.8509 3.93841L19.6398 3.04399Z' fill='%23A1A1A1'/%3e%3cpath d='M4.5 19.5L3 21.0005' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M10 7.00049V12.0005L12 14' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-clock:hover:before, .active .icon-clock:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 21C14.9706 21 19 16.9706 19 12C19 7.02944 14.9706 3 10 3C5.02944 3 1 7.02944 1 12C1 16.9706 5.02944 21 10 21Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.5 19.5L17 21.0005' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M3 3.00049L4.5 4.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M4.44721 1.89443C4.94119 1.64744 5.14142 1.04676 4.89443 0.552786C4.64744 0.0588079 4.04676 -0.141416 3.55279 0.105573L4.44721 1.89443ZM0.105573 3.55279C-0.141416 4.04676 0.0588079 4.64744 0.552786 4.89443C1.04676 5.14142 1.64744 4.94119 1.89443 4.44721L0.105573 3.55279ZM3.55279 0.105573L3.0435 0.360217L3.93793 2.14907L4.44721 1.89443L3.55279 0.105573ZM0.360217 3.0435L0.105573 3.55279L1.89443 4.44721L2.14907 3.93793L0.360217 3.0435ZM3.0435 0.360217C1.88233 0.940799 0.940799 1.88233 0.360217 3.0435L2.14907 3.93793C2.53613 3.16382 3.16382 2.53613 3.93793 2.14907L3.0435 0.360217Z' fill='%2336A9E1'/%3e%3cpath d='M17 3.00049L15.5 4.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M18.1056 4.4477C18.3526 4.94168 18.9532 5.1419 19.4472 4.89492C19.9412 4.64793 20.1414 4.04725 19.8944 3.55327L18.1056 4.4477ZM16.4472 0.106061C15.9532 -0.140928 15.3526 0.059296 15.1056 0.553275C14.8586 1.04725 15.0588 1.64793 15.5528 1.89492L16.4472 0.106061ZM19.8944 3.55327L19.6398 3.04399L17.8509 3.93841L18.1056 4.4477L19.8944 3.55327ZM16.9565 0.360705L16.4472 0.106061L15.5528 1.89492L16.0621 2.14956L16.9565 0.360705ZM19.6398 3.04399C19.0592 1.88282 18.1177 0.941287 16.9565 0.360705L16.0621 2.14956C16.8362 2.53661 17.4639 3.1643 17.8509 3.93841L19.6398 3.04399Z' fill='%2336A9E1'/%3e%3cpath d='M4.5 19.5L3 21.0005' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M10 7.00049V12.0005L12 14' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-brush::before { width:21px; height:20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.48621 20C4.40894 20 7.21996 18.6626 8.17021 16.8199C8.47109 16.2364 8.57133 15.631 8.47449 15.0402C9.59553 13.8972 11.0357 13.1079 12.5726 12.5991L12.7103 12.5534L12.813 12.4515C17.8757 7.42338 20.7006 2.84174 21 2.43656L18.5467 2.14477e-07C18.1443 0.293282 13.5231 3.10537 8.46285 8.131L8.36015 8.233L8.31421 8.36982C7.78398 9.94971 6.99524 11.3277 5.83639 12.4763C4.8692 12.3391 3.90677 12.6646 3.2263 13.3404C2.44224 14.1191 2.44068 14.9579 2.43929 15.698C2.43757 16.6242 2.43576 17.5819 1.05121 18.9569L0.00100708 20L1.48621 20L1.48621 20ZM18.3913 1.57382L19.4153 2.5909C17.2898 5.706 14.9787 8.51565 12.3752 11.1525L9.77066 8.56583C12.4257 5.9801 15.2547 3.6848 18.3913 1.57382ZM9.13835 9.66597L11.2669 11.78C10.2447 12.2014 9.05898 12.8379 8.01748 13.7784L7.13408 12.901C7.92831 12.0246 8.61767 10.9099 9.13835 9.66597ZM3.66967 15.7003C3.67102 14.9749 3.68972 14.6083 4.09629 14.2045C4.80908 13.4966 5.97752 13.4811 6.70417 14.2023C6.71241 14.2165 7.68473 15.0805 7.07502 16.2629C6.47785 17.4209 4.79566 18.3489 2.88171 18.6632C3.66634 17.4633 3.66823 16.4725 3.66967 15.7003Z' fill='%2336A9E1'/%3e%3c/svg%3e "); } .icon-filter::before { height: 25px; width: 25px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 3.36269C23 2.22273 21.7676 1.37431 19.2321 0.768774C17.1563 0.273021 14.4103 0 11.5001 0C8.58989 0 5.84384 0.273021 3.76802 0.768774C1.23253 1.37431 0 2.22273 0 3.36269C0 3.78449 0.169277 4.1663 0.510354 4.51076L8.33712 13.5797V22.26C8.33712 22.5444 8.49092 22.8084 8.7438 22.9583C8.88223 23.0403 9.03946 23.0817 9.19727 23.0817C9.32778 23.0817 9.45853 23.0534 9.57929 22.9963L14.1753 20.8201C14.4678 20.6816 14.653 20.3969 14.6535 20.085L14.6623 13.5803L22.4901 4.51021C22.831 4.16586 23 3.78438 23 3.36269ZM4.573 2.27521C6.46842 1.86776 8.92844 1.64338 11.5001 1.64338C14.0717 1.64338 16.5318 1.86776 18.427 2.27521C20.52 2.72517 21.1084 3.20876 21.2491 3.36269C21.1082 3.51662 20.52 4.00021 18.427 4.45017C16.5318 4.85762 14.0716 5.08199 11.5001 5.08199C8.92856 5.08199 6.46842 4.85762 4.573 4.45028C2.48009 4.00032 1.89164 3.51673 1.75092 3.3628C1.89164 3.20876 2.48009 2.72517 4.573 2.27521ZM13.139 12.7621C13.0123 12.909 12.9428 13.0933 12.9426 13.2837L12.934 19.5738L10.0575 20.9358V13.2848C10.0575 13.094 9.98815 12.9092 9.86107 12.7621L4.04155 6.01894C6.08227 6.47493 8.71524 6.72549 11.5001 6.72549C14.285 6.72549 16.9178 6.47493 18.9586 6.01894L13.139 12.7621Z' fill='%2336A9E1'/%3e%3c/svg%3e "); } .icon-bell::before { width: 25px; height: 25px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 19C24.5523 19 25 18.5523 25 18C25 17.4477 24.5523 17 24 17V19ZM1 17C0.447715 17 0 17.4477 0 18C0 18.5523 0.447715 19 1 19V17ZM4 9.05H3H4ZM20 9.05H21H20ZM15 23L15.7675 23.6411C16.0164 23.3431 16.0703 22.928 15.9058 22.5764C15.7414 22.2247 15.3882 22 15 22V23ZM10 23V22C9.61177 22 9.25863 22.2247 9.09416 22.5764C8.9297 22.928 8.98364 23.3431 9.23252 23.6411L10 23ZM24 17H1V19H24V17ZM1 19C2.3513 19 3.38435 18.2752 4.04051 17.3137C4.68396 16.3708 5 15.1661 5 14H3C3 14.8339 2.76873 15.6292 2.38853 16.1863C2.02103 16.7248 1.55408 17 1 17V19ZM5 14V9.05H3V14H5ZM5 9.05C5 5.22514 8.53504 2 12.5 2V0C7.57318 0 3 3.98307 3 9.05H5ZM12.5 2C16.3026 2 19 5.0608 19 9.05H21C21 4.14741 17.5892 0 12.5 0V2ZM19 9.05V14H21V9.05H19ZM19 14C19 15.3395 19.6891 16.5816 20.5839 17.4626C21.4767 18.3415 22.7153 19 24 19V17C23.3793 17 22.618 16.6585 21.987 16.0374C21.3582 15.4184 21 14.6605 21 14H19ZM14.2325 22.3589C13.9559 22.6901 13.3229 23 12.5 23V25C13.7379 25 15.01 24.5479 15.7675 23.6411L14.2325 22.3589ZM12.5 23C11.6771 23 11.0441 22.6901 10.7675 22.3589L9.23252 23.6411C9.99 24.5479 11.2621 25 12.5 25V23ZM10 24H15V22H10V24Z' fill='%2336A9E1'/%3e%3c/svg%3e "); } .statuses { overflow-x: auto; padding: 20px; } .statuses.disabled { position: relative; } .statuses.disabled .statuses__list::after { content: 'Пожалуйста подождите...'; display: block; color: #292929; font-size: 14px; margin-top: -10px; text-align: center; position: absolute; top: 50%; right: 0; left: 0; font-weight: bold; } .statuses.disabled .statuses__list-item { opacity: 0.3; pointer-events: none; } .statuses.active .statuses__title::after { transform: rotate(180deg); } .statuses__title { cursor: pointer; display: none; border-radius: 50px; padding: 5px 45px 5px 15px; width: 136px; color: #36a9e1; border: 1px solid #36a9e1; position: relative; box-sizing: border-box; } .statuses__title::after { content: ''; display: block; width: 14px; height: 7px; margin-top: -3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' fill='none'%3E%3Cpath d='M1.59998 1.2L6.99998 6L12.4 1.2' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center; transition: transform 0.3s linear; position: absolute; top: 50%; right: 15px; } .statuses__title span { pointer-events: none; white-space: nowrap; overflow: hidden; display: block; width: 100%; } .statuses__list { display: flex; justify-content: space-between; list-style: none; } .statuses__list-item { text-align: center; padding: 5px 35px 5px 15px; border-radius: 40px; min-width: 136px; border: 1px solid #e0e0e0; position: relative; box-sizing: border-box; } .statuses__list-item:not(:first-child) { margin-left: 24px; } .statuses__list-item::before { content: ''; display: block; width: 24px; border-bottom: 2px dotted #e0e0e0; margin-top: -1px; position: absolute; top: 50%; right: 100%; } .statuses__list-item.active { border-color: #36a9e1; } .statuses__list-item.active::before { border-bottom-color: #36a9e1; } .statuses__list-item:first-child::before { display: none; } .statuses__list-item-input { text-align: center; display: none; width: 100%; padding: 0 5px !important; font-size: 14px !important; line-height: 1.4 !important; } .statuses__list-item.rename { padding: 5px 15px; } .statuses__list-item.rename .statuses__list-item-input { display: block; } .statuses__list-item.rename .statuses__list-item-text, .statuses__list-item.rename .statuses__list-item-button { display: none; } .statuses__list-item-button { cursor: pointer; top: 50%; right: 10px; position: absolute; margin-top: -8px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9475 7.17916L10.2525 4.48416L12.2005 2.53516L14.8945 5.22916L12.9475 7.17916ZM6.00848 14.1252L3.03148 14.3962L3.29548 11.4402L8.91248 5.82316L11.6085 8.51916L6.00848 14.1252ZM16.3325 3.83816L16.3315 3.83716L13.5935 1.09916C12.8525 0.360163 11.5795 0.325163 10.8775 1.03016L1.88148 10.0262C1.55548 10.3512 1.35348 10.7832 1.31148 11.2402L0.932485 15.4102C0.906485 15.7052 1.01148 15.9972 1.22148 16.2072C1.41048 16.3962 1.66548 16.5002 1.92848 16.5002C1.95948 16.5002 1.98948 16.4992 2.01948 16.4962L6.18949 16.1172C6.64749 16.0752 7.07849 15.8742 7.40348 15.5492L16.4005 6.55216C17.1285 5.82216 17.0975 4.60416 16.3325 3.83816Z' fill='%23A1A1A1'/%3E%3C/svg%3E") no-repeat center center; border: 0; width: 17px; height: 17px; } .statuses__list-item-text { color: #a1a1a1; width: 100%; display: block; overflow: hidden; white-space: nowrap; text-decoration: none; } .statuses__list-item.active .statuses__list-item-text { color: #36a9e1; } @media (max-width: 767px) { .statuses { position: relative; overflow: initial; margin: 0 10px 15px; padding: 0; } .statuses.active .statuses__list { opacity: 1; pointer-events: initial; } .statuses__title { display: block; } .statuses__list { opacity: 0; pointer-events: none; position: absolute; display: block; z-index: 20; top: calc(100% + 5px); background-color: #d8d8d8; box-shadow: 0 -2px 10px 2px rgba(0, 0, 0, 0.06); transition: opacity 0.3s linear; } .statuses__list-item { width: 100% !important; border-radius: 0; border: 0; margin-left: 0 !important; } .statuses__list-item.selected { background-color: #e9e9e9; } .statuses__list-item.active .statuses__list-item-text, .statuses__list-item-text { color: #333; } .statuses__list-item::before { display: none; } } .expired .icon-bell.notification-header__type:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 19C24.5523 19 25 18.5523 25 18C25 17.4477 24.5523 17 24 17V19ZM1 17C0.447715 17 0 17.4477 0 18C0 18.5523 0.447715 19 1 19V17ZM4 9.05H3H4ZM20 9.05H21H20ZM15 23L15.7675 23.6411C16.0164 23.3431 16.0703 22.928 15.9058 22.5764C15.7414 22.2247 15.3882 22 15 22V23ZM10 23V22C9.61177 22 9.25863 22.2247 9.09416 22.5764C8.9297 22.928 8.98364 23.3431 9.23252 23.6411L10 23ZM24 17H1V19H24V17ZM1 19C2.3513 19 3.38435 18.2752 4.04051 17.3137C4.68396 16.3708 5 15.1661 5 14H3C3 14.8339 2.76873 15.6292 2.38853 16.1863C2.02103 16.7248 1.55408 17 1 17V19ZM5 14V9.05H3V14H5ZM5 9.05C5 5.22514 8.53504 2 12.5 2V0C7.57318 0 3 3.98307 3 9.05H5ZM12.5 2C16.3026 2 19 5.0608 19 9.05H21C21 4.14741 17.5892 0 12.5 0V2ZM19 9.05V14H21V9.05H19ZM19 14C19 15.3395 19.6891 16.5816 20.5839 17.4626C21.4767 18.3415 22.7153 19 24 19V17C23.3793 17 22.618 16.6585 21.987 16.0374C21.3582 15.4184 21 14.6605 21 14H19ZM14.2325 22.3589C13.9559 22.6901 13.3229 23 12.5 23V25C13.7379 25 15.01 24.5479 15.7675 23.6411L14.2325 22.3589ZM12.5 23C11.6771 23 11.0441 22.6901 10.7675 22.3589L9.23252 23.6411C9.99 24.5479 11.2621 25 12.5 25V23ZM10 24H15V22H10V24Z' fill='%23F21B3F'/%3e%3c/svg%3e "); } .today .icon-bell.notification-header__type:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 19C24.5523 19 25 18.5523 25 18C25 17.4477 24.5523 17 24 17V19ZM1 17C0.447715 17 0 17.4477 0 18C0 18.5523 0.447715 19 1 19V17ZM4 9.05H3H4ZM20 9.05H21H20ZM15 23L15.7675 23.6411C16.0164 23.3431 16.0703 22.928 15.9058 22.5764C15.7414 22.2247 15.3882 22 15 22V23ZM10 23V22C9.61177 22 9.25863 22.2247 9.09416 22.5764C8.9297 22.928 8.98364 23.3431 9.23252 23.6411L10 23ZM24 17H1V19H24V17ZM1 19C2.3513 19 3.38435 18.2752 4.04051 17.3137C4.68396 16.3708 5 15.1661 5 14H3C3 14.8339 2.76873 15.6292 2.38853 16.1863C2.02103 16.7248 1.55408 17 1 17V19ZM5 14V9.05H3V14H5ZM5 9.05C5 5.22514 8.53504 2 12.5 2V0C7.57318 0 3 3.98307 3 9.05H5ZM12.5 2C16.3026 2 19 5.0608 19 9.05H21C21 4.14741 17.5892 0 12.5 0V2ZM19 9.05V14H21V9.05H19ZM19 14C19 15.3395 19.6891 16.5816 20.5839 17.4626C21.4767 18.3415 22.7153 19 24 19V17C23.3793 17 22.618 16.6585 21.987 16.0374C21.3582 15.4184 21 14.6605 21 14H19ZM14.2325 22.3589C13.9559 22.6901 13.3229 23 12.5 23V25C13.7379 25 15.01 24.5479 15.7675 23.6411L14.2325 22.3589ZM12.5 23C11.6771 23 11.0441 22.6901 10.7675 22.3589L9.23252 23.6411C9.99 24.5479 11.2621 25 12.5 25V23ZM10 24H15V22H10V24Z' fill='%23FF6B00'/%3e%3c/svg%3e "); } .icon-help:before { width: 22px; height: 22px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.08984 7.99987C8.57528 6.61991 9.98523 5.79128 11.427 6.03858C12.8688 6.28589 13.922 7.53702 13.9198 8.99987C13.9198 10.9999 10.9198 11.9999 10.9198 11.9999' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='11' cy='15' r='0.5' fill='black' stroke='%23A1A1A1'/%3e%3c/svg%3e "); } .icon-help:hover:before, .active .icon-help:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.08984 7.99987C8.57528 6.61991 9.98523 5.79128 11.427 6.03858C12.8688 6.28589 13.922 7.53702 13.9198 8.99987C13.9198 10.9999 10.9198 11.9999 10.9198 11.9999' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3ccircle cx='11' cy='15' r='0.5' fill='black' stroke='%2336A9E1'/%3e%3c/svg%3e "); } .icon-help.small:before{ background-size: 15px 15px ; } .icon-arrow-transparent { position: relative; display: block; padding-left: 39px; } .icon-arrow-transparent:hover { text-decoration: none; } .icon-arrow-transparent.disabled { pointer-events: none; } .icon-arrow-transparent.disabled::after { background-color: transparent; opacity: 0.5; } .tasks-header .icon-arrow-transparent { margin-right: 32px; } .icon-arrow-transparent.toggle-block__title::after { background-color: transparent; } .toggle-block__title { position: relative; } .tasks-header.order-comment { padding-right: 40px; } .icon-arrow-transparent span, span.toggle-block__title, a.toggle-block__title span { padding-top: 5px; padding-bottom: 5px; margin-right: 0 !important; white-space: nowrap; overflow: hidden; display: block; } .toggle-block .toggle-block__title::after { top: 50%; width: 24px; height: 24px; } .toggle-block__title:not(.disabled) { cursor: pointer; color: #333; text-decoration: none; } .toggle-block__title:hover { text-decoration: none; } .toggle-block__section { display: none !important; } .toggle-block__section-content { padding: 0 15px 10px; } .toggle-block.active .toggle-block__title::after { transform: rotate(0); } .toggle-block.active .toggle-block__section { display: block !important; } .icon-arrow-transparent::after { content: ''; box-sizing: border-box; display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #333; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7' fill='none'%3E%3Cpath d='M1.59998 1.2L6.99998 6L12.4 1.2' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center !important; transform: rotate(-90deg); transition: transform 0.3s linear; margin-top: -12px; position: absolute; top: 50%; left: 0; } .persons-wages.is-open .icon-arrow-transparent::after { transform: rotate(0) !important; } .icon-arrow-white { position: relative; display: block; } .icon-arrow-white:after { position: absolute; content: ""; width: 30px; height: 30px; background-color: #FF6B00; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.59998 1.2L6.99998 6L12.4 1.2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; right: 0; top: 0; } .icon-arrow-white:hover { text-decoration: none; } .icon-arrow-white-blue { position: relative; display: block; min-height: 30px; padding-left: 50px; } .icon-arrow-white-blue:before { position: absolute; content: ""; width: 30px; height: 30px; background-color: #36A9E1; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.59998 1.2L6.99998 6L12.4 1.2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; left: 0; top: 0; } .icon-arrow-white-blue:hover { text-decoration: none; } .icon-plus { display: block; width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background: #36A9E1; position: relative; } .icon-plus:before, .icon-plus:after { position: absolute; content: ""; background: #fff; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .icon-plus:before { height: 12px; width: 0; left: 50%; margin-left: -1px; margin-top: 8px; } .icon-plus:after { height: 0px; width: 12px; top: 50%; margin-left: 8px; margin-top: -1px; } .icon-plus:hover { background: #FF6B00; } .icon-burger:before { background-image: url("/local/templates/shumovnet/images/burger.svg"); } .icon-file { padding-left: 71px; position: relative; display: inline-block; zoom: 1; *display: inline; } .icon-file > span { display: flex; align-items: center; min-height: 50px; } .icon-file:before { position: absolute; top: 0; left: 0; content: ""; width: 47px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; zoom: 1; *display: inline; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='47' height='50' viewBox='0 0 47 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M46.7319 13.531L34.0249 0.294727C33.844 0.106445 33.5944 0 33.3338 0H14.3949C12.2754 0 10.551 1.72793 10.551 3.85176V17.3077H2.87585C1.29009 17.3077 0 18.6006 0 20.1898V34.618C0 36.2071 1.29009 37.5 2.87585 37.5H10.551V46.155C10.551 48.2751 12.2754 50 14.3949 50H43.1561C45.2756 50 47 48.2761 47 46.1571V14.1978C47 13.9491 46.9039 13.7102 46.7319 13.531ZM33.5715 2.5958L44.0028 13.4615H33.5715V2.5958ZM2.87585 35.577C2.34785 35.577 1.91843 35.1468 1.91843 34.618V20.1898C1.91843 19.661 2.34794 19.2308 2.87585 19.2308H28.7773C29.3053 19.2308 29.7347 19.661 29.7347 20.1898V34.618C29.7347 35.1468 29.3052 35.577 28.7773 35.577H2.87585ZM45.0816 46.1571C45.0816 47.2157 44.2178 48.077 43.156 48.077H14.3949C13.3332 48.077 12.4694 47.2148 12.4694 46.1551V37.5H28.7773C30.363 37.5 31.6531 36.2071 31.6531 34.618V20.1898C31.6531 18.6006 30.363 17.3077 28.7773 17.3077H12.4694V3.85176C12.4694 2.78818 13.3332 1.92305 14.3949 1.92305H31.653V14.423C31.653 14.9541 32.0825 15.3846 32.6122 15.3846H45.0816V46.1571Z' fill='%2336A9E1'/%3e%3c/svg%3e "); } .icon-file > .icon-file__extension { position:absolute; top:15px; left:1px; text-transform:uppercase; width:29px; text-align:center; min-height:10px; font-size:11px; letter-spacing: -0.7px; font-weight:500; display:block; color:#36A9E1; } /* .icon-file-pdf:before { background-image: url("/local/templates/shumovnet/images/pdf.svg"); } .icon-file-png:before { background-image: url("/local/templates/shumovnet/images/png.svg"); } .icon-file-doc:before { background-image: url("/local/templates/shumovnet/images/doc.svg"); } .icon-file-jpg:before { background-image: url("/local/templates/shumovnet/images/img.svg"); } .icon-file-jpeg:before { background-image: url("/local/templates/shumovnet/images/img.svg"); } */ .icon-download:before { height: 22px; background-image: url("/local/templates/shumovnet/images/upload.svg"); } .icon-print:before { height: 22px; background-image: url("/local/templates/shumovnet/images/printer.svg"); } .icon-address:before { height: 25px; background-image: url("/local/templates/shumovnet/images/address.svg"); } .icon-phone:before { height: 25px; background-image: url("/local/templates/shumovnet/images/phone.svg"); } .icon-whatsapp:before { height: 25px; background-image: url("/local/templates/shumovnet/images/whatsapp.svg"); } .toggle-before { transition: 0.3; position: relative; padding-left: 50px; } .toggle-before:before { content: ""; display: block; width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") !important; background-color: #fff; background-position: center; background-repeat: no-repeat; } .is-open > .toggle-before:before, .is-open > * > .toggle-before:before, .is-open > * > * > .toggle-before:before { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .arrow-after { padding-right: 13px; } .arrow-after:after { position: absolute; right: 0; top: -3px; height: 20px; content: url("/local/templates/shumovnet/images/arrow.svg"); display: inline-block; zoom: 1; *display: inline; } .expandable { transition: 0.3s; display: inline-block; zoom: 1; *display: inline; } .expandable:after { content: url("/local/templates/shumovnet/images/arrow.svg"); margin-left: 7px; display: inline-block; zoom: 1; *display: inline; } .expandable.is-open:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .expandable:hover { text-decoration: none; } .order-comment-save { position:absolute; right:20px; top: 50%; margin-top: -10px; } .menu { margin: 0 0 0 0; list-style: none; display: block; } .menu > li { display: block; text-align: left; border-left: 4px solid #fff; } .menu > li > a { position: relative; display: block; height: 44px; line-height: 44px; color: #666; text-transform: uppercase; padding-left: 40px; font-weight: 500; font-size: 12px; transition-property: width, height; transition: 0.3s; } .menu > li > a.t-bold { font-weight:700; } .menu > li > a:hover { color: #36A9E1; text-decoration: none; } .menu > li > a > span.menu-count { display: inline-block; zoom: 1; *display: inline; color: #fff; text-align: center; width: 36px; height: 25px; margin-left: 16px; background: #36A9E1; line-height: 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; transition: 0.3s; } .menu > li.active { border-color: #36A9E1; background-color: #F1F6FF; } .menu > li.active a { color: #36A9E1; } .menu .icon:before { height: 42px; position: absolute; left: 6px; top: 0; bottom: 0; width:30px; } .bx-calendar-form-input { padding: 0 !important; } #calendar-date-selector { display:none } #date_selector_div { position: absolute; bottom: 0px; left: 175px } .main { padding-bottom: 100px; transition: 0.3s; } .main-inner--container { display: flex; justify-content: space-between; } .main-header { background: #fff; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06); padding: 16px 220px 0px 5px; } /*.main-header .main-inner:first-child {*/ /* padding-right: 220px;*/ /*}*/ .company-top-menu {} .main-header-text { font-weight: 500; font-size: 28px; line-height: 41px; display: inline-block; zoom: 1; *display: inline; padding-left: 20px; padding-bottom: 8px; } .main-header-text .fix { margin-right: 250px; } .main-header__stage { display: inline-block; zoom: 1; *display: inline; font-size: 13px; line-height: 20px; width: 250px; text-align: right; padding-right: 35px; } .main-header__stage:before { position: relative; top: 10px; margin-right: 9px; } .main-cols { padding-top: 24px; padding-left: 24px; padding-right: 24px; } .main-cols-right { float: right; width: 375px; padding-left: 34px; } .main-cols-left { margin-right: 375px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .main-inner--container .orders-list-help-link { position: absolute; top: 9px; right: 120px; z-index: 20; } } .form-block { padding: 30px; } .white-rounded { background: #FFFFFF; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; } .button-addcompred { display: block; margin-bottom: 20px; } .form-wrapper { margin-left: -15px; } .form-list { margin-bottom: 15px; list-style: none; } .form-list > li { padding-left: 15px; position: relative; margin-bottom: 15px; } .form-list input, .form-list textarea, .form-list .selectArea { display: block; width: 100%; } .form-list__header { width: 100%; font-weight: bold; font-size: 15px; line-height: 20px; padding-top: 5px; } .form-list__header-note { font-size: 13px; line-height: 16px; color:#aaa; font-weight:400; } .form-list textarea { height: 130px; font-size: 16px; padding-top: 12px; padding-bottom: 12px; } .form-list textarea.dirty { padding-top: 20px; padding-bottom: 4px; } .form-list textarea.small { height: 80px; } .form-list textarea.small-95 { height: 95px; } .form-list textarea.small-100 { height: 105px; } .form-list .selectArea { min-width: 210px; } .form-list .selectArea { max-width:100%; } .overlay-edit-nom .selectArea { min-width:100%; } .form-list-20 > li { margin-bottom: 20px; } .note { position: absolute; top: 3px; left: 16px; font-size: 12px; color: #A1A1A1; } label.note { padding-left: 15px; } .header-stages { height: 5px; line-height: 0; padding: 0; padding-right: 3px; margin-bottom: 18px; } .header-stages > li { margin: 0; background: #36A9E1; height: 5px; position: relative; } .header-stages > li:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 3px; height: 5px; background: #fff; } .header-stages > li.active { background: #FF6B00; } .header-stages > li.active ~ li { background: #d8d8d8; } .submenu { padding-left: 19px; } .submenu > li { padding-right: 26px; } .submenu > li > a { color: #666; display: block; padding-bottom: 6px; border-bottom: 4px solid transparent; text-transform: uppercase; font-size: 13px; } .submenu > li > a:hover { text-decoration: none; color: #333; } .submenu > li.active > a { border-color: #333; color: #333; } .right-block { margin-bottom: 15px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; } .right-block-header { background: #FFFFFF; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); padding: 12px 16px; position: relative; z-index: 2; padding-right: 55px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-size: 16px; line-height: 35px; font-weight: 700; } .right-block-body { text-align: center; background: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .right-block-body-padding, .right-block-body-padding.tasks-list { padding:13px; } .tasks-add { right: 20px; top: 14px; position: absolute; } .tasks-list { padding: 3px 0 10px 0; } .tasks-list-all { display: none; margin: 10px 0px 10px 0px; } .tasks-list-item { text-align: left; border-top: 1px solid #D8D8D8; position: relative; padding: 17px 25px; display: none; } .tasks-list-item.expired .tasks-list-item__name { color: #F21B3F; } .tasks-list-item.expired .tasks-list-item__name span { border-color: #F21B3F; } .tasks-list-item.expired .icon-time:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.7218 12.7076L15.7077 12.5152C15.4825 9.58239 14.1169 7.74386 12.9122 6.12219C11.7966 4.62056 10.8332 3.32381 10.8332 1.41045C10.8332 1.25681 10.7471 1.11638 10.6107 1.04593C10.4738 0.975104 10.3094 0.986704 10.185 1.07716C8.37568 2.37191 6.86606 4.55415 6.33872 6.63632C5.97263 8.08594 5.92419 9.7156 5.91739 10.7919C4.24652 10.435 3.86802 7.93549 3.86403 7.90829C3.84521 7.77866 3.766 7.66581 3.65077 7.60419C3.53435 7.54339 3.39749 7.53897 3.27945 7.5974C3.19184 7.6398 1.12883 8.68811 1.0088 12.8741C1.00038 13.0133 1 13.1526 1 13.2922C1 17.3585 4.30852 20.6671 8.37488 20.6671C12.4412 20.6671 15.7498 17.3585 15.7498 13.2922C15.7498 13.0881 15.7358 12.8977 15.7218 12.7076ZM8.37488 19.8476C7.01928 19.8476 5.91659 18.6729 5.91659 17.2289C5.91659 17.1797 5.9162 17.1301 5.91977 17.0693C5.93617 16.4603 6.05183 16.0446 6.17866 15.7681C6.41635 16.2787 6.84163 16.748 7.53145 16.748C7.75792 16.748 7.94118 16.5647 7.94118 16.3382C7.94118 15.7549 7.9532 15.0819 8.09844 14.4745C8.22769 13.9356 8.53655 13.363 8.92788 12.9037C9.10192 13.4998 9.44124 13.9823 9.77253 14.4533C10.2467 15.1271 10.7368 15.8237 10.8228 17.0116C10.828 17.082 10.8332 17.1529 10.8332 17.2289C10.8332 18.6729 9.73047 19.8476 8.37488 19.8476ZM10.9642 19.3123C11.3895 18.7323 11.6526 18.0154 11.6526 17.2289C11.6526 17.1325 11.6466 17.0428 11.6346 16.8752C11.5374 15.5376 10.956 14.711 10.4427 13.9816C10.0054 13.3606 9.62807 12.8241 9.62807 12.0631C9.62807 11.9074 9.54003 11.7654 9.40079 11.6962C9.26236 11.6265 9.09512 11.6422 8.97147 11.7362C8.18567 12.33 7.53026 13.3294 7.30141 14.2837C7.18457 14.7731 7.14377 15.3024 7.12937 15.7377C6.84528 15.432 6.75724 14.8655 6.75648 14.8579C6.73808 14.7262 6.65726 14.6114 6.53922 14.5502C6.42199 14.4894 6.28157 14.4878 6.16353 14.5486C6.06028 14.6014 5.15325 15.1216 5.10124 17.0349C5.09763 17.0997 5.09724 17.1645 5.09724 17.2289C5.09724 18.0155 5.36036 18.7324 5.78564 19.3123C3.45549 18.3062 1.81953 15.9874 1.81953 13.2923C1.81953 13.1694 1.81915 13.047 1.82752 12.9105C1.89793 10.4546 2.68378 9.23669 3.19671 8.69936C3.5544 9.97971 4.49147 11.6534 6.32639 11.6534C6.55286 11.6534 6.73612 11.4701 6.73612 11.2437C6.73612 9.87247 6.76692 8.28802 7.13344 6.83721C7.54954 5.19353 8.68946 3.41865 10.0655 2.21712C10.2939 3.97203 11.2498 5.25879 12.2545 6.61074C13.4488 8.21838 14.6836 9.88084 14.8904 12.5728L14.9044 12.7689C14.9172 12.9393 14.9305 13.1094 14.9305 13.2922C14.9303 15.9874 13.2944 18.3061 10.9642 19.3123Z' fill='%23F21B3F' stroke='%23F21B3F'/%3e%3c/svg%3e "); } .tasks-list-item.expired .tasks-list-item__time { color: #F21B3F; } .tasks-list-item.expired .tasks-list-item__time span { color: #F21B3F; } .tasks-list-item:first-child { display: block; border: 0; } .tasks-list-item__name { font-weight: 500; font-size: 15px; line-height: 25px; color: #008AC1; display: block; margin-right: 75px; } .tasks-list-item__name:hover { text-decoration: none; } .tasks-list-item__name span { border-bottom: 1px dotted #008AC1; } .tasks-list-item__edit { border: 1px solid #D8D8D8; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 30px; height: 30px; display: block; position: absolute; right: 25px; top: 12px; transition: 0.3s; } .tasks-list-item__edit:before { position: absolute; top: 7px; left: 7px; } .tasks-list-item__edit:hover { border-color: #36A9E1; } .tasks-list-item-info { padding-top: 3px; font-size: 13px; color: #A1A1A1; line-height: 20px; } .tasks-list-item-info span { display: block; color: #333; } .tasks-list-item__time { position: relative; padding-left: 32px; padding-right: 20px; } .tasks-list-item__time:before { position: absolute; left: 0; top: 4px; } .tasks-list-item-user { position: relative; padding-left: 30px; } .tasks-list-item-user__img { width: 20px; position: absolute; left: 0; top: 5px; } .tasks-list-expand { color: #008AC1; text-align: center; font-size: 13px; margin-top: 3px; } .tasks-list-expand.is-open ~ .tasks-list-all { display: inline-block; zoom: 1; *display: inline; } .info-block { margin-bottom: 20px; } .info-block-header { border-bottom: 1px solid #D8D8D8; font-weight: bold; font-size: 22px; line-height: 36px; padding: 17px 30px; } .info-block-body { padding: 30px 27px 0 30px; } .info-block-legend { float: right; max-width: 377px; margin-top: 80px; } .info-block-legend__header { color: #FF6B00; padding: 14px 27px; font-weight: bold; font-size: 18px; line-height: 25px; border-bottom: 1px solid #D8D8D8; } .info-block-legend__header:before { width: 30px; margin-right: 11px; position: relative; top: 3px; } .info-block-legend__body { padding: 17px 30px; } .info-block-legend__body p { margin-bottom: 10px; } .info-block__img { text-align: center; margin: 10px 413px 0px 0; } .info-block__img img { max-width: 100%; } .prices { counter-reset: price; } .price-block { counter-reset: surface; margin-bottom: 15px; } .price-block__delete { float: right; margin-right: 30px; margin-top: 20px; } .price-block__edit { float: right; margin-right: 20px; margin-top: 33px; } .price-block__save { float: right; margin-right: 20px; margin-top: 35px; } .price-block-header { background-color: #36A9E1; padding: 0 0 0 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .inactive-user-block-header {background-color: #A1A1A1;} .price-block-body { display: none; transition: 0.3s; } .is-open > .price-block-body { display: block; } .price-block-name { margin-left: 211px; margin-right: 85px; padding: 10px 20px 15px 0; border-right: 1px solid rgba(255, 255, 255, 0.4); } .price-block-name input { padding: 7px 15px; width: 100%; } .price-block-num { counter-increment: price; font-weight: bold; font-size: 20px; line-height: 40px; color: #fff; float: left; margin-top: 12px; padding-left: 55px; } .price-block-num:after { content: counter(price); } .price-block-num:before { top: 6px; } .price-block-num:hover { text-decoration: none; } .price-block-files { background-color: #F4F8FE; padding: 23px 30px 10px 30px; } .price-block-files__header { font-weight: bold; font-size: 18px; line-height: 25px; } .price-block-files-list-wrapper { position: relative; margin-top: 18px; } .price-block-files-list-item { min-height: 50px; font-size: 16px; line-height: 25px; } .price-block-files-list-item > * { vertical-align: middle; } .price-block-files-list-item__name { min-height: 50px; } .price-block-files-list-item__edit:before { position: relative; top: 4px; margin-left: 10px; } .price-block-files-list-item__input { display: inline-block; zoom: 1; *display: inline; max-width: calc(100% - 67px); } .price-block-files-list-item__input input { padding-top: 14px; padding-bottom: 14px; width: 300px; max-width: 100%; } .price-block-header .price-block-num::before, .price-block-num::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") !important; } .price-block-num-blue::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .add-file-block-button .files-button.files-button--plus::before { background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 11.5V7.5H1C0.734784 7.5 0.48043 7.39464 0.292893 7.20711C0.105357 7.01957 0 6.76522 0 6.5C0 6.23478 0.105357 5.98043 0.292893 5.79289C0.48043 5.60536 0.734784 5.5 1 5.5H5V1.5C5 1.23478 5.10536 0.98043 5.29289 0.792893C5.48043 0.605357 5.73478 0.5 6 0.5C6.26522 0.5 6.51957 0.605357 6.70711 0.792893C6.89464 0.98043 7 1.23478 7 1.5V5.5H11C11.2652 5.5 11.5196 5.60536 11.7071 5.79289C11.8946 5.98043 12 6.23478 12 6.5C12 6.76522 11.8946 7.01957 11.7071 7.20711C11.5196 7.39464 11.2652 7.5 11 7.5H7V11.5C7 11.7652 6.89464 12.0196 6.70711 12.2071C6.51957 12.3946 6.26522 12.5 6 12.5C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5Z' fill='%2336A9E1'/%3E%3C/svg%3E%0A"); } .surfaces-list-item .surfaces-list-item__header .surfaces-list-item__header-name::before, .price-block-files__header::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") !important; } .price-block-files-add { position: absolute; text-align: right; right: 0; top: 0; } .price-block-files-add__button { width: 190px; } .price-block-surfaces { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); } .price-block-surfaces__header { font-weight: bold; font-size: 18px; line-height: 25px; height: 71px; padding: 0 30px; display: flex; align-items: center; } .surfaces-list { padding: 0px; } .surfaces-list-item { border: 1px solid #D8D8D8; border-left:0; border-right:0; margin-bottom: 10px; counter-reset: service; } .surfaces-list-item-header { background-color: #F4F8FE; padding: 21px 18px 20px 20px; border-bottom: 1px solid #D8D8D8; } .surfaces-list-item-header__wrap { min-height: 69px; } .surfaces-list-item-edit-block .selectArea { min-width:170px; } .surfaces-list-item-edit-block-left { width:430px; float:left; } .surfaces-list-item-edit-block-right { margin-left:440px; } .surfaces-list-item-edit-block-right .selectArea { min-width:100px; text-align: right; } .progress-task-list-item .surfaces-list-item-header-buttons { padding-top:0; position:absolute; margin:0; right:20px; top:20px; } .surfaces-list-item-header__name { font-weight: 500; font-size: 15px; line-height: 25px; display: block; color: #333333; } .surfaces-list-item-header__name::before { top: -1px; } .surfaces-list-item-header__name:hover { text-decoration: none; } .surfaces-list-item-header-name { margin-bottom:20px; } .task-block__surface .surfaces-list-item-header-name { margin-bottom: 0; } .task-block__surface .surfaces-list-item-header__name { font-size: 16px; font-weight: 600; position: relative; display: block; } .task-block__surface .surfaces-list-item-header__name.is-hide { display: none; } .task-block__surface-header { background-color: #fafafc; border-bottom: 1px solid #e0e0e0; } .task-block__surface-block { display: none; } .task-block__surface.active .task-block__surface-block { display: block; } .task-block__surface-header-title { position: relative; padding-left: 34px; } .task-block__surface-header-title::before { content: ''; display: block; width: 24px; height: 24px; box-sizing: border-box; margin-top: -12px; border-radius: 50%; border: 1px solid #a1a1a1; position: absolute; top: 50%; left: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center; transform: rotate(-90deg); transition: transform 0.3s linear; } .task-block__surface-files-header { display: flex; justify-content: space-between; } .task-block__surface-header-title-text { margin-left: -34px; padding-left: 34px; } .task-block__surface.active .task-block__surface-header-title::before { transform: rotate(0); } .task-block__surface-files-header .task-block__surface-files-header-buttons, .task-block__surface-files-header .task-block__surface-files-header-title { padding-top: 0; height: auto; float: none; } .task-block .task-block__surface { margin-bottom: 20px; } .surfaces-list-item-header-buttons { min-width: 80px; text-align: right; } .surfaces-list-item-header-buttons > * { vertical-align: middle; margin-left: 14px; display: inline-block; zoom: 1; *display: inline; } .surfaces-list-item-header-buttons__edit { height: 25px; } .surfaces-list-item-header-buttons__save { height: 25px; } .surfaces-list-item-header-buttons__delete { height: 29px; } .form-list input.hole-input { width:94px; padding-left:15px; padding-right:15px; } .grid-40-60 > li:nth-child(2n) { width:60%; } .grid-40-60 > li:nth-child(2n+1) { width:40%; } .surfaces-list-item-edit-block-right { width:200px; text-align: right; margin-left: auto; } .form-list-subheader.discount { text-align: left; margin-left: auto; } .surfaces-list-item.is-open .surfaces-list-item-header__name { font-size: 0; display:block; float:left; margin-right: 0; margin-top: 7px; } .surfaces-list-item.is-open .surfaces-list-item-header__input { display: block; padding: 0px 40px 0 0; margin-left: 50px; max-width:756px; transition: 0.3s; position: relative; } .surfaces-list-item.is-open .surfaces-list-item-header__input input { width: 100%; font-size: 15px; } .surfaces-list-item.is-open .surfaces-list-item-header-buttons { padding-top: 14px; } .surfaces-list-item.is-open .surfaces-list-item-edit-block { display: block; padding: 15px 20px 10px 20px; transition: 0.3s; margin-left: -20px; border-top:1px solid #D8D8D8; margin-top:15px; margin-right:-18px; overflow: hidden } .surfaces-list-item.is-open .surface-save { transition: 0.3s; } .surfaces-list-item.is-open .surfaces-list-item-header-buttons__edit { } .surfaces-list-item.is-open .surfaces-list-item-header-buttons__save { display:block; position:absolute; right: 60px; top: 24px; } .progress-task-list-item .surfaces-list-item.is-open .surfaces-list-item-header-buttons__save { top: -7px; } .surfaces-list-item .surfaces-services-list { min-width: auto; } .surfaces-services-list { width: 100%; min-width: 900px; } .surfaces-services-list > div.new-service.is-hide { display: none !important; } .surfaces-services-list > div.new-set.is-hide { display: none; } .surfaces-services-list > div.header-tr > div { color: #A1A1A1; font-weight: 400; font-size: 13px; line-height: 20px; text-align: left; padding-bottom: 0; padding-top: 10px; border-top: 0; } .surfaces-services-list > div.header-tr > div.l-center { text-align: center; } .surfaces-services-list > div.header-tr + div > div { border-top: 0; padding-top: 5px; } .surfaces-services-list > div > div { padding: 12px 10px 12px 10px; border-top: 1px solid #D8D8D8; } .surfaces-services-list > div > div:first-child { padding-left: 22px; width: 60px; } .surfaces-services-list > div > div.edit-td { min-width: 35px; text-align: right; padding-right: 18px; } .surfaces-services-list > div > div.wide-td { word-break: break-word; } .surfaces-services-list__edit, .surfaces-services-list__delete { display: inline-block; zoom: 1; *display: inline; height: 20px; } .surfaces-services-list__edit:before, .surfaces-services-list__delete:before { position: relative; top: 3px; } .surfaces-services-list__delete:before { top: 4px; } .surfaces-services-list input + input { margin-bottom: 0; } .wide-td { width: 35%; } @media(min-width:1500px) { .wide-td { width: 50%; } .num-td { width: 12%; min-width: 120px; } .narrow-td { width: 8%; min-width: 100px; } } .mid-td { width: 23%; } .num-td { width: 16%; min-width: 120px; } .narrow-td { width: 10%; min-width: 120px; } .ss-name{ text-align: left; } .group-prices-checkbox-td { width: 62px!important; } .surfaces-list-item { counter-increment: surface; } .service-number { counter-increment: service; } .service-number:before { content: counter(surface); } .service-number:after { content: counter(service); } .surfaces-services-list-element { } .surfaces-services-list-element__column { box-sizing: border-box; display: table-cell !important; } .surfaces-services-list-element__column--number { min-width: 60px !important; width: 60px !important; max-width: 60px !important; } .surfaces-services-list-element__column--name { min-width: auto !important; width: 100% !important; max-width: none !important; } .surfaces-services-list-element__column--count, .surfaces-services-list-element__column--price-per-one, .surfaces-services-list-element__column--total { min-width: 120px !important; width: 120px !important; max-width: 120px !important; } .surfaces-services-list-element__column--cost { min-width: 180px !important; width: 180px !important; max-width: 180px !important; } .surfaces-services-list-element__column--edit { padding-right: 18px !important; min-width: 60px !important; width: 60px !important; max-width: 60px !important; text-align: right; } .surfaces-services-list-element__column--edit .surfaces-services-list__save { margin-right: 0 !important; } .surfaces-services-list-element__column-input { width: 100% !important; } .surfaces-services-list-element__column-input .bt { padding: 15px !important; } @media only screen and (max-width: 999px) { .surfaces-services-list-element.new-service { display: table-row-group !important; height: auto; } .surfaces-services-list-element.new-service > div { position: relative !important; padding: 0 !important; display: table-row !important; right: 0 !important; left: 0 !important; } .surfaces-services-list-element__column { display: table-cell !important; padding: 12px 10px !important; } .surfaces-services-list-element__column--price-per-one { display: table-cell !important; } } .surfaces-services-list-add > div > div { padding-top: 18px; } .footer { background: #fff; padding-left: 240px; padding-top: 25px; padding-bottom: 25px; font-size: 13px; line-height: 20px; color: #666; transition: 0.3s; } .footer.is-closed { padding-left: 90px; } .copyright { float: left; width: 300px; margin-left: 35px; } .copyright a { display: block; color: #008AC1; margin-top: 10px; } .copyleft { margin-left: 335px; padding-right: 20px; } .button-popup { min-width: 160px; } .popup-close { position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #D8D8D8; } .popup-close::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; } .form-row-wrapper { margin-left: -10px; } .form-list-row > li { padding-left: 10px; } .form-list-row > li label.note { padding-left: 10px; } .form-list-subheader { font-weight: 500; font-size: 15px; line-height: 25px; padding-top: 7px; padding-bottom: 7px; } .form-list-row__delete { margin-left: 2px; position: relative; top: 4px; } .surfaces-services-list input { padding-right: 15px; margin-bottom: 10px; } .wide-td input { width: 100%; } .services-save { margin-left: 70px; margin-bottom: 20px; min-width: 155px; } .services-save.is-visible { display: inline-block; zoom: 1; *display: inline; } .prices-button-add { margin-bottom: 10px; margin-top: 10px; min-width: 260px; } .prices-button-save { min-width: 410px; margin-right: 30px; } .prices-button-save-text { color: #666666; display: flex; align-items: center; font-size: 13px; line-height: 20px; padding-right: 100px; } .prices-button-save-text::before { min-width: 33px; margin-right: 15px; } .surfaces-buttons { margin-top: 15px; text-align: left; padding-left:15px; padding-bottom:10px; } .surfaces-buttons .button { min-width: 220px; margin-right: 15px; } .price-block-save { min-width: 220px; } .price-block-total { padding: 10px 30px; } .price-block-total-price { float: right; font-weight: bold; font-size: 26px; line-height: 23px; } .price-block-total-price > span { color: #36A9E1; margin-left: 6px; } .price-block-files-list-item { width: 33.33%; margin-bottom: 20px; white-space: nowrap; min-width: 250px; } .price-block-files-item__buttons::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='21' viewBox='0 0 5 21' fill='%23666666'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='rotate(90 2.5 2.5)'/%3E%3Ccircle cx='2.5' cy='10.5' r='2.5' transform='rotate(90 2.5 10.5)'/%3E%3Ccircle cx='2.5' cy='18.5' r='2.5' transform='rotate(90 2.5 18.5)'/%3E%3C/svg%3E%0A"); } @media (min-width:1500px) { .price-block-files-list-item { width:330px; } } .price-block-files-button { width:auto; text-align:right; max-width:inherit; padding-bottom:10px; } .price-block-files-add__button { margin-left:10px; } .price-block-files-button > div { display: inline-block; zoom: 1; *display: inline; } .menu-right { float: right; padding-right: 36px; } .menu-right > * { display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .menu-link { color: #666; display: inline-block; zoom: 1; *display: inline; text-transform: uppercase; font-size: 14px; } .menu-link > span { display: inline-block; zoom: 1; *display: inline; padding-bottom: 13px; border-bottom: 4px solid transparent; } .menu-link:hover { text-decoration: none; color: #333; } .menu-link.active span { border-color: #333; font-weight: 500; } .events { position: relative; margin-left: 16px; float: right; padding-right: 15px; height: 44px; border-bottom: 4px solid transparent; } .events > span { display: block; position: absolute; top: -6px; left: 17px; background: #FF6B00; color: #fff; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; font-size: 13px; line-height: 25px; width: 25px; transition: 0.3s; } .events-add { position: relative; top: -3px; } .events:before { position: relative; top: 2px; } .persons { text-align: left; } .persons-header { padding-right: 20px; } .persons-toggle:after { transition: 0.3s; } .right-block.is-open .persons-toggle:after { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .persons-list { display: none; } .persons-list-item { border-bottom: 1px solid #d8d8d8; padding: 14px 25px 15px 25px; text-align: left; position: relative; } .persons-list-item:last-child { border: 0; } .persons-list-item__edit { position: absolute; right: 28px; top: 24px; background-color: #36A9E1; border-radius: 100%; width: 30px; height: 30px; display: block; } .persons-list-item__edit:before { position: absolute; top: 7px; left: 7px; width: 15px; height: 15px; } .persons-list-item-name { padding-top: 5px; position: relative; padding-left: 55px; padding-right: 50px; } .persons-list-item-name__img { width: 40px; position: absolute; left: 3px; top: 5px; } .persons-list-item-user__type { font-size: 13px; color: #A1A1A1; line-height: 20px; } .persons-list-item-user__name { color: #008AC1; font-weight: 500; font-size: 15px; line-height: 25px; } .form-list-row > li.desk-block { padding-left: 0px; } .desk-block > .l-relative { display: inline-block; zoom: 1; *display: inline; width: 49%; } .desk-block > .l-relative { padding-left: 10px; } .mobile { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: #fff; } .block-switcher { width: 52px; height: 30px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background-color: #fff; padding: 0; position: relative; cursor: pointer; border: solid 3px #ffffff; box-sizing: border-box; } .block-switcher:after { content: ""; display: block; width: 24px; height: 24px; left: 22px; background-color: #ff6700; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; position: absolute; transition: 0.3s; } .block-switcher.is-inactive :after { left: 0px; background-color: #A1A1A1; } .price-block.is-inactive .price-block-switcher::after { left: 0px; background-color: #A1A1A1; } .price-block.is-inactive .price-block-header { background-color: #a1a1a1; } .price-block.is-inactive .toggle-before::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23a2a2a2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .price-block.is-inactive .price-block-num::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .price-block-switcher { float: right; margin-top:20px; margin-right: 30px; } .price-block-switcher-calc { position:absolute; right:55px; top: 22px; margin:0; float:none; } .price-block-title { padding: 22px 30px 18px 30px; margin-left: 118px; margin-right: 100px; font-size: 22px; line-height: 30px; color: #fff; font-weight: 500; } .price-block.compred .price-block-num { font-size: 22px; line-height: 30px; margin-top: 22px; padding-left: 45px; } .price-block.compred .price-block-num:before { top: -2px; } .price-block.compred .surfaces-list { padding-bottom: 7px; } .price-block.compred .price-block-total { padding-top: 0; padding-bottom: 23px; } .price-block.compred .price-block-total-price { font-weight: 500; font-size: 22px; line-height: 30px; } .price-block.compred .price-block-total-price > span { margin-left: 11px; } .price-block-total { overflow: hidden; } .too-wide-td { min-width: 50%; } .min-td { width: 15%; } /* .surfaces-services-list > div > div { padding: 18px 10px 14px 10px; } .surfaces-services-list > div.header-tr + div > div { padding-top: 12px; } */ .download { margin-top: 40px; margin-bottom: 40px; } .download-block { display: inline-block; zoom: 1; *display: inline; position: relative; } .download-list { display: none; position: absolute; background: #fff; left: 0; right: 0; list-style: none; z-index: 2; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-top: 5px; } .download-list:before { position: absolute; content: ""; border: 10px solid transparent; width: 0; height: 0; border-bottom: 10px solid #fff; top: -20px; left: 50%; margin-left: -10px; } .download-list:after { position: absolute; content: ""; top: -5px; left: 0; right: 0; height: 5px; } .download-list > li { padding: 7px 20px; border-bottom: 1px solid #D8D8D8; box-sizing: border-box; } .download-list > li:last-child { border: 0; } .download-list > li a { color: #008AC1; font-size: 15px; line-height: 25px; } .download-button { position: relative; background-color: #008AC1; min-width: 220px; } .download-button:hover { background-color: #008AC1; } .download-button:before { margin-right: 15px; content: url("/local/templates/shumovnet/images/download.svg"); position: relative; top: 6px; } .download-button:hover + .download-list, .download-list:hover { display: block; } .download-list-execution { display: none; position: absolute; background: #fff; left: -130px; right: -25px; top: 25px; list-style: none; z-index: 3; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-top: 5px; } .download-list-execution:after { position: absolute; content: ""; top: -5px; left: 0; right: 0; height: 5px; } .download-list-execution > li { padding: 7px 20px; border-bottom: 1px solid #D8D8D8; box-sizing: border-box; } .download-list-execution > li:last-child { border: 0; } .download-list-execution > li a { color: #008AC1; font-size: 15px; line-height: 25px; } .icon-download-svg:hover + .download-list-execution, .download-list-execution:hover { display: block; } .save-prices-block { justify-content: space-between; } .save-prices { min-width: 220px; margin-bottom: 20px; } .save-total { text-align: right; font-weight: 500; font-size: 22px; line-height: 30px; } .save-total span { display: block; font-weight: 500; font-size: 31px; line-height: 45px; color: #36A9E1; } .prices { padding-bottom: 0; margin-bottom: 0; } .documents-header { display: flex; justify-content: space-between; } .documents-header-buttons{ } .documents-add-button { margin-left: 15px; } .documents-list { padding: 0 30px 17px 30px; } .documents-list-item { position: relative; border-bottom: 1px solid #D8D8D8; padding-bottom: 30px; padding-top: 37px; padding-left: 190px; max-width:1000px;} .documents-list-item:before { content: ""; width: 80px; height: 80px; background-image: url("/local/templates/shumovnet/images/document.svg"); background-repeat: no-repeat; background-position: 50%; position: absolute; left: 44px; top: 44px; } .documents-list-item:last-child { border: 0; } .documents-list-item-header { margin-bottom: 18px; } .documents-list-item-header__name { font-weight: 500; font-size: 22px; line-height: 30px; } .documents-list-item-buttons { float: right; margin-top: -3px; } .document-sign { margin-top: 7px; display: block; position: relative; padding-left: 26px; color: #36A9E1; margin-bottom: 12px; } .document-sign:before { position: absolute; content: ""; left: -2px; top: 2px; width: 20px; height: 20px; background-image: url("/local/templates/shumovnet/images/ok.svg"); } .document-download, .document-print { font-weight: 500; color: #008AC1; display: block; min-height: 30px; position: relative; padding-left: 35px; margin-bottom: 11px; } .document-download:before, .document-print:before { position: absolute; top: 2px; left: 0; background-position: 50%; background-repeat: no-repeat; } .document-info-subheader { font-weight: bold; font-size: 18px; line-height: 25px; margin: 24px 0 14px 0; } .document-info-row-cell { padding-right: 40px; min-width: 220px; vertical-align:top;} .document-info-row-cell__name { margin-bottom: 2px; font-size: 13px; line-height: 20px; color: #A1A1A1; } .document-info-row-cell--double { min-width: 480px; } .unsigned { color: #F21B3F; } .unsigned:before { background-image: url("/local/templates/shumovnet/images/x-square.svg"); } .button-rounded { font-weight: 500; font-size: 12px; line-height: 15px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; border: 1px solid #36A9E1; text-transform: uppercase; color: #36A9E1; text-align: center; display: inline-block; zoom: 1; *display: inline; padding: 6px 16px; } .button-rounded:hover { text-decoration: none; color: #fff; background-color: #36A9E1; } .events-list { padding: 0; } .events-list-item { padding: 20px 30px 15px 30px; margin-bottom: 20px; position: relative; } .events-list-item:after { content: url("/local/templates/shumovnet/images/bell.svg"); position: absolute; top: 28px; right: 25px; position: absolute; } .events-list-item.event-message:after { content: url("/local/templates/shumovnet/images/mail.svg"); } .events-list-item.event-time:after { content: url("/local/templates/shumovnet/images/time.svg"); } .events-list-item-name { font-weight: bold; font-size: 18px; line-height: 25px; margin-bottom: 20px; margin-bottom: 11px; } .events-list-item-header { padding-right: 30px; min-height: 40px; margin-bottom: 27px; } .events-list-item-header-date { font-size: 13px; line-height: 12px; } .events-list-item-text { font-size: 15px; line-height: 25px; } .events-list-item-text p { margin-bottom: 10px; } .events-list-item-user { min-height: 40px; padding-left: 55px; position: relative; } .events-list-item-user__name { color: #008AC1; font-weight: 500; display: inline-block; zoom: 1; *display: inline; position: relative; top: -3px; } .events-list-item-user__name:hover { text-decoration: none; } .events-list-item-user__img { max-width: 40px; position: absolute; left: 0; top: 0; border-radius: 100%; } .events-list-item-button { margin: 12px 0 15px 0; } .events-list-item-subheader { font-weight: 500; margin-top: 8px; margin-bottom: 8px; } .main-header-title { font-weight: 500; font-size: 28px; line-height: 45px; padding: 0px 16px 16px 19px; } .main-header-title span { display: inline-block; zoom: 1; *display: inline; background: #36A9E1; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color: #fff; font-size: 15px; line-height: 30px; text-align: center; padding: 0 10px; position: relative; top: -6px; margin-left: 20px; } .main-header-button { float: right; min-width: 160px; margin-right: 24px; } .filter-block { position: relative; } .filter-block .main-header-button { margin-right: 0px; right: 20px; position: absolute; top:10px; line-height: 25px; z-index:2; } @media (max-width:768px) { .filter-block .main-header-button { right:12px; top:8px; line-height:20px; font-size:13px; } } .main-fullwidth { padding: 24px 24px 0px 24px; } .filter-block-header { padding: 15px 25px; } .filter-block-header-title { font-weight: bold; font-size: 18px; line-height: 30px; cursor: pointer; } .filter-block-header-title:before { transition: 0.3s; } .filter-block-body { display: none; padding: 24px 30px 30px 30px; border-top: 1px solid #D8D8D8; } .filter-block.is-open .filter-block-header-title:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .filter-block.is-open .filter-block-body { display: block; } .filter-list { list-style: none; } .filter-list > li { margin-bottom: 5px; } .filter-cols-left { width: 38%; } .filter-cols-right { width: 62%; max-width: 622px; } .form-list .date-to { width: 135px; margin-left: 7px; } .form-list .date-to:before { content: "–"; position: absolute; left: 0; top: 50%; line-height: 0; } .form-list .date-from { width: 150px; } .form-list .date-from-end { width: 170px; margin-left: 5px; } .form-list .fix-block { padding: 0; } .filter-button { margin-top: 20px; min-width: 180px; } .requests { padding-top: 28px; } .requests-header { font-weight: 500; font-size: 20px; line-height: 28px; margin-bottom: 16px; position: relative; } .requests-list { position: relative; border-spacing: 0 5px; } .requests-list > div > div { vertical-align: middle; } .requests-list > div > div:first-child { padding-left: 24px; } .requests-list > .requests-list-header > div { padding: 0px 10px 9px 20px; } .requests-list-item { box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); } .requests-list-item > div { padding: 12px 10px 13px 20px; background: #fff; } .requests-list-item > div:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .requests-list-item > div:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .requests-list-item-name { min-width: 50%; } .requests-list-item-name__value { color: #008AC1; font-weight: 500; } .requests-list-item-city,.requests-list-item-manager { width: 170px; font-size: 15px; line-height: 25px; } .requests-list-item-city { font-weight: 500; } .requests-list-item-date { width: 110px; } .requests-list-item-date > span { display: block; color: #a1a1a1; } .requests-list-item-status { width: 204px; } .filter-settings { position: absolute; right: 0; bottom: -60px; } .table-sort { font-weight: 500; } .table-sort > * { vertical-align: middle; display: inline-block; zoom: 1; *display: inline; } .table-sort:hover { text-decoration: none; } .sort { border-bottom: 1px dotted #333; margin-right: 5px; line-height: 100%; color: #333; } .sort-arrow { margin-left: 5px; } .sort-arrow:before { content: ""; width: 12px; height: 12px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L6 6L11 1' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); display: block; background-position: center; background-repeat: no-repeat; } .sort-arrow.is-active:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L6 6L11 1' stroke='%23FF6B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .sort-desc:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pagination { padding-top: 28px; } .pagination-block { float: right; } .pagination-list { list-style: none; } .pagination-list > li { margin: 0; border-right: 1px solid #d8d8d8; padding: 0; text-align: center; } .pagination-list > li:last-child { border: 0; } .pagination-list > li > a, .pagination-list > li > span { display: block; width: 45px; height: 45px; font-size: 16px; line-height: 45px; } .pagination-list > li > span { font-weight: 500; color: #000; } .pagination-list > li > a { color: #36A9E1; } .pagination-list > li > a:hover { text-decoration: none; color: #000; } .pagination-button { min-width: 180px; } .d-scroll { display: none; } .main-header-top-list { display: table; font-size: 0; width: 100%; } .main-header-top-list > div { font-size: 15px; display: table-cell; } .main-header-top-list-select { width: 50%; } .main-header-top-list-select .bt { padding: 15px 40px 15px 13px; font-size: 15px; } .main-header-top-list-select .selectArea { margin-bottom: 10px; } .main-header-top-list-address, .main-header-top-list-phone, .main-header-top-list-whatsapp { padding-top: 15px; padding-bottom: 20px; } .main-header-lkk { padding-top: 10px; padding-left: 0; } .main-header-top { padding-left: 33px; padding-right: 33px; } .main-header-bottom-wrap { border-top: 1px solid #D8D8D8; } .main-header-bottom { padding: 20px 33px 18px 33px; padding-right: 200px; } .top-address-block, .top-phone-block, .top-whatsapp-block { white-space: nowrap; text-align: right; } .top-address-block:before, .top-phone-block:before, .top-whatsapp-block:before { margin-right: 10px; vertical-align: bottom; } .top-address-block span { margin-right: 5px; } .icon-address-link { position: relative; } .icon-address-link span { color: #008AC1; border-bottom: 1px dotted #008AC1; } .icon-address-link:hover { text-decoration: none; } .top-phone-block, .top-whatsapp-block { font-weight: 500; margin-left: 35px; } .main-header-bottom-title { font-weight: 500; font-size: 31px; line-height: 45px; } .main-header-bottom-withbutton { padding-right: 200px; position: relative; } .main-header-bottom-button-block { position: absolute; right: 33px; top: 15px; } .message-block-header-list-button { text-align: right; width: 40%; } .answer-button { width: 125px; } .message-block { margin-bottom: 20px; } .message-block-header { padding: 15px 30px 10px 30px; border-bottom: 1px solid #d8d8d8; } .message-block-header-list > div { vertical-align: top; } .events-list-item-header-type { font-size: 13px; line-height: 15px; color: #A1A1A1; } .message-title { font-weight: 500; font-size: 22px; line-height: 30px; } .message-date { font-size: 13px; line-height: 20px; color: #A1A1A1; position: relative; top: -4px; } .message-block-header-text { padding-top: 15px; } .message-block-header-text p { margin-bottom: 10px; } .events-list-item-user__date { font-size: 13px; line-height: 20px; margin-left: 5px; color: #a1a1a1; vertical-align: top; } .message-block-body { padding: 25px 30px 1px 30px; } .message-block-body__header { font-weight: bold; margin-bottom: 25px; font-size: 18px; line-height: 25px; } .message-block-comment { margin-bottom: 28px; } .message-block-comment__text { margin-top: 10px; } .message-block-comment__text p { margin-bottom: 10px; } .message-block { margin-bottom: 15px; } .first-enter-block { background: #36A9E1; padding: 30px; color: #fff; text-align: center; margin-bottom: 20px; } .first-enter-block:before { content: url("/local/templates/shumovnet/images/first-enter.svg"); } .first-enter-block__text { font-size: 18px; font-weight: 300; line-height: 30px; max-width: 700px; margin: 20px auto 10px auto; } .first-enter-agreement { padding: 24px 30px; } .subheader { font-weight: 500; font-size: 22px; line-height: 30px; margin-bottom: 20px; } .agreement-text { border: 1px solid #d8d8d8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; height: 220px; overflow-y: auto; padding: 10px 5px 10px 20px; margin-top: 28px; font-size: 16px; line-height: 25px; } .sms-text { margin: 38px 0 15px 0; font-size: 18px; line-height: 25px; font-weight: 700; } .dotted { color: #008AC1; border-bottom: 1px dotted #008AC1; } .dotted:hover { text-decoration: none; } .sms-input-block__input { display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 110px; margin-right: 15px; } .manager-block { padding: 40px; background: #F4F8FE; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin: 50px 0 40px 0; max-width: 812px; } .manager-block__img { width: 170px; float: left; margin-right: 40px; } .manager-block__img img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: block; max-width: 100%; } .manager-block__header { color: #666666; font-size: 18px; line-height: 25px; font-weight: 700; } .manager-block__name { font-weight: 500; font-size: 31px; line-height: 45px; margin: 5px 0; } .manager-block-text { margin-left: 210px; padding-top: 10px; } .manager-block-contacts { list-style: none; } .help-note-text { max-width: 725px; margin-bottom: 20px; } .sms-popup-text { padding-bottom: 20px; } .notifications-switcher { height: 25px; width: 45px; border: 1px solid #D8D8D8; box-sizing: border-box; } .notifications-switcher:after { top: 2px; width: 19px; height: 19px; background: #36A9E1; } .notifications-switcher[data-id="1"]:after { background: #98999a; } .notifications-switcher[data-id="0"]:after { left: 2px; } .notifications-switcher-block { margin-bottom: 25px; } .notifications-switcher-block > * { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 10px; } .notifications-switcher-block label { color: #666; cursor: pointer; } .notifications-switcher-block label.active { color: #333; } .main-notifications { padding-top: 25px; } .notifications-user { margin-top: 5px; font-weight: 400; color: #000; } .notifications-list-item { padding-top: 15px; } .notification { position: relative; margin-bottom: 20px; } .notification:before { content: ""; width: 4px; height: 50px; content: ""; position: absolute; top: 15px; left: 0px; } .notification.expired:before { background-color: #F21B3F; } .notification.expired .notification-header__title { color: #F21B3F; } .notification.expired .notification-header__date { color: #F21B3F; } .notification.expired .notification-header__date:before { width: 20px; height: 27px; position: relative; top: 8px; margin-right: 13px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='27' viewBox='0 0 20 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.9658 15.8823L18.9487 15.6377C18.6738 11.9096 17.0073 9.57253 15.5371 7.51113C14.1758 5.60231 13 3.95394 13 1.52175C13 1.32645 12.895 1.14794 12.7285 1.05839C12.5615 0.968353 12.3608 0.983099 12.209 1.09809C10.001 2.74392 8.1587 5.51789 7.51516 8.16467C7.06839 10.0074 7.00928 12.0789 7.00098 13.4471C4.96192 12.9934 4.50002 9.81612 4.49514 9.78155C4.47217 9.61677 4.37552 9.47331 4.23489 9.395C4.09281 9.3177 3.9258 9.31209 3.78175 9.38635C3.67483 9.44026 1.15722 10.7728 1.01073 16.0939C1.00047 16.2709 1 16.4479 1 16.6253C1 21.7943 5.03758 26 10 26C14.9624 26 19 21.7943 19 16.6253C19 16.366 18.9829 16.1239 18.9658 15.8823ZM10 24.9584C8.34569 24.9584 7 23.4651 7 21.6296C7 21.567 6.99953 21.5039 7.00389 21.4266C7.02391 20.6525 7.16505 20.1241 7.31983 19.7726C7.60989 20.4216 8.12889 21.0182 8.97072 21.0182C9.24709 21.0182 9.47073 20.7853 9.47073 20.4974C9.47073 19.7558 9.48541 18.9004 9.66264 18.1283C9.82037 17.4432 10.1973 16.7153 10.6749 16.1315C10.8873 16.8893 11.3013 17.5027 11.7056 18.1013C12.2843 18.9578 12.8824 19.8433 12.9874 21.3533C12.9937 21.4428 13.0001 21.5329 13.0001 21.6295C13 23.4651 11.6543 24.9584 10 24.9584ZM13.1599 24.2779C13.6789 23.5407 14 22.6294 14 21.6296C14 21.507 13.9927 21.393 13.978 21.18C13.8594 19.4797 13.1499 18.4289 12.5235 17.5017C11.9898 16.7124 11.5293 16.0303 11.5293 15.063C11.5293 14.8651 11.4219 14.6845 11.252 14.5966C11.083 14.508 10.879 14.5279 10.7281 14.6474C9.76909 15.4022 8.96927 16.6727 8.68998 17.8857C8.54739 18.5078 8.49761 19.1807 8.48003 19.734C8.13334 19.3455 8.02591 18.6253 8.02497 18.6156C8.00252 18.4483 7.90389 18.3023 7.75984 18.2245C7.61678 18.1472 7.44541 18.1452 7.30136 18.2225C7.17536 18.2896 6.06845 18.9508 6.00498 21.3829C6.00058 21.4654 6.00011 21.5477 6.00011 21.6296C6.00011 22.6294 6.3212 23.5407 6.8402 24.2779C3.99658 22.9989 2.00012 20.0514 2.00012 16.6254C2.00012 16.4693 1.99966 16.3137 2.00987 16.1402C2.0958 13.0183 3.05481 11.4702 3.68078 10.7871C4.11728 12.4147 5.26084 14.5422 7.50011 14.5422C7.77648 14.5422 8.00012 14.3092 8.00012 14.0213C8.00012 12.2783 8.03772 10.2643 8.485 8.42003C8.9928 6.33066 10.3839 4.07449 12.0631 2.54715C12.3419 4.77793 13.5084 6.41361 14.7345 8.13215C16.192 10.1757 17.6989 12.289 17.9513 15.7109L17.9684 15.9601C17.984 16.1768 18.0002 16.393 18.0002 16.6254C18 20.0513 16.0036 22.9989 13.1599 24.2779Z' fill='%23F21B3F' stroke='%23F21B3F'/%3e%3c/svg%3e "); } .notification.expired .notification-header__type { color: #F21B3F; } .notification.today:before { background-color: #FF6B00; } .notification.today .notification-header__title { color: #FF6B00; } .notification-header { padding: 0 24px; padding-right: 185px; position: relative; } .notification-header__type { position: absolute; top: 4px; right: 30px; font-size: 13px; line-height: 20px; text-align: right; } .notification-header__type:before { margin-top: 8px; margin-right: 14px; } .notification-header__type > span { float: right; width: auto; display: block; width: 105px; text-align: left; } .notification-header__title { font-weight: bold; font-size: 16px; line-height: 25px; } .notification-header__date { margin-top: 5px; } .notification-header__date:before { width: 26px; height: 27px; position: relative; top: 8px; margin-right: 13px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 24C18.8513 24 24 18.8513 24 12.5C24 6.14873 18.8513 1 12.5 1C6.14873 1 1 6.14873 1 12.5C1 18.8513 6.14873 24 12.5 24Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12.5 5.60002V12.5L15.95 15.95' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .notification-header__date:hover:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 24C18.8513 24 24 18.8513 24 12.5C24 6.14873 18.8513 1 12.5 1C6.14873 1 1 6.14873 1 12.5C1 18.8513 6.14873 24 12.5 24Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12.5 5.60002V12.5L15.95 15.95' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .notification-body { padding: 15px 24px 15px 24px; } .notification__span { font-size: 13px; line-height: 20px; color: #a1a1a1; } .notification__text { padding-top: 5px; } .notification__text ol, .notification__text ul { padding-left: 16px; } .notification__text li { margin-bottom: 10px; } .notification__text p { margin-bottom: 10px; } .notification-footer { border-top: 1px solid #d8d8d8; width: 100%; } .notification-footer > div { padding: 16px 16px 14px 16px; } .notification-footer > div:first-child { padding-left: 24px; } .notification-footer > div:last-child { padding-right: 24px; } .notification-footer-from, .notification-footer-to { border-right: 1px solid #d8d8d8; min-width: 250px; } .notification-footer-edit { display: block; width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #d8d8d8; box-sizing: border-box; text-align: center; line-height: 30px; float: right; } .notification-footer-edit-block { text-align: right; } .notification-footer-doc__name { display: block; position: relative; padding-left: 40px; } .notification-footer-doc__name:before { margin-right: 14px; left: 0; position: absolute; top: 0; bottom: 0; height: auto; } .filter-cols-left-wide { width: 51%; } .filter-cols-left-wide + .filter-cols-right { width: 49%; } .form-list .mini-select, .mini-select { min-width: 180px; width: 180px; } .users-list-item-city { width: 230px; } .users-stars { text-align: center; } .stars-text { color: #666666; font-size: 13px; line-height: 20px; } .stars-count { font-weight: bold; font-size: 26px; line-height: 30px; color: #FF6B00; } .requests-list-item-status.users-stars { padding-right: 50px; } .main-header-separator { border-top: 1px solid #D8D8D8; margin-top: 4px; margin-bottom: 10px; } .user-events { padding-right: 7px; } .user-events > span { top: 0; left: 0; } .user-block { padding: 16px 20px 10px 20px; } .user-block-right { float: right; width: 31%; background: #36A9E1; box-shadow: 0px 4px 10px rgba(54, 169, 225, 0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .user-block-form { margin-right: 34%; } div.form-list__header { margin-bottom: 15px; } .user-button { margin-bottom: 20px; margin-top: 25px; } .user-block-right-top, .user-block-right-bottom { padding: 25px; color: #fff; } .user-block-right-top { padding-bottom: 11px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .user-block-right-bottom { padding-top: 21px; } .user-stars-header { font-weight: bold; font-size: 18px; line-height: 25px; margin-bottom: 10px; } .user-stars-all { height: 20px; width: 240px; margin-bottom: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.3' d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .user-stars-actual { height: 20px; background-repeat: repeat-x; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .user-stars-number { font-weight: bold; font-size: 26px; line-height: 40px; } .user-stars-number-text { line-height: 36px; display: inline-block; vertical-align: top; } .user-register:before { margin-right: 12px; position: relative; top: 4px; } .user-block-right-button { margin-top: 30px; display: block; } .user-block-right-button-dep { margin-top: 0; text-align: center; } .user-block-right-dep { box-shadow: none; background: transparent; max-width: 285px; } .filter-list-horizontal { margin-top: 5px; } .filter-list-horizontal > li { padding-right: 25px; margin-bottom: 10px; } .user-button-dep { margin-top: 0; } .deps-list .price-block-num::after { content: ""; } .lkk-list .price-block-num::before, .deps-list .price-block-num::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .lkk-list .user-form-block .price-block-num::before, .deps-list .user-form-block .price-block-num::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .deps-list .price-block-num > .counter { display: inline-block; zoom: 1; *display: inline; margin-right: 5px; } .deps-list .price-block-num > .counter:before { content: counter(price); } .deps-list .price-block-name { height: 65px; } .deps-list .price-block-name input, .deps-list .price-block-name .drivers_full_name, .deps-list .price-block-name .form-wrapper { display: none; } .deps-list .price-block.is-open .dep-name { display: none; } .deps-list .price-block.is-open .price-block-name input, .deps-list .price-block.is-open .price-block-name .form-wrapper, .deps-list .price-block.is-open .drivers_full_name { display: block; } .dep-name { display: inline-block; zoom: 1; *display: inline; } .dep-button-add { margin-top: 5px; padding-left: 30px; padding-right: 30px; font-size: 16px; } .managers-list .price-block-name { margin-left: 55px; padding-top: 10px; } .managers-list .price-block-num { height:auto; padding-bottom:10px; width: auto; } .managers-list .price-block.is-open .price-block-num { width: 0; padding-left: 30px; } .user-block-right-man { color: #fff; padding: 22px 10px 22px 23px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); position: relative; display: flex; align-items: center; } .user-block-right-man.noborder { border: 0; } .manager-num { font-weight: 500; font-size: 31px; line-height: 32px; text-align: center; width: 40px; display: inline-block; zoom: 1; *display: inline; margin-right: 20px; vertical-align: middle; position: absolute; } .manager-num-text { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 15px; line-height: 25px; display: block; padding-left: 57px; } .deps { height: 255px; overflow-y: auto; border: 1px solid #D8D8D8; padding: 5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; margin-top: 5px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #D8D8D8; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; } .mCSB_scrollTools .mCSB_draggerRail { background: transparent; } .deps-list-ul > li { margin-right: 10px; border-bottom: 1px solid #D8D8D8; padding: 7px 20px; } .deps-list-ul > li:last-child { border: 0; } .deps-list-ul > li label { font-size: 16px; color: #666666; } .deps-list-ul .checkboxArea { border: 0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='9.5' stroke='%23D8D8D8'/%3e%3cpath d='M6 10L9 13L14 8' stroke='%23D8D8D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); position: relative; top: 3px; margin-right: 13px; } .deps-list-ul .checkboxAreaChecked { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='10' cy='10' r='10' fill='%23FF6B00'/%3e%3cpath d='M6 10L9 13L14 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"); } .deps-list-ul .checkboxAreaChecked ~ label { color: #333; } .form-wrapper-10 { margin-left: -10px; } .form-list-10 > li { padding-left: 10px; } .user-block-right-man { padding-left: 18px; min-height: 70px; box-sizing: border-box; padding-top: 17px; padding-bottom: 17px; } .worker-right-block-bottom { padding-top: 0; } .worker-right-block-bottom .user-block-right-button { margin-top: 10px; } .groups-list .price-block-name { padding-top: 15px; } .deps-list { margin-top: 5px; } .manager-num-text a { color: #fff; text-decoration: underline; } .dep-select-cell { position: relative; width: 55%; } .dep-select-cell .selectArea { width: 100%; } .projects-filter > div { vertical-align: top; } .filter-button-projects { margin-top: 0; margin-left: 20px; padding-top: 12px; padding-bottom: 12px; display: block; width: auto; margin-right: 0px; min-width: 200px; font-size: 18px; } .projects-date { margin-right: 0px; margin-bottom: 0; } .projects-date > li { padding-right: 0; margin-bottom: 5px; } .projects-filter-dates { width: 295px; min-width: 295px; max-width: 295px; } .dep-select-cell .note { left: 7px; } .projects { padding-top: 33px; } .team-cell { width: 35%; } .side-dots:hover .icon-dots:before { width: 25px; height: 30px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='7' viewBox='0 0 25 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3.5' cy='3.5' r='2.5' stroke='%23FF6B00' stroke-width='2'/%3e%3ccircle cx='12.5' cy='3.5' r='2.5' stroke='%23FF6B00' stroke-width='2'/%3e%3ccircle cx='21.5' cy='3.5' r='2.5' stroke='%23FF6B00' stroke-width='2'/%3e%3c/svg%3e "); } .side-dots:hover .dots-block { display: block; } .dots-block { display: none; position: absolute; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 17px 26px 11px 20px; box-shadow: 0px -2px 10px 2px rgba(0, 0, 0, 0.06); z-index: 30; text-align: left; right: -7px; top: 30px; } .dots-block:before { content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -20px; right: 10px; } .dots-list { list-style: none; } .dots-list li { margin-bottom: 6px; } .dots-list a { white-space: nowrap; } .dots-list a:hover { text-decoration: none; color: #333333; } .logo { padding-left: 0; } .manager_role_choose { font-size: 11px; display: flex; justify-content: space-between; min-width: 148px; } .side.is-closed { z-index: 10; } .side.is-closed .dots-block { left: 22px; right: auto; } .side.is-closed .dots-block:before { left: 13px; right: auto; } .payments-subheader { border-top: 1px solid #D8D8D8; background-color: #fff; padding: 13px 20px 13px 20px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; } .payments-header { box-shadow: none; padding-top: 13px; padding-bottom: 12px; } .payments-all-label { color: #a1a1a1; font-size: 13px; line-height: 20px; } .payments-all-sum { font-size: 18px; line-height: 25px; font-weight: bold; color: #FF6B00; } .payments-all-sum-total { color: #333; width: 120px; text-align: left; float: right; } .payments-add { top: 13px; } .payments-body { padding: 17px 25px 17px 25px; text-align: left; } .payments-block-list-sum { font-weight: 500; } .payments-block-list-date { font-size: 13px; line-height: 25px; text-align: right; } .payments-block-list-date span { color: #A1A1A1; } .payments-all { text-align: center; margin-top: 20px; } .payments-all-link { font-size: 13px; } .main-header-lkk2 { padding-top: 0; } .title-count { display: inline-block; zoom: 1; *display: inline; background: #36A9E1; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color: #fff; font-size: 15px; line-height: 30px; text-align: center; padding: 0 10px; position: relative; top: -6px; margin-left: 20px; } .lkk-header-button { width: 240px; } .requests-lkk { padding-top: 0; } .requests-lkk .requests-list-item-date { font-weight: 500; font-size: 15px; line-height: 25px; } .date-th { white-space: nowrap; min-width: 150px; } .lkk-main-inner { padding-top: 30px; } .requests-total-sum { margin-top: 26px; } .requests-list-item-price { font-weight: 500; } .requests-list-item-address { color: #666666; } .lkk-right-block { background: #fff; padding: 20px 25px 7px 25px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .lkk-right-block-header { font-weight: 500; margin-bottom: 3px; font-size: 15px; line-height: 25px; } .lkk-right-block-date { font-size: 13px; line-height: 20px; margin-bottom: 17px; } .lkk-right-block-date span { color: #a1a1a1; } .price-block-lkk { float: none; display: block; padding-top: 18px; padding-bottom: 17px; font-weight: 500; font-size: 22px; line-height: 30px; margin-top: 0; } .price-block-lkk:before { top: 19px; } .lkk-list .price-block-header { padding-left: 20px; } .lkk-list .price-block-num { padding-left: 50px; } .lkk-list .price-block-num:after { display: none; } .l-tabs.submenu { padding-left: 0; border-bottom: 1px solid #D8D8D8; margin-bottom: 25px; } .l-tabs.submenu > li { margin-right: 1px; } .l-tabs.submenu > li.active { font-weight: 500; margin-right: 0px; } .l-tabs.submenu > li > a { padding-bottom: 8px; } .lkk-user-block { padding: 15px 30px; } .user-lkk-button { margin-top: 0; min-width: 175px; } .form-list-lkk { margin-bottom: 5px; } .delete-lkk-user { color: #F21B3F; margin-left: 30px; margin-bottom: 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: super; } .delete-lkk-user:before { margin-right: 10px; position: relative; top: 4px; } .lkk-list .price-block { margin-bottom: 15px; } .lkk-user-add { margin-top: 30px; } .lkk-password-text { font-size: 13px; line-height: 20px; color: #666; } .checkbox-group { margin-top: 13px; position: relative; padding-left: 33px; } .checkbox-group .checkboxArea { position: absolute; left: 0; } .checkbox-group label { font-weight: 500; } .main-header__stage-link { box-sizing: border-box; font-size: 15px; line-height: 25px; margin-top: 10px; } .payment-block { padding: 20px 35px 15px 35px; display: inline-block; zoom: 1; *display: inline; margin-right: 15px; vertical-align: top; } .payments-all-total { font-weight: bold; font-size: 26px; line-height: 40px; } .payments-all-total-payed { color: #36A9E1; } .payments-all-total-rest { color: #FF6B00; } .payment-block.double { overflow: hidden; padding-left: 30px; padding-right: 30px; padding-top: 0; padding-bottom: 0; margin-right: 60px; } .payment-block.double > div { float: left; padding-top: 20px; padding-bottom: 15px; } .payment-block.double > div:first-child { padding-right: 30px; border-right: 1px solid #D8D8D8; } .payment-block.double > div:last-child { padding-left: 30px; } .add-payment-button { margin-top: 20px; width: 180px; } .payments-list { background: #fff; margin-top: 30px; } .payments-list-item > div { border-bottom: 1px solid #D8D8D8; padding: 15px 25px 10px 25px; } .payments-list-item:last-child > div { border: 0; } .payments-list-item-date { font-size: 13px; line-height: 20px; margin-bottom: 5px; } .payments-list-item-date span { color: #a1a1a1; } .payments-list-item-price { font-weight: bold; font-size: 18px; line-height: 25px; } .payments-list-item-user { font-weight: 500; margin-bottom: 5px; } .payments-help { margin-top: 40px; } .payments-help-link:before { margin-right: 10px; float: left; } .payments-list-item-note { color: #666; } .docs-list-item-buttons { width: 320px; } .docs-list { margin-bottom: 47px; } .docs-list-item > div { padding: 14px 20px 13px 20px; vertical-align: top; border-bottom: 1px solid #D8D8D8; } .docs-list-item:last-child > div { border: 0; } .docs-list-item-desc, .docs-list-item-ext { margin-left: 65px; font-size: 13px; line-height: 20px; } .docs-list-item-desc { color: #A1A1A1; } .docs-list-item-desc a { color: #A1A1A1; text-decoration: underline; } .docs-list-item-name { font-weight: 500; margin-top: 5px; padding-left: 65px; margin-top: 2px; } .docs-list-item-name:before { top: 5px; } .docs-list-item-buttons { text-align: right; } .docs-list-item-buttons > .button { padding-left: 12px; padding-right: 12px; margin-left: 15px; min-width: 95px; } .docs-list-item-versions { color: #A1A1A1; font-size: 13px; line-height: 20px; text-decoration: underline; } .docs-list-item-versions-wrap { text-align: left; margin-left: 35px; margin-top: 8px; } .docs-add-button { width: 313px; margin-right: 29px; } .docs-help { display: inline-block; zoom: 1; *display: inline; } .docs-help a.fancybox,.docs-help a.htooltip { color: #919191; outline: none; } .docs-help a:hover.fancybox,.docs-help a:hover.htooltip { color: #008AC1; } .docs-help-link > b { font-weight: normal; } .docs-help-link:before { top: 6px; margin-right: 10px; position: relative; } .side.is-closed #top-question-mark { position: relative; right: 108px; top: 1px; } .side.is-closed #top-question-mark.order-detail { right: 173px } .side.is-closed #top-question-mark .orders-list-help-link{ right: 5px; top: 10px } .documents-list-item-header__input { display:inline-block; } .handbook-header-name { float: none; padding-top: 17px; padding-bottom: 18px; display: inline-block; zoom: 1; *display: inline; margin-top: 0; padding-left: 50px; font-weight: 500; font-size: 22px; line-height: 30px; } .handbook-header-name::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5 5L9 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") !important; top: 17px; } .handbook-header-name:after { display: none; } .handbook-header-buttons { text-align: right; float: right; margin-right: 20px; margin-top: 12px; } .price-block-handbook { margin-bottom: 15px; } .price-block-handbook .price-block-header { padding-left: 20px; } .price-block-handbook .price-block-surfaces { box-shadow: none; } .price-block-handbook__delete, .price-block-handbook__edit, .price-block-handbook__save { position: relative; top: 5px; margin-left: 10px; } .handbook-services-list > div > div { padding: 14px 10px 18px 10px; } .handbook-services-list > div > div:first-child { width: auto; } .handbook-services-list > div > div.edit-td { width: 100px; } .handbook-services-list > div > div.num-td { width: 210px; } .select-block { position: relative; } .select-block .selectArea { min-width: 191px; } .surfaces-services-list-add.handbook-services-list > div > div { vertical-align: top; padding-top: 10px; padding-bottom: 12px; } .surfaces-services-list-add.handbook-services-list > div > div.edit-td { padding-top: 25px; } .handbook-services-list input { margin-bottom: 0; } .handbook-import-button { padding-top: 10px; padding-bottom: 10px; margin-right: 30px; } .handbook-import-button:before { position: relative; top: 3px; margin-right: 20px; } .handbook-import-button:hover { background: #fff; color: #36A9E1; } .handbook-add-button { margin-right: 25px; width: auto; min-width:150px;} .handbook-import-info { display: inline-block; zoom: 1; *display:inline; vertical-align: top; } .handbook-import-info a { display: block; margin-bottom: 5px; } .handbook-buttons { margin-top: 40px; } /*****/ .main-header__button { float: right; margin-right: 33px; } .button-transparent-red { color: #F21B3F; border: 2px solid #F21B3F; background: #fff; } .button-transparent-red:hover { background: #F21B3F; color: #fff; } .button-transparent-red.button-40 { line-height: 36px; } .events { margin-right: 0; } .header-stages { padding-left: 28px; width: 100%; padding-right: 28px; height: auto; line-height: 25px; } .header-stages li { color: #fff; text-align: center; min-width: 100px; font-size: 13px; line-height: 20px; min-height: 35px; height: auto; position: relative; background: transparent; } .header-stages li span { margin: 0 5px 0 0; height: 35px; display: block; white-space: nowrap; line-height: 35px; -webkit-border-radius: 3px 1px 1px 3px; -moz-border-radius: 3px 1px 1px 3px; -ms-border-radius: 3px 1px 1px 3px; border-radius: 3px 1px 1px 3px; background-size: auto 100%; background-repeat: no-repeat; background-color: transparent; background-position: right center; padding-right: 5px; position: relative; } .header-stages li:after { display: none; } .header-stages li:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 20%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; z-index: 0; } .header-stages li:nth-child(1):before { background-color: #36A9E1; } .header-stages li:nth-child(1) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%2336A9E1'/%3e%3c/svg%3e "); } .header-stages li:nth-child(2):before { background-color: #A032E4; } .header-stages li:nth-child(2) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23A032E4'/%3e%3c/svg%3e "); } .header-stages li:nth-child(3):before { background-color: #E43246; } .header-stages li:nth-child(3) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23E43246'/%3e%3c/svg%3e "); } .header-stages li:nth-child(4):before { background-color: #FC7119; } .header-stages li:nth-child(4) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23FC7119'/%3e%3c/svg%3e "); } .header-stages li:nth-child(5):before { background-color: #FFBC0A; } .header-stages li:nth-child(5) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23FFBC0A'/%3e%3c/svg%3e "); } .header-stages li:nth-child(6):before { background-color: #339F51; } .header-stages li:nth-child(6) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23339F51'/%3e%3c/svg%3e "); } .header-stages li:nth-child(7):before { background-color: #74A229; } .header-stages li:nth-child(7) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%2374A229'/%3e%3c/svg%3e "); } .header-stages li:nth-child(8):before { background-color: #AEC945; } .header-stages li:nth-child(8) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23AEC945'/%3e%3c/svg%3e "); } .header-stages li.active, .header-stages li.active ~ li { background: transparent; } .header-stages li.active ~ li, .header-stages li.active ~ li a { color: #333; } .header-stages li.active ~ li:before { background-color: #D8D8D8; } .header-stages li.active ~ li span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23D8D8D8'/%3e%3c/svg%3e "); } .icon-clock:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 21C14.9706 21 19 16.9706 19 12C19 7.02944 14.9706 3 10 3C5.02944 3 1 7.02944 1 12C1 16.9706 5.02944 21 10 21Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.5 19.5L17 21.0005' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M3 3.00049L4.5 4.5' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M4.44721 1.89443C4.94119 1.64744 5.14142 1.04676 4.89443 0.552786C4.64744 0.0588079 4.04676 -0.141416 3.55279 0.105573L4.44721 1.89443ZM0.105573 3.55279C-0.141416 4.04676 0.0588079 4.64744 0.552786 4.89443C1.04676 5.14142 1.64744 4.94119 1.89443 4.44721L0.105573 3.55279ZM3.55279 0.105573L3.0435 0.360217L3.93793 2.14907L4.44721 1.89443L3.55279 0.105573ZM0.360217 3.0435L0.105573 3.55279L1.89443 4.44721L2.14907 3.93793L0.360217 3.0435ZM3.0435 0.360217C1.88233 0.940799 0.940799 1.88233 0.360217 3.0435L2.14907 3.93793C2.53613 3.16382 3.16382 2.53613 3.93793 2.14907L3.0435 0.360217Z' fill='%23A1A1A1'/%3e%3cpath d='M17 3.00049L15.5 4.5' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M18.1056 4.4477C18.3526 4.94168 18.9532 5.1419 19.4472 4.89492C19.9412 4.64793 20.1414 4.04725 19.8944 3.55327L18.1056 4.4477ZM16.4472 0.106061C15.9532 -0.140928 15.3526 0.059296 15.1056 0.553275C14.8586 1.04725 15.0588 1.64793 15.5528 1.89492L16.4472 0.106061ZM19.8944 3.55327L19.6398 3.04399L17.8509 3.93841L18.1056 4.4477L19.8944 3.55327ZM16.9565 0.360705L16.4472 0.106061L15.5528 1.89492L16.0621 2.14956L16.9565 0.360705ZM19.6398 3.04399C19.0592 1.88282 18.1177 0.941287 16.9565 0.360705L16.0621 2.14956C16.8362 2.53661 17.4639 3.1643 17.8509 3.93841L19.6398 3.04399Z' fill='%23A1A1A1'/%3e%3cpath d='M4.5 19.5L3 21.0005' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M10 7.00049V12.0005L12 14' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-clock:hover:before, .active .icon-clock:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 21C14.9706 21 19 16.9706 19 12C19 7.02944 14.9706 3 10 3C5.02944 3 1 7.02944 1 12C1 16.9706 5.02944 21 10 21Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.5 19.5L17 21.0005' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M3 3.00049L4.5 4.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M4.44721 1.89443C4.94119 1.64744 5.14142 1.04676 4.89443 0.552786C4.64744 0.0588079 4.04676 -0.141416 3.55279 0.105573L4.44721 1.89443ZM0.105573 3.55279C-0.141416 4.04676 0.0588079 4.64744 0.552786 4.89443C1.04676 5.14142 1.64744 4.94119 1.89443 4.44721L0.105573 3.55279ZM3.55279 0.105573L3.0435 0.360217L3.93793 2.14907L4.44721 1.89443L3.55279 0.105573ZM0.360217 3.0435L0.105573 3.55279L1.89443 4.44721L2.14907 3.93793L0.360217 3.0435ZM3.0435 0.360217C1.88233 0.940799 0.940799 1.88233 0.360217 3.0435L2.14907 3.93793C2.53613 3.16382 3.16382 2.53613 3.93793 2.14907L3.0435 0.360217Z' fill='%2336A9E1'/%3e%3cpath d='M17 3.00049L15.5 4.5' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M18.1056 4.4477C18.3526 4.94168 18.9532 5.1419 19.4472 4.89492C19.9412 4.64793 20.1414 4.04725 19.8944 3.55327L18.1056 4.4477ZM16.4472 0.106061C15.9532 -0.140928 15.3526 0.059296 15.1056 0.553275C14.8586 1.04725 15.0588 1.64793 15.5528 1.89492L16.4472 0.106061ZM19.8944 3.55327L19.6398 3.04399L17.8509 3.93841L18.1056 4.4477L19.8944 3.55327ZM16.9565 0.360705L16.4472 0.106061L15.5528 1.89492L16.0621 2.14956L16.9565 0.360705ZM19.6398 3.04399C19.0592 1.88282 18.1177 0.941287 16.9565 0.360705L16.0621 2.14956C16.8362 2.53661 17.4639 3.1643 17.8509 3.93841L19.6398 3.04399Z' fill='%2336A9E1'/%3e%3cpath d='M4.5 19.5L3 21.0005' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M10 7.00049V12.0005L12 14' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .date-from-wide { width: 193px; } .form-wrapper-stats { max-width: 670px; } .stats-button { width: 180px; } .chart-block { margin-top: 30px; } .arrow-gray-right:after { content: ""; width: 45px; height: 16px; display: inline-block; zoom: 1; *display: inline; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='45' height='16' viewBox='0 0 45 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M44.7071 8.70711C45.0976 8.31658 45.0976 7.68342 44.7071 7.29289L38.3431 0.928932C37.9526 0.538408 37.3195 0.538408 36.9289 0.928932C36.5384 1.31946 36.5384 1.95262 36.9289 2.34315L42.5858 8L36.9289 13.6569C36.5384 14.0474 36.5384 14.6805 36.9289 15.0711C37.3195 15.4616 37.9526 15.4616 38.3431 15.0711L44.7071 8.70711ZM0 9H44V7H0V9Z' fill='%23A1A1A1'/%3e%3c/svg%3e "); } .hysto { padding: 50px 0 85px 0; } .hysto-wrapper { margin-right: -5%; } .hysto-block { position: relative; height: 330px; vertical-align: bottom; } .hysto-block > * { position: absolute; } .hysto-block-name { font-size: 13px; top: -50px; position: absolute; line-height: 20px; height: 40px; left: 0; right: 0; } .hysto-block-name span { left: 0; right: 0; position: absolute; bottom: 0; } .hysto-block-percent { font-weight: bold; font-size: 18px; line-height: 25px; bottom: -34px; } .hysto-block-num { color: #666666; font-size: 15px; line-height: 25px; bottom: -61px; } .hysto-block-next { right: 0px; bottom: -7px; left: 77px; text-align: center; font-weight: bold; font-size: 18px; line-height: 25px; } .hysto-block-next span { width: 100%; display: block; } .hysto-block-bar { bottom: 0; width: 77px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .hysto-block-1 .hysto-block-bar { background-color: #36A9E1; } .hysto-block-2 .hysto-block-bar { background-color: #A032E4; } .hysto-block-3 .hysto-block-bar { background-color: #E43246; } .hysto-block-4 .hysto-block-bar { background-color: #FC7119; } .hysto-block-5 .hysto-block-bar { background-color: #FFBC0A; } .hysto-block-6 .hysto-block-bar { background-color: #339F51; } .hysto-block-7 .hysto-block-bar { background-color: #74A229; } .hysto-block-8 .hysto-block-bar { background-color: #AEC945; } .legend > li { list-style: none; position: relative; margin-bottom: 10px; font-size: 15px; padding-left: 27px; } .legend > li span { color: #666666; } .legend .round-bullet { width: 15px; height: 15px; position: absolute; left: 0; top: 5px; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .chart { position: relative; } .chart-cols { display:flex; gap:32px; } .chart .chart-area { flex: 0 0 300px; height: 300px; } .chart-right-col { display:flex; flex-direction: column; justify-content: space-between; } .chart-checkbox { margin-bottom: 32px; } .legend { max-width: 600px; } .chart .chart-area div { max-width: 280px; } .finance-cols-left { width: 35%; } .finance-cols-right { width: 65%; } .finance-blocks-item { height: 75px; background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-bottom: 15px; padding: 10px 10px 10px 15px; } .finance-blocks-item-header { font-weight: 500; font-size: 14px; line-height: 25px; display: block; } .finance-blocks-item-price { font-weight: bold; font-size: 22px; line-height: 36px; color: #FF6B00; } .finance-blocks-item-price-in { color: #74A229; } .finance-blocks-item-total { background: #36A9E1; box-shadow: 0px 4px 10px rgba(54, 169, 225, 0.6); color: #fff; max-width: 300px; margin-bottom: 50px; } .finance-blocks-item-total .finance-blocks-item-price { color: #fff; font-size: 26px; line-height: 40px; } .finance-blocks > div { padding-left: 15px; } .finance-text { margin-bottom: 30px; } .finance-text-price { font-weight: 500; font-size: 22px; line-height: 30px; margin-top: 10px; } .finance-button { width: 180px; margin-bottom: 35px; } .finance-blocks-item { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .tasks-list-item__button { margin:17px 0 0px 0; font-size: 13px; line-height: 20px; } .tasks-list-item__button--finished { color:#36A9E1; margin-left:5px; } .tasks-list-item__button--finished:before { margin-right:8px; } .tasks-list-item__button.button { padding:0 10px; border-radius: 20px; line-height:25px; margin-left:3px; margin-top:15px; margin-bottom:0; } .tasks-list-item { padding-bottom:10px; } .icon-finished:before { width:16px; height:11px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4.85714L5.86957 10L15 1' stroke='%23008AC1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .header-stages li a { color: #fff; } .header-stages li a:hover { text-decoration: none; } .main .header-stages li:hover a, .main .header-stages li:hover span { color: #fff; } .header-stages li:hover:nth-child(1):before { background-color: #1788bf; } .header-stages li:hover:nth-child(1) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='141' height='35' viewBox='0 0 141 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H130.182C131.307 0 132.337 0.629136 132.851 1.6297L140.296 16.1297C140.738 16.9899 140.738 18.0101 140.296 18.8703L132.851 33.3703C132.337 34.3709 131.307 35 130.182 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%231788bf'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(2):before { background-color: #771fae; } .header-stages li:hover:nth-child(2) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='123' height='35' viewBox='0 0 123 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H113.218C114.4 0 115.473 0.694545 115.956 1.77366L122.451 16.2737C122.8 17.0539 122.8 17.9461 122.451 18.7263L115.956 33.2263C115.473 34.3055 114.401 35 113.218 35H3C1.34314 35 0 33.6569 0 32V3Z' fill='%23771fae'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(3):before { background-color: #aa202f; } .header-stages li:hover:nth-child(3) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='122' height='35' viewBox='0 0 122 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H112.275C113.461 0 114.536 0.698385 115.017 1.78198L121.459 16.282C121.803 17.0574 121.803 17.9425 121.459 18.718L115.017 33.218C114.536 34.3016 113.461 35 112.275 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23aa202f'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(4):before { background-color: #d1621b; } .header-stages li:hover:nth-child(4) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='133' height='35' viewBox='0 0 133 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H122.644C123.794 0 124.843 0.657354 125.344 1.69232L132.367 16.1923C132.767 17.0182 132.767 17.9818 132.367 18.8077L125.344 33.3077C124.843 34.3426 123.794 35 122.644 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23d1621b'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(5):before { background-color: #d9a210; } .header-stages li:hover:nth-child(5) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='125' height='35' viewBox='0 0 125 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H114.761C115.938 0 117.006 0.688309 117.493 1.76012L124.074 16.2601C124.431 17.048 124.431 17.952 124.074 18.7399L117.493 33.2399C117.006 34.3117 115.938 35 114.761 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23d9a210'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(6):before { background-color: #236c37; } .header-stages li:hover:nth-child(6) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='180' height='35' viewBox='0 0 180 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H166.642C167.654 0 168.598 0.510325 169.152 1.35719L178.641 15.8572C179.294 16.855 179.294 18.145 178.641 19.1428L169.152 33.6428C168.598 34.4897 167.654 35 166.642 35H3C1.34315 35 0 33.6569 0 32V3Z' fill='%23236c37'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(7):before { background-color: #5b7f20; } .header-stages li:hover:nth-child(7) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='123' height='35' viewBox='0 0 123 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H113.218C114.4 0 115.473 0.694545 115.956 1.77366L122.451 16.2737C122.8 17.0539 122.8 17.9461 122.451 18.7263L115.956 33.2263C115.473 34.3055 114.401 35 113.218 35H3C1.34314 35 0 33.6569 0 32V3Z' fill='%235b7f20'/%3e%3c/svg%3e "); } .header-stages li:hover:nth-child(8):before { background-color: #8aa034; } .header-stages li:hover:nth-child(8) span { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='123' height='35' viewBox='0 0 123 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 3C0 1.34315 1.34315 0 3 0H113.218C114.4 0 115.473 0.694545 115.956 1.77366L122.451 16.2737C122.8 17.0539 122.8 17.9461 122.451 18.7263L115.956 33.2263C115.473 34.3055 114.401 35 113.218 35H3C1.34314 35 0 33.6569 0 32V3Z' fill='%238aa034'/%3e%3c/svg%3e "); } /*****/ .is-open:after, .filter-blocks-item.is-open .filter-blocks-item__header:after { transform: rotate(180deg); } .is-menu-open { background: url("/local/templates/shumovnet/images/close-menu.png") !important; } .phone-show, .tablet-show { display: none; } .is-hide { display: none; } .t-uc { text-transform: uppercase; } .t-medium { font-weight: 500; } .t-bold { font-weight: 700; } .t-nopadding { padding: 0; text-align: left; } .t-padding-22 { padding: 22px 0; } .t-padding-11 { padding: 11px 0; } .t-arrow-down { cursor: pointer; } .t-arrow-down:after { content: url("/local/templates/shumovnet/images/arrow-down.svg"); margin-left: 8px; position: relative; top: -1px; } .t-dark-bg { background: #A1A1A1; } .t-dark-bg h1, .t-dark-bg h2 { color: #fff; } .t-orange-bg { background: #FF6B00; } .t-fs46 { font-size: 46px; } .t-orange { color: #ff6a00; } .t-blue { color: #00a7e1; } .t-fs24 { font-size: 24px; } .t-toppadding-0 { padding-top: 1px; } .t-border-top { border-top: 1px solid #d8d8d8; } .t-border-bottom { border-bottom: 1px solid #d8d8d8; } .t-noborder { border: 0 !important; } .t-nowrap { white-space: nowrap; } .t-right { text-align: right; } .t-left { text-align: left; } .t-400 { font-weight: 400; } .t-middle { vertical-align: middle; } .t-middle img { vertical-align: middle; } .t-rub { white-space: nowrap; } .t-rub:after { content: " ₽"; font-family: "Roboto", sans-serif; display: inline-block; zoom: 1; *display: inline; margin-left: 3px; } .t-white-bg { background: #fff; } .t-h100, .form-list .t-h100 { height: 100px; } .form-list .t-w65, .t-w65 { width: 65px; } .form-list .t-w75, .t-w75 { width: 75px; } .form-list .t-w120, .t-w120 { width: 120px; } .form-list .t-w145, .t-w145 { width: 145px; } .form-list .t-w180, .t-w180 { width: 180px; } .form-list .t-w110, .t-w110 { width: 110px; } .form-list .t-w240, .t-w240 { width: 240px; } .form-list .t-w220, .t-w220 { width: 220px; } .actions-block { position: relative; } .actions-block:before { cursor:pointer; } .actions-block-list { left:-10000px; list-style: none; position:absolute; background:#fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); border-radius: 4px; z-index:10; text-align:left; transition:.5s; opacity:0; } .actions-block:hover:after { content:""; position:absolute; top:0; bottom:-20px; left:-80px; right:0; } .actions-block:hover .actions-block-list { display: block; opacity:1; transition:.5s; left:auto; right:50px; top:0; } .requests-list-item .actions-block:hover .actions-block-list { right:70px; } .requests-list-item:last-child .actions-block:hover .actions-block-list { top: auto; bottom: 0; } @media (max-width:767px) { .requests-list-item .actions-block:hover .actions-block-list { right:60px; } .htooltip span { width: 550px; } } .actions-block-list > li { border-bottom:1px solid #D8D8D8; } .actions-block-list > li:hover { background:#efefef; } .actions-block-list > li:last-child { border-bottom:0; } .actions-block-list button.download { background: white; border: 0; height: 32px; font-size: 100%; font-family: 'Roboto', Arial, sans-serif; cursor: pointer; margin: 0; } .actions-block-list button.download, .actions-block-list > li > a, .actions-block-list > li > form > button { color:#008AC1; text-decoration:none; white-space: nowrap; display:block; padding: 4px 15px; } .actions-block-list > li > a.icon:hover { text-decoration: none; } .actions-block-list > li > .icon:before { margin-left: 0; margin-right:10px; top: 4px; position: relative; } .price-block-files-list-item-buttons { margin-left:0; top:5px; } .surfaces-list-item-header { position:relative; } .surfaces-list-item-header__actions { position: absolute; right:20px; top:25px; } input[type="text"].surface-width { width:93px; padding:15px 20px; margin:0 6px; } input[type="text"].surface-height { width:160px; padding:14px 18px; margin:0 6px; } .surfaces-list-item-header-sizes { color:#333; font-weight:400; padding-top:15px; } .surfaces-list-item .surfaces-list-item__header .surfaces-list-item__header-action::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='21' viewBox='0 0 5 21' fill='%23666666'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' transform='rotate(90 2.5 2.5)'/%3E%3Ccircle cx='2.5' cy='10.5' r='2.5' transform='rotate(90 2.5 10.5)'/%3E%3Ccircle cx='2.5' cy='18.5' r='2.5' transform='rotate(90 2.5 18.5)'/%3E%3C/svg%3E%0A"); } .surfaces-list-item-buttons .form-list-info { margin-top:0; line-height:25px; text-align:left; margin-right:20px; margin:0; box-sizing: border-box; float:left; padding-right:30px; } .form-list-info-cell { padding:20px 20px 20px 0; min-width:45%; width:45%; } .surfaces-list-item-buttons .form-list-info-narrow { max-width:150px; padding-right:0; } .new-service .wide-td { position: relative; } .choose-service { position: absolute; top: 25px; right: 23px; } .icon-folder:before { width:22px; height:20px; margin-right:10px; position:relative; top:3px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 17C21 18.1046 20.1046 19 19 19H3C1.89543 19 1 18.1046 1 17V3C1 1.89543 1.89543 1 3 1H8L10 4H19C20.1046 4 21 4.89543 21 6V17Z' fill='%2336A9E1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-folder-white:before { width:22px; height:20px; margin-right:10px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 17C21 18.1046 20.1046 19 19 19H3C1.89543 19 1 18.1046 1 17V3C1 1.89543 1.89543 1 3 1H8L10 4H19C20.1046 4 21 4.89543 21 6V17Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-folder-item:before { width:18px; height:22px; margin-right:10px; position:relative; top:4px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1H3C1.89543 1 1 1.89543 1 3V19C1 20.1046 1.89543 21 3 21H15C16.1046 21 17 20.1046 17 19V8L10 1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1V9H17' fill='white'/%3e%3cpath d='M9 1V9H17' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .actions-block-list .icon:before { width:25px; height:24px; } .handbook-tree-item-actions { position:absolute; right:5px; top:13px; z-index: 1; } .handbook-tree, .handbook-tree ul { margin:0; padding:0; list-style: none; font-size:14px; line-height:25px; } .handbook-tree-item { color:#333333; display: inline-block; } .handbook-tree > li { margin-left:0; } .handbook-tree-item-bg { padding:6px 0px; } .handbook-tree-item-bg { position: relative; } .handbook-tree-item:hover { text-decoration: none; } .handbook-tree-item { position:relative; } .handbook-tree-item { padding-left:47px; } .handbook-tree-item-file { padding-left:45px; } .handbook-tree-item:before { position:absolute; left:15px; top: 0; } .handbook-tree-item-file:before { top:0; } .overlay-tree-list .popup-close { right:10px; top:10px; } .handbook-tree-item:not(.handbook-tree-item-file):after { content:""; width:7px; height:11px; display:block; position:absolute; left:0; top: 4px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5.5 5.5L1 10' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); transition: .3s; } .is-open > div > .handbook-tree-item:not(.handbook-tree-item-file):after { transform: rotate(90deg); } .handbook-tree-item-file { } .handbook-tree > li > ul > li > .handbook-tree-item-bg { padding-left:20px; } .handbook-tree > li > ul > li > ul >li > .handbook-tree-item-bg { padding-left:40px; } .handbook-tree > li > ul > li > ul >li > ul > li > .handbook-tree-item-bg { padding-left:60px; } .handbook-tree > li > ul > li > ul >li > ul > li > ul > li > .handbook-tree-item-bg { padding-left:80px; } .handbook-tree > li > ul > li > ul >li > ul > li > ul > li ul .handbook-tree-item-bg { padding-left:100px; } .handbook-tree-wrapper { padding:20px; } .handbook-tree .dark-bg { background:#F4F8FE; } .handbook-tree ul { display:none; } .handbook-tree .is-open > ul { display:block; } .handbook-tree-item-price { position: absolute; top: 10px; right: 35px; } .handbook-tree-item-bg { padding-right:30px; min-height:40px; } .handbook-tree-item-bg-file { padding-right:150px; } .overlay-tree-list .popup { width:100%; max-width: 950px; } .overlay-tree-list .popup .popup-body { padding-bottom:10px; } .overlay-tree-list .checkboxArea { margin-right:0; position: absolute; left:0; top:0; } .overlay-tree-list label:not(.note) { cursor: pointer; padding-left:20px; position: relative; display:block; } span.handbook-tree-item { display:inline-block; } .service-tree-button { margin:35px 0; } .surfaces-services-list-row { background:#fff; } .main-cols-right-item { position: relative; z-index: 1; } .main-cols-right-item--kp { z-index: 2; } @media (min-width: 1260px) { .fullscreen-hide { display: none; } .fullscreen-only { display: block; } .full-only-inline { display: inline; } } @media (max-width: 1290px) { .form-list-button { padding-left:15px; padding-right:15px; font-size:14px; } .payments-all-sum { font-size:16px; line-height:20px; } .inner { padding: 0 32px; } .main-header { padding-top: 10px; } .main-header-text { float: none; width: auto; margin-right: 0; padding-left: 15px; padding-bottom: 10px; } .main-header-text span { font-weight: 500; font-size: 26px; line-height: 40px; margin-right: 10px; } .main-header__stage { text-align: left; width: auto; padding-left: 14px; display: block; margin-top: -5px; margin-bottom: 14px; } .submenu { padding-left: 15px; } .submenu > li { padding-right: 22px; } .submenu > li > a { font-size: 13px; } .main-cols { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .main-cols-right { width: 280px; padding-left: 19px; } .order-comment-save { right:14px; } .main-cols-left { margin-right: 280px; } .form-block { padding: 20px; } .form-list__header { font-size: 17px; } .menu-right { padding-right: 10px; } .menu-link { font-size: 13px; } .right-block-header { font-size: 17px; } .right-block-header { padding-left: 20px; padding-right: 20px; } .tasks-add { right: 10px; top:8px; } .form-list .selectArea { min-width: 160px; } .form-list textarea { height: 150px; } .button-65 { font-size: 15px; padding-top: 7px; padding-bottom: 7px; } .main-cols-left { padding-bottom: 30px; margin-bottom: 20px; } .info-block-header { padding-left: 20px; padding-right: 20px; font-weight: bold; font-size: 23px; line-height: 31px; } .info-block-legend { max-width: 265px; margin-top: 60px; } .info-block__img { margin-right: 275px; } .info-block-legend__header { padding-left: 15px; padding-right: 15px; } .info-block-legend__body { padding-left: 18px; padding-right: 18px; } .info-block-body { padding-bottom: 13px; } .price-block-header { padding-left: 20px; } .price-block__delete { margin-right: 25px; } .price-block-name { margin-right: 70px; padding-right: 15px; margin-left: 222px; } .price-block-num { padding-left: 50px; font-size: 18px; } .price-block-files { padding-left: 20px; padding-right: 20px; } .price-block-files__header { font-size: 17px; } .price-block-files-add { position: relative; text-align: left; padding-top: 15px; } .price-block-files-list-wrapper { padding-right: 0; } .icon-file { padding-left: 67px; } .price-block-files-list-item__name { font-size: 15px; } .price-block-files-list-item__edit:before { margin-left: 10px; } .price-block-files { padding-bottom: 20px; } .price-block-surfaces__header { padding: 0 20px; font-size: 17px; } .surfaces-list { padding: 0px 0px; } .wide-td { width: 66%; } .desk-block { display: block; clear: left; } .desk-block .selectArea { min-width: 260px; } .form-list-row > li { display: inline-block; zoom: 1; *display: inline; } .form-list-subheader { padding-top: 0; } .form-list > .desk-block { margin-bottom: 10px; } .form-list-row .selectArea { min-width: 210px; } .form-list-row .desk-block .selectArea { min-width: 260px; } .opening-list { margin-bottom: 0; } .surfaces-services-list-add > div > div.edit-td { min-width: 40px; } .surfaces-services-list-add > div > .narrow-td { min-width: 40px; } .num-td { min-width: 70px; } .mid-td { width: 18%; } .price-block-total-price { font-size: 23px; line-height: 35px; padding-top: 7px; } .price-block-total { padding: 30px 20px; } .price-block-total-price > span { margin-left: 11px; } .prices-button-add { margin-top: 10px; } .price-block { margin-bottom: 15px; } .prices-button-add { margin-bottom: 10px; } .prices-button-save-text { padding-right: 30px; } .copyright { margin-left: 20px; width: 260px; } .copyleft { margin-left: 305px; } .main { padding-bottom: 64px; } .persons-list-item { padding-left: 20px; padding-right: 20px; } .persons-list-item__edit { right: 20px; } .persons-list-item-name__img { left: 0; } .persons-list-item-user__name { font-size: 14px; line-height: 20px; display: block; } .prices { padding: 0; } .save-total { padding-left: 10px; font-size: 20px; } .save-total span { font-size: 26px; } .documents-list-item { padding-left: 130px; } .documents-list-item:before { left: 11px; } .documents-list-item-header__name { font-weight: 500; font-size: 19px; line-height: 30px; } .document-info-row-cell { min-width: 165px; } .document-info-row-cell--double { min-width: 370px; } .events-list { padding-bottom: 0; } .events-list-item { padding-left: 20px; padding-right: 20px; } .events-list-item:after { right: 17px; } .events-list-item-name { font-size: 17px; } .main-header-title { padding-left: 15px; font-size: 26px; line-height: 50px; padding-bottom: 10px; } .main-header-button { padding-top: 7px; padding-bottom: 7px; line-height: 25px; margin-right: 20px; } .main-fullwidth { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .filter-block-header { padding: 15px 20px; } .filter-block-header-title { font-size: 17px; padding-left: 45px; } .filter-block-body { padding: 24px 30px 30px 20px; } .filter-cols-left { width: 32%; width: 265px; } .filter-cols-left-wide { width: 62%; } .filter-cols-left-wide + .filter-cols-right { width: 38%; } .filter-cols-right { width: 68%; width: calc(100% - 265px); } .form-list .fix-block { display: block; margin: 0; } .form-list .date-from-end { margin-left: 0; } .filter-block-body { padding-bottom: 10px; padding-right: 20px; } .requests-header { font-size: 19px; } .main-header-title span { top: -2px; } .main-header-text > .fix { margin: 0; } .top-address-block > span { display: none; } .main-header-top, .main-header-bottom { padding-left: 20px; padding-right: 20px; } .main-header-bottom-title { font-size: 26px; line-height: 40px; } .main-header-bottom-button { line-height: 26px; } .main-header-bottom { padding-top: 10px; padding-bottom: 12px; } .main-header-bottom-button-block { right: 20px; top: 10px; } .message-block-header { padding: 21px 21px 5px 20px; } .message-title { font-size: 19px; line-height: 30px; } .message-block-header-list-button { width: 23%; } .message-block-body { padding-left: 20px; padding-right: 20px; } .message-block-body__header { font-size: 17px; } .message-block-comment { margin-bottom: 23px; } .main-notifications { padding-top: 25px; } .notification-header, .notification-body { padding-left: 20px; padding-right: 20px; } .notification-header { padding-right: 170px; } .notification-header__type { right: 6px; } .notification-header__title { font-size: 17px; } .notification-footer > div:first-child { padding-left: 20px; } .notification-footer > div:last-child { padding-right: 20px; } .notification-footer > div { padding-top: 20px; } .user-block { padding-left: 20px; padding-right: 20px; } .user-block-right-top, .user-block-right-bottom { padding: 20px 13px; } .user-stars-header { font-size: 17px; line-height: 25px; } .user-stars-all { margin-bottom: 15px; } .user-block-right-top { padding-bottom: 15px; } .filter-list-user > li { width: 33.33%; } .filter-list-user { max-width: 720px; } .projects { padding-top: 51px; } .payments-subheader, .payments-body { padding-left: 20px; padding-right: 20px; } .payments-all-sum-total { width: auto; } .payments-all-label { font-size: 12px; } .lkk-header-button { margin-top: 0; } .lkk-user-block { padding-left: 25px; padding-right: 25px; } .main-header__stage-link { position: absolute; right: 0px; top: 30px; } .surfaces-services-list-add.handbook-services-list > div > div.edit-td { min-width: 100px; } .handbook-add-button { margin-right: 20px; } .handbook-add-button { } .handbook-import-button { margin-right: 20px; } /*****/ .main-header__button { float: none; margin-left: 15px; margin-bottom: 10px; } .header-stages { padding-left: 16px; padding-right: 8px; } .header-stages li { min-width: 70px; } .hysto-block-bar { width: 53px; } .hysto-block-next { left: 53px; } .stats-button { margin-bottom: 10px; } /*****/ .price-block-files-list-item { width:50%; } .surfaces-list-item-edit-block-left { float:none; margin-bottom:20px; width:auto; } .surfaces-list-item-edit-block-right { text-align: left; margin-left:0; width:auto; max-width:100%; padding-right:20px; padding-left:0; max-width:700px; } } @media (min-width: 767px) and (max-width: 1259px) { .main-header-lkk2 .main-header-bottom { padding-bottom: 0; } .tasks-list-item { padding-left: 20px; padding-right: 20px; } .tasks-list-item__name { margin-right: 0; display: inline; } .tasks-list-item__edit { position: relative; right: 0; display: inline-block; zoom: 1; *display: inline; top: 10px; margin-left: 12px; margin-top: -15px; } .tasks-list-item__time { margin-bottom: 5px; } /* .tasks-list-item-info, .tasks-list-item-info > * { display: block; } */ .tasks-list-item-info { padding-top: 11px; } .tasks-list-expand { margin-top: 0; } .tasks-list-item { padding-top: 15px; padding-bottom: 12px; } .manager-num-text { padding-left: 47px; } .manager-num-text { line-height: 20px; } .worker-right-block-bottom { padding-top: 0; } .worker-right-block-bottom .user-block-right-button { margin-top: 10px; } .team-cell { width: 43%; } .filter-button { margin-bottom: 15px; } } @media (max-width: 999px) { .side.is-closed .menu > li > a, .side .menu > li > a { font-size:10px; } .surfaces-list-item-buttons .form-list-info { font-size:14px; line-height:20px; } .price-block-switcher-calc { top:19px; } .tablet-show { display: block; } .tablet-hide { display: none !important; } .inner { padding-left: 28px; padding-right: 28px; } .side, .side.is-closed { box-sizing: border-box; width: 100%; bottom: auto; height: 60px; right: 0; padding-top: 0px; text-align: left; padding-left: 20px; z-index: 20; padding-bottom:0; left:0;} .side .l-clr, .side.is-closed .l-clr { display: none; } .side .side-switcher, .side.is-closed .side-switcher { display: none; } .side .logo, .side.is-closed .logo { width: 54px; margin-bottom: 0; position:absolute; left: 20px; top: 15px; } .side .side-dots, .side.is-closed .side-dots { position: absolute; left: auto; right: 10px; top: 15px; } .side .side-user, .side.is-closed .side-user { position: absolute; right: 45px; top: 8px; } .side .side-mail, .side.is-closed .side-mail { right: 80px; left: auto; position: absolute; top: 26px; } .side .side-mail.is-empty, .side.is-closed .side-mail.is-empty { left:auto; top:22px; right:90px; } .side .side-user__img, .side.is-closed .side-user__img { max-width: 30px; } .side .menu, .side.is-closed .menu { padding-top: 0; margin-top: 0; height: 60px; } .side .menu > li, .side.is-closed .menu > li { display: inline-block; zoom: 1; *display: inline; } .side .menu > li > a, .side.is-closed .menu > li > a { padding: 0 17px; height: 60px; box-sizing: border-box; } .menu .icon:before { height: 59px; } .side + .main, .side.is-closed + .main { padding-left: 0; padding-top: 60px; } .main-header-text span { font-size: 23px; line-height: 40px; margin-right: 3px; } .main-header-text { padding-bottom: 0; padding-left: 18px; } .main-header { padding-left: 2px; } .header-stages { padding-right: 0px; } .submenu > li { padding-right: 21px; } .submenu > li > a { font-size: 12px; } .menu-right { padding-right: 19px; } .menu-right .menu-link > span { display: none; } .main-header__stage { padding-left: 17px; } .main-cols-right { float: none; width: auto; padding: 0; } .main-cols-right { margin-left: -16px; } .main-cols-right-wrapper { display: table; width: 100%; font-size: 0; } .main-cols-right-item { width: 33.33%; box-sizing: border-box; padding-left: 16px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .tasks-list { display: none; } .button-addcompred { padding-top: 12px; padding-bottom: 12px; } .right-block-header { padding-left: 15px; padding-right: 15px; font-size: 16px; } .main-cols-left { margin-right: 0; } .persons-list-item { padding-left: 15px; padding-right: 15px; } .persons-list-item__edit { right: 15px; } .tasks-header > span, .payments-header > span { margin-right: 36px; position: relative; display: block; cursor: pointer; } .tasks-header > span:after, .payments-header > span:after { position: absolute; content: ""; width: 24px; height: 24px; background-color: #FF6B00; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.59998 1.2L6.99998 6L12.4 1.2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; background-position: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; right: 0; top: 50%; } .tasks.is-open .tasks-header > span:after { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .payments.is-open .payments-header > span:after { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .tasks-add { right: 10px; } .persons-header { padding-right: 10px; } .persons-toggle:after { top: 50%; } .tasks-list-item__name { font-size: 14px; line-height: 20px; } .right-block:not(.is-open) .right-block-header { box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .info-block-header { font-size: 21px; } .info-block-body { padding: 24px 30px 1px 30px; } .info-block-legend { margin-top: 0; max-width: 100%; float: none; } .info-block-legend__header { font-size: 17px; } .info-block-legend__body { padding-left: 20px; padding-right: 20px; padding-bottom: 1px; } .info-block__img { margin-right: 0; margin-top: 30px; } .form-list__header { font-size: 16px; } .price-block-name { padding: 10px 20px 10px 0; } .price-block__delete { } .price-block-name { margin-right: 66px; padding: 10px 16px 10px 0; margin-left: 157px; } .price-block-num { } .price-block-num:before { } .price-block-files__header { font-size: 16px; } .price-block-files { padding-top: 20px; } .price-block-files-list-item { min-width: 340px; } .icon-file { padding-left: 62px; } .price-block-files-button { text-align: right; } .price-block-files { padding-bottom: 17px; } .price-block-surfaces__header { font-size: 16px; } .surfaces-services-list__edit { margin-left: 0; } .surfaces-services-list > div > div.edit-td { min-width: 95px; padding-left: 0; } .narrow-td { width: 10%; min-width: 105px; } .mid-td { min-width: 100px; } .surfaces-services-list > div > div { padding: 11px 10px 14px 10px; } .form-list-row > li.desk-block { width: 100%; } .form-list-row__add { margin-bottom: 12px; } .js-new-service__input { max-width: 180px; } .services-save { margin-left: 63px; } .mid-td.js-new-service-desktop { min-width: 0; width: 0; } .surfaces-services-list-add > div > div.edit-td { min-width: 40px; } .surfaces-services-list-add > div > div { padding-top: 18px; } .services-save { margin-top: 6px; margin-bottom: 24px; } .surfaces-list { padding-bottom: 25px; } .price-block-total { padding: 20px; } .price-block-total-price { font-size: 21px; } .prices-button-add { margin-bottom: 10px; } .prices-button-save-text { padding-right: 0; } .prices-button-save-text:before { margin-right: 14px; } .prices-button-save-text:before { min-width: 26px; } .footer,.footer.is-closed { padding-left: 20px; } .copyright { margin-left: 0; width: 248px; } .copyleft { margin-left: 248px; } .icon-file > span { max-width: 130px; } .documents-list-item:before { width: 50px; height: 50px; background-size: cover; left: 0; top: 25px; } .documents-list { padding-left: 20px; padding-right: 20px; } .documents-list-item { padding-left: 70px; } .documents-list-item { padding-top: 26px; } .documents-list-item-buttons { } .documents-list-item-header { margin-bottom: 10px; } .document-download, .document-print { display: inline-block; zoom: 1; *display: inline; padding-left: 33px; margin-right: 25px; } .document-info-subheader { font-size: 16px; } .events-list-item-name { font-size: 16px; } .main-header-title { font-size: 23px; padding-left: 17px; } .filter-block { margin-right: -20px; } .filter-block-body { padding-bottom: 0; } .requests { padding-top: 39px; } .requests-list { line-height: 20px; } .requests-list > div > div:first-child { padding-left: 20px; } .requests-header { margin-bottom: 14px; } .requests-list-item-city { width: 160px; } .requests-list-item-status { width: 175px; } .requests-list > .requests-list-header > div { padding-bottom: 14px; } .requests-list-item-name__value { display: inline-block; zoom: 1; *display: inline; margin-bottom: 5px; } .requests-list-item > div { padding-top: 15px; padding-bottom: 15px; } .pagination-button { min-width: 150px; } .main-header-button { min-width: 150px; } .filter-settings { bottom: -52px; } .main-header-top-list > div { display: inline-block; zoom: 1; *display: inline; } .main-header-top-list-select { width: 79%; } .main-header-top-list-select .selectArea { width: 100%; } .main-header-top-list-address { width: 21%; text-align: right; } .top-phone-block, .top-whatsapp-block { margin-left: 0; margin-right: 17px; margin-bottom: 14px; margin-top: 3px; } .top-address-block:before, .top-phone-block:before, .top-whatsapp-block:before { margin-right: 10px; } .main-header-bottom-title { font-size: 23px; line-height: 40px; } .main-header-bottom { padding-top: 13px; } .main-header-bottom-button-block { top: 13px; } .message-title { font-size: 23px; } .message-block-comment { margin-bottom: 27px; } .message-block-comment:last-child { margin-bottom: 20px; } .first > .main-header-top-list-select { width: 0; } .first > .main-header-top-list-address, .first > .main-header-top-list-phone, .first > .main-header-top-list-whatsapp { width: auto; padding-right: 20px; } .first > .main-header-top-list-address > *, .first > .main-header-top-list-phone > *, .first > .main-header-top-list-whatsapp > * { text-align: left; } .first-enter-block__text { font-size: 16px; line-height: 25px; } .first-enter-agreement { padding-left: 20px; padding-right: 20px; } input[type=text].sms-input-block__input { padding-top: 14px; padding-bottom: 14px; } .manager-block { padding: 20px; } .notifications-switcher-block { margin-bottom: 19px; } .main-notifications { padding-top: 20px; } .notification-header__title { font-size: 16px; } .notification-footer > div { display: inline-block; zoom: 1; *display: inline; } .notification-footer-to { border-right: 0; } .notification-footer-doc { width: 80%; border-top: 1px solid #D8D8D8; min-height: 60px; vertical-align: middle; } .notification-footer-edit-block { width: 20%; text-align: right; border-top: 1px solid #D8D8D8; min-height: 60px; vertical-align: middle; } .notification-footer > div { padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; vertical-align: middle; } .notification-footer > div.notification-footer-edit-block, .notification-footer > div.notification-footer-doc { padding-top: 15px; } .main-header-separator { margin-top: 15px; } .user-block { padding: 20px; } .user-block-right { width: 34%; } .user-block-form { margin-right: 37%; } .user-stars-all { display: none; } .user-stars-header { font-size: 16px; line-height: 25px; } .user-block-right-top, .user-block-right-bottom { padding: 16px 15px; } .user-block-right-top { padding-bottom: 13px; } .user-stars-number { font-weight: bold; font-size: 23px; line-height: 40px; } .user-stars-header { margin-bottom: 0; } .user-register { margin-top: 3px; } .user-block-right-button { padding-left: 15px; padding-right: 15px; } .user-block-form .form-list > li { width: 50%; } .user-block-form .form-list > li.l-phone-100, .user-block-form .form-list > li.l-w100 { width: 100%; } .user-block-form .form-list > li.form-list__header { width: 100%; } .user-block-form .form-list__header { margin-bottom: 10px; } .user-block-form .form-list { margin-bottom: 5px; } .menu-right .menu-link .user-events + span { display: inline-block; } .manager-name input { padding: 9px 15px; } .manager-name input.dirty { padding-top: 24px; padding-bottom: 4px; } .manager-name .note { top: 3px; left: 15px; } .manager-name { margin-bottom: 0; } .manager-name > li { margin-bottom: 0; } .manager-num { font-size: 23px; line-height: 40px; } .user-block-form .manager-form-list > li { width: 100%; } .worker-right-block-bottom { padding-top: 0; } .worker-right-block-bottom .user-block-right-button { margin-top: 10px; } .projects-filer-block { margin-right: 0; } .projects-filer-block .filter-block-body { padding-top: 18px; padding-bottom: 18px; } .filter-button-projects { min-width: 165px; font-size: 15px; } .projects { padding-top: 51px; } .team-cell { width: 47%; } .projects .requests-list-item > div { padding-left: 10px; padding-right: 10px; } .user-block-right-managers .user-block-right-top { padding-left: 25px; } .main-cols-right-item { width: 50%; } .payments-subheader, .payments-body { display: none; } .payments-header { padding-top: 15px; padding-bottom: 15px; } .payments-add { top: 10px; } .side.is-closed .dots-block, .dots-block { right: -7px; left: auto; top: 28px; } .side.is-closed .dots-block:before, .dots-block:before { right: 10px; left: auto; } .requests-lkk { padding-top: 0; } .lkk-header-button { margin-right: 0; } .price-block-lkk:before { top: 20px; } .lkk-user-block { padding-left: 20px; padding-right: 20px; } .payment-block { padding: 15px 20px 10px 20px; } .payment-block.double { padding-left: 25px; padding-right: 25px; margin-right: 30px; } .payment-block.double > div { padding-top: 15px; padding-bottom: 10px; } .payment-block.double > div:first-child { padding-right: 20px; } .payment-block.double > div:last-child { padding-left: 20px; } .add-payment-button { margin-top: 15px; } .payments-all-total { font-size: 22px; } .main-header__stage-link { position: absolute; right: 0px; top: 80px; padding-right: 15px; } .handbook-header-name { margin-top: 0; font-size: 20px; line-height: 30px; } .handbook-header-name:before { top: 17px; } .handbook-services-list .num-td input[type=text] { max-width: 180px; } .handbook-services-list > div > div.num-td { width: 180px; } .select-block .selectArea { min-width: 180px; } .handbook-add-button { margin-bottom: 15px; } /*****/ .header-stages li span { font-size: 12px; } .header-stages li { min-width: 65px; margin-right: 3px; } .header-stages { padding-right: 13px; } .hysto-block-bar { width: 40px; } .hysto-block-next { left: 41px; } .arrow-gray-right:after { width: 30px; height: 16px; background-position: right; } .hysto-block-next { font-size: 16px; } .hysto-block-percent { font-size: 16px; line-height: 20px; } .hysto-block-num { font-size: 14px; line-height: 20px; } .finance-blocks > div { padding-left: 20px; } .finance-blocks-item { padding-left: 15px; } .finance-blocks-item-price { font-size: 22px; } .finance-blocks-item-header { font-size: 14px; } /*****/ .table-wrapper { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } } @media (max-width: 999px) and (min-width: 768px) { .active > .events { border-bottom: 4px solid #333; } .active > .user-events { border: 0; } .lkk-right-block { width: 100%; display: table; font-size: 0; } .lkk-right-block > div { width: 33.33%; display: inline-block; zoom: 1; *display: inline; } .lkk-cols-right { margin-left: 0; margin-bottom: 20px; } } @media (max-width: 767px) { .price-block-switcher-calc { right:33px; } input[type="text"].surface-width, input[type="text"].surface-height { margin:0; padding-left:10px; padding-right:10px; } input[type="text"].surface-width { width: 73px; } input[type="text"].surface-height { width:150px; } .handbook-tree-wrapper { padding:10px; } .handbook-tree, .handbook-tree ul { font-size:13px; line-height:20px; } .handbook-tree-item-price { position:static; padding-left:45px; } .handbook-tree-item-bg-file { padding-right:30px; } .handbook-tree > li > ul > li > .handbook-tree-item-bg { padding-left:10px; } .handbook-tree > li > ul > li > ul >li > .handbook-tree-item-bg { padding-left:20px; } .handbook-tree > li > ul > li > ul >li > ul > li > .handbook-tree-item-bg { padding-left:30px; } .handbook-tree > li > ul > li > ul >li > ul > li > ul > li > .handbook-tree-item-bg { padding-left:40px; } .handbook-tree > li > ul > li > ul >li > ul > li > ul > li ul .handbook-tree-item-bg { padding-left:50px; } .phone-nopadding { padding: 0; } .inner { box-sizing: border-box; width: 100%; padding-left: 15px; padding-right: 15px; } .inner-wide { height: auto; } .phone-full { margin-left: -15px; margin-right: -15px; width: auto; } .phone-hide { display: none !important; } .phone-show { display: block; } .l-grid:not(.l-grid-phone) { display: block; } .l-grid:not(.l-grid-phone) > * { width: 100%; display: block; } .side, .side.is-closed { padding-left: 14px; height: 50px; } .side .side-user, .side.is-closed .side-user { display: none; } .side .logo, .side.is-closed .logo { margin-left: 18px; max-width: 40px; margin-top: 12px; position:static; float:left; } .side .side-dots, .side.is-closed .side-dots { right: 16px; top: 9px; } .side .side-mail, .side.is-closed .side-mail { right: 60px; top: 20px; } .side .side-mail.is-empty, .side.is-closed .side-mail.is-empty { right: 35px; top: 16px; } .menu-toggle { float: left; margin-top: 15px; } .form-list-row > li.desk-block, .form-list-row > li.desk-block > div { display: block; width: auto; } .surfaces-list-item.is-open .surfaces-list-item-edit-block { padding-left: 0; } .save-all { display: block; } .prices-button-save { min-width: 100px; } .copyleft { margin-left: 0; } .copyright { float: none; width: auto; } .price-block-files-list-item { min-width: 200px; } .button { white-space: normal; } .side + .main, .side.is-closed + .main { padding-top: 50px; } .main-header-text { padding-right: 40px; position: relative; line-height: 25px; } .main-header-text > span { font-size: 18px; line-height: 100%; } .main-header-text .icon-edit { position: absolute; top: 5px; right: 10px; } .main-header-text { padding-left: 13px; margin-bottom: 17px; } .main-header { padding-top: 11px; } .menu-right { padding-right: 16px; padding-top: 4px; } .events { margin-right: 15px; } .main-header__stage { padding-left: 12px; padding-right: 110px; } .header-stages { margin-top: 24px; } .submenu-wrapper { overflow-x: auto; } .submenu > li { display: table-cell; white-space: nowrap; } .submenu { padding-left: 13px; } .submenu > li > a { font-size: 11px; padding-bottom: 6px; } .submenu > li { padding-right: 15px; } .header-stages { margin-bottom: 15px; } .main-cols-right-item { width: auto; display: block; } .main-cols { padding-left: 10px; padding-right: 10px; } .button-addcompred { padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px; } .right-block { margin-bottom: 10px; } .right-block-header { padding-top: 10px; padding-bottom: 10px; font-size: 15px; } .tasks-add { right: 11px; top: 10px; } .tasks-header > span, .payments-header > span { margin-right: 36px; } .main-cols-left { margin-top: 10px; } .form-block { padding: 15px; } .bt { padding: 27px 15px 7px 15px; font-size: 14px; } .note { top: 5px; left: 10px; font-size: 12px; } .form-list > li { margin-bottom: 10px; padding-left: 10px; } .form-list__header { font-size: 15px; line-height: 20px; } input[type=text], input[type=password], input[type=email], input[type=tel], input[type=url], input[type=number], textarea { padding: 14px; font-size: 16px; } input[type=text].dirty, input[type=password].dirty, input[type=email].dirty, input[type=tel].dirty, input[type=url].dirty, input[type=number].dirty, textarea.dirty { padding-top: 24px; padding-bottom: 4px; } .form-list > li.phone-w50 { width: 50%; display: inline-block; zoom: 1; *display: inline; } .form-wrapper { margin-left: -10px; } .form-list textarea { font-size: 16px; line-height: 20px; height: 225px; } .form-list-button { display: block; margin: 0 auto; max-width: 300px; width: 100%; } .main-cols-left { margin-bottom: 15px; } .info-block-header { font-size: 18px; line-height: 21px; padding-left: 15px; padding-right: 15px; } .info-block-body { padding: 0; padding-bottom: 25px; } .info-block-legend { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .info-block-legend__header { font-size: 15px; line-height: 25px; padding-top: 13px; padding-bottom: 13px; } .info-block-legend__header:before { width: 24px; } .info-block-legend__body { padding-left: 15px; padding-right: 15px; } .info-block-legend__body { font-size: 14px; line-height: 20px; } .info-block__img { margin-right: 0; margin-top: 16px; } .info-block { margin-bottom: 15px; } .price-block-num { float: none; font-size: 18px; padding-left: 40px; } .price-block-name { margin: 0; } .price-block-header { padding-left: 15px; padding-top: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .price-block.is-open .price-block-header { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .price-block-num:before { top: -5px; } .price-block__delete { margin-right: 14px; margin-top: 4px; } .price-block-name { border-right: 0; } .price-block-name { padding: 10px 15px 15px 0; } .price-block-files { padding-left: 15px; padding-right: 15px; padding-top: 12px; } .price-block-files__header { font-size: 15px; } .icon-file:before { height: 32px; background-size: cover; width: 30px; } .price-block-files-list-wrapper { margin-top: 4px; } .icon-file { padding-left: 43px; max-width:100%; box-sizing: border-box; } .icon-file:before { top: 7px; } .icon-file > span { max-width: 400px; margin-right: 0px; font-size: 14px; line-height: 20px; white-space: normal;} .icon-file > .icon-file__extension { font-size:7px; line-height:10px; left:0; width:19px; top:20px; letter-spacing: 0; } .price-block-files-list-item__edit { position: static; right: 0px; } .price-block-files-list-item-buttons { position:absolute; right:0; top:0; } .price-block-files-list-item__edit:before { top: 1px; } .price-block-files-list-item { margin-bottom: 14px; padding-right:30px; position:relative;} .price-block-files-list-item__input { max-width: 100%; width: calc(100% - 43px); } .price-block-files-button { max-width: 100%; } .price-block-files-add__button { display: block; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; } .price-block-surfaces__header { font-size: 15px; height: 53px; } .price-block-surfaces__header { padding: 0 15px; } .surfaces-list { padding: 0; border-top:0; } .price-block-surfaces__header { border-bottom:0; } .surfaces-list-item-header { padding-left: 13px; padding-right: 15px; } .surfaces-list-item-header__name { margin-right: 0; font-size: 14px; line-height: 20px; display: flex; align-items: center; } .surfaces-list-item-header__name:before { top: 6px; } .toggle-before { padding-left: 40px; } .surfaces-list-item-header-buttons { text-align: left; padding-top: 8px; width: auto; float: none; } .wide-td { min-width: 170px; } .surfaces-services-list-element .surfaces-services-list-element__column.wide-td { min-width:170px !important; } .surfaces-services-list { font-size: 14px; line-height: 20px; } .d-scroll { font-size: 0; line-height: 8px; display: block; } .surfaces-services-list > div > div:first-child { padding-left: 13px; } .surfaces-services-list > div > div { padding: 11px 10px 12px 7px; } .surfaces-services-list__edit:before, .surfaces-services-list__delete:before { display: block; top: 0; } .surfaces-services-list__edit:before { top: 2px; } .surfaces-list-item { margin-bottom: 15px; } .surfaces-list-item.is-open .surfaces-list-item-header__input { margin-right: 0; } .surfaces-list-item.is-open .surfaces-list-item-header__input { margin-left: 43px; padding: 2px 0; } .surfaces-list-item.is-open .surfaces-list-item-header__name { margin-top: 8px; } .surfaces-list-item.is-open .surfaces-list-item-header-buttons { padding-top: 8px; padding-bottom: 15px; } .form-list .t-w240, .t-w240 { width: auto; } .form-list-row > li { display: block; width: auto; } .form-list > li.t-w120, .form-list > li.t-w75 { display: inline-block; zoom: 1; *display: inline; width: 50%; } .form-list-row .desk-block .selectArea { min-width: 240px; margin-bottom: 10px; } .form-list-row { margin-bottom: 7px; } .form-list-subheader { font-size: 14px; line-height: 20px; padding-bottom: 9px; } .form-list.opening-list { width: 100%; margin-bottom: 0; } .form-list.opening-list > li { display: inline-block; zoom: 1; *display: inline; width: 42%; } .form-list.opening-list > li input { width: 100%; } .form-list.opening-list > li.phone-w100 { width: 100%; } .form-list.opening-list > li.phone-w20 { width: 13%; text-align: right; } .form-list-row__add { display: block; margin: 6px auto; max-width: 300px; } .surfaces-list-item.is-open .surfaces-list-item-edit-block { padding-bottom: 0; } .surfaces-list-item.is-open .surfaces-list-item-header { padding-bottom: 7px; } .surfaces-services-list-add > div { display: block; } .surfaces-services-list-add > div > div { display: block; border: 0; width: auto; padding: 12px 15px 0 15px; } .surfaces-services-list-add > div > div input { display: block; width: 100%; max-width: 100%; } .new-service { position: relative; border-top: 1px solid #d8d8d8; padding-top: 10px; } .services-save.is-visible { margin: 0 auto 15px auto; display: block; max-width: 238px; } .surfaces-buttons { margin-top: 15px; } .surfaces-buttons .button { margin-bottom: 15px; margin-right: auto; display: block; margin-left: auto; max-width: 300px; } .surfaces-buttons .button:last-child { margin-bottom: 0; } .price-block-total { padding: 15px; } .price-block-total-price { font-size: 18px; text-align: left; float: none; padding-top: 1px; } .price-block-total-price span { float: right; } .price-block-save { display: block; width: auto; margin: 18px auto 0 auto; max-width: 300px; } .price-block { margin-bottom: 10px; } .prices-button-add { margin-top: 2px; margin-left: auto; margin-right: auto; display: block; max-width: 300px; } .prices-button-add { margin-bottom: 10px; } .prices-button-save { display: block; line-height: 20px; padding: 8px; width: 100%; margin: 0 auto; max-width: 500px; margin-bottom: 14px; min-height: 55px; } .prices-button-save-text:before { margin-right: 9px; position: relative; top: 4px; } .prices-button-save-text { align-items: flex-start; } .main { padding-bottom: 45px; } .footer { text-align: center; } .copyleft { padding-right: 0; } .footer { padding-right: 20px; } .copyright { margin-bottom: 19px; } .footer, .footer.is-closed { padding-left: 18px; padding-right: 18px; padding-top: 22px; } .menu { display: none; margin-top: 50px; } .mobile .menu { display: block; margin-top:0;} .menu-close { position: absolute; top: 15px; left: 14px; } .menu .icon:before { height: 50px; } .price-block-title { margin: 0; padding: 5px 5px 5px 0; font-size: 18px; } .price-block-switcher { margin-top: 0; margin-right: 15px; } .prices { padding: 0; margin-top: 0; } .compred .surfaces-list-item-header { min-height: 30px; padding-bottom: 5px; } .save-prices-block { display: block; } .download { margin: 20px 0; } .download-block, .save-prices { margin: 0 auto; display: block; max-width: 300px; display: block; } .download-button { width: 100%; } .price-block.compred .price-block-num { font-size: 18px; } .price-block.compred .price-block-total-price { font-size: 18px; } .save-total { font-size: 17px; padding-left: 0; text-align: center; padding-top: 20px; } @media (max-width: 767px) { .save-total { text-align: left; padding-top: 10px; padding-bottom: 20px; } } .popup { max-height: 100%; } .document-info-row-cell { min-width: 100px; } .documents-add-button { position: static;} .documents-list { padding-left: 15px; padding-right: 15px; padding-bottom: 0; } .documents-list-item:before { display: none; } .documents-list-item { padding-left: 0; padding-top: 14px; padding-bottom: 22px; } .documents-list-item-header__name { font-size: 16px; } .documents-header > span { margin-right: 20px; } .document-download, .document-print { font-size: 14px; margin-bottom: 7px; } .document-print { margin-bottom: 4px; } .document-info-row-cell { margin-bottom: 5px; } .document-info-row-cell-value { font-size: 14px; } .document-info-row-cell__name { margin-bottom: 0; } .document-info-subheader { font-size: 15px; margin-top: 3px; margin-bottom: 3px; } .sign-row { display: table; width: 100%; font-size: 0; } .sign-row > div { width: 50%; min-width: 100px; padding-right: 0; vertical-align: top; } .document-info-row-cell--double { padding-left: 10px; } .events-list-item { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } .events-list-item-user__name { font-size: 14px; max-width: 100%; } .events-list-item:after { right: 13px; } .events-list-item-name { font-size: 15px; } .events-list-item-text { font-size: 14px; line-height: 20px; } .events-list-item-button { margin: 17px auto 7px auto; display: block; max-width: 300px; font-size: 14px; padding-left: 10px; padding-right: 10px; } .events-list-item-subheader { font-size: 14px; } .events-list-item-subheader { margin-top: 15px; } .events-list-item-header { margin-bottom: 25px; } .main-header-title { padding-left: 13px; font-size: 18px; line-height: 45px; } .main-header-title span { display: none; } .main-header-button { margin-right: 15px; margin-top:0; line-height: 20px; } .main-fullwidth { padding-top: 15px; padding-left: 10px; padding-right: 10px; } .filter-block { margin-right: -10px; } .filter-block-header { padding: 9px 15px 10px 15px; } .filter-block-header-title { font-size: 15px; padding-left: 40px; } .filter-block-body { padding: 28px 15px 30px 15px; } .filter-list > li label { font-size: 14px; } .filter-cols-left { margin-bottom: 16px; } .form-list .date-from { width: 50%; } .form-list .date-to { width: 50%; margin-left: 0; padding-left: 22px; } .form-list .date-to .note { left: 22px; } .form-list .date-to:before { left: 6px; } .form-list .l-w50 { width: 100%; } .filter-block .form-list { margin-bottom: 5px; } .filter-button { margin-top: 0; } .filter-block-body { padding-bottom: 20px; } .requests { padding-top: 20px; margin-right: -10px; } .requests-header { font-size: 16px; } .filter-settings { position: static; display: block; margin-top: 6px; height: 27px; } .requests-header { margin-bottom: 0; } .requests-list > div > div:first-child { padding-left: 15px; } .requests-list > div > div { font-size: 14px; } .requests-list { min-width: 700px; } .sort { margin-right: 7px; } .requests-list > .requests-list-header > div { padding-bottom: 8px; } .requests-list-item-name { min-width: 250px; } .requests-list-item > div { padding-top: 10px; padding-bottom: 10px; } .pagination-block { display: none; } .pagination-button { max-width: 236px; margin: 12px auto; display: block; font-size: 14px; padding-top: 5px; padding-bottom: 5px; line-height: 30px; } .pagination { padding-right: 10px; } .message-block-header-list > div { display: block; font-size: 14px; } .main-header-top-list-select { width: 100%; } .main-header-top-list-address { width: auto; } .main-header-top-list-select .bt { font-size: 14px; } .main-header-top, .main-header-bottom { padding-left: 15px; padding-right: 15px; } .main-header-lkk { padding-top: 15px; } .top-address-block, .top-phone-block, .top-whatsapp-block { font-size: 14px; margin-right: 15px; } .main-header-bottom-button { font-size: 14px; padding-left: 5px; padding-right: 5px; width: 140px; } .main-header-bottom-withbutton { padding-right: 150px; } .main-header-bottom-button-block { right: 15px; } .main-header-bottom-title { font-size: 18px; } .message-block-header { padding: 15px 15px 9px 15px; } .message-title { font-size: 18px; line-height: 25px; margin-bottom: 10px; } .message-block-header-list-button { width: auto; margin-top: 15px; text-align: left; } .message-block-header-text { font-size: 14px; line-height: 20px; } .message-block-header-text { padding-top: 20px; } .message-block-body { padding-left: 15px; padding-right: 15px; } .message-block-body__header { margin-bottom: 20px; } .message-block-body__header { font-size: 16px; } .events-list-item-user__date { font-size: 11px; line-height: 11px; display: block; margin-left: 0; margin-top: -5px; margin-bottom: 5px; } .message-block-comment__text { margin-top: 15px; line-height: 20px; font-size: 14px; } .manager-block__img { float: none; margin: 0 auto 20px auto; } .manager-block-text { margin-left: 0; } .main-header-top-list-address, .main-header-top-list-phone, .main-header-top-list-whatsapp { padding: 0px; } .manager-block__header { font-size: 16px; line-height: 20px; } .manager-block__name { font-size: 22px; line-height: 35px; } .first-enter-block { padding: 15px; } .first-enter-block__text { font-size: 14px; line-height: 20px; } .subheader { font-size: 17px; line-height: 30px; } .first-enter-agreement { padding-left: 15px; padding-right: 15px; } .agreement-text { padding-left: 10px; padding-right: 0px; font-size: 14px; line-height: 20px; } .sms-text { font-size: 15px; line-height: 25px; } input[type=text].sms-input-block__input { padding-left: 10px; padding-right: 10px; margin-right: 10px; width: 80px; } .sms-input-block .button { padding-left: 10px; padding-right: 10px; min-width: 180px; } .manager-block-contacts { font-size: 14px; } .manager-block { padding: 15px; } .help-note-text { font-size: 14px; line-height: 20px; } .first > .main-header-top-list-address, .first > .main-header-top-list-phone, .first > .main-header-top-list-whatsapp { padding-right: 0; } .notifications-switcher-block label { font-size: 14px; } .notification-header { padding-right: 0; } .notification-header__type { position: static; margin-top: 13px; text-align: left; } .notification-header__type:before { vertical-align: middle; margin-top: 0; margin-right: 10px; } .notification-header__type > span { width: auto; float: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .notifications-switcher-block { margin-bottom: 15px; } .notification-header, .notification-body { padding-left: 15px; padding-right: 15px; } .notification-header__title { font-size: 15px; line-height: 25px; } .notification-header__date { font-size: 14px; } .notification-header__date:before { margin-right: 19px; } .notification__text { font-size: 14px; line-height: 20px; } .notification-footer > div { width: auto !important; display: block; padding: 15px; } .notification-footer > div.notification-footer-from { padding-left: 15px; padding-bottom: 0; } .notification-footer > div.notification-footer-to { padding-top: 10px; padding-bottom: 10px; } .notification-footer > div.notification-footer-doc { font-size: 14px; padding-top: 7px; line-height: 20px; padding-bottom: 10px; min-height: 20px; } .notification-footer > div.notification-footer-edit-block { padding-top: 10px; padding-bottom: 10px; min-height: 20px; } .notification-footer-from { border: 0; } .notification-footer-edit { float: none; margin: 0 auto; } .notification { margin-bottom: 15px; } .user-block-form { margin-right: 0; } .user-block { padding: 0 0 1px 0; box-shadow: none; margin-bottom: 20px; background: transparent; margin-top: 5px; } .user-block-right { width: 100%; float: none; } .main-header-separator { display: none; } .main-header-separator + .main-inner {} .user-form-block { background: #fff; padding: 15px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: block; margin-top: 10px; } form.user-form-block { padding:0; } .user-form-block.is-hide { display:none; } .user-block-form { padding:10px; } .user-block-form .form-list > li { width: 100%; } .user-stars-header { font-size: 15px; line-height: 25px; margin-bottom: 5px; } .user-block-right-top { padding-top: 20px; padding-bottom: 11px; } .user-stars-number { font-size: 18px; line-height: 25px; } .user-block-right-bottom { padding-top: 11px; padding-bottom: 13px; } .user-stars-number-text { font-size: 14px; line-height: 20px; vertical-align: baseline; } .user-stars-number { margin-right: 4px; } .user-register { font-size: 14px; line-height: 20px; } .user-block-right-button { margin-top: 15px; max-width: 300px; margin-left: auto; margin-right: auto; } .user-form-block .form-list__header { padding-top: 8px; } .user-button { margin-top: 20px; } .user-button-dep { margin-top:0; margin-bottom:20px; } .user-header-text { margin-bottom: 19px; padding-top: 5px; } .user-header-text span { font-size: 18px; line-height: 25px; } .user-header-text .icon-edit { top: 8px; } .dep-list .user-form-block { box-shadow: none; } .user-block-right-dep { margin-left: auto; margin-right: auto; display: block; } .deps-list .price-block-name { height: 0; padding-top: 0; padding-bottom: 10px; } .deps-list .is-open .price-block-name { height: auto; padding-top: 10px; padding-bottom: 15px; } .managers-list .price-block-name { margin-left: 0; } .managers-list { margin-top: 5px; } .user-block-right-managers { margin: 15px 10px 0 10px; width: auto; } .user-block-right-managers + .user-form-block { box-shadow: none; margin-top: 10px; } .manager-num { font-size: 18px; line-height: 25px; width: 30px; } .manager-num-text { padding-left: 42px; font-size: 14px; line-height: 20px; } .user-block-right-man { min-height: 50px; } .deps-list .price-block-header { position: relative; } .deps-list .price-block__delete { position: absolute; right: 0px; top: 10px; } .deps-list .dep-name { display: block; vertical-align: top; } .deps-list .price-block:not(.is-open) .price-block-num { line-height: 25px; display: block; margin-top: 0px; margin-right: 60px; } .deps-list .price-block:not(.is-open) .price-block-num:before { top: 3px; } .deps-list .price-block:not(.is-open) .price-block__delete { top: 0; bottom: 0; width: 36px; border-left: 1px solid rgba(255, 255, 255, 0.3); height: auto; margin-top: 0; } .deps-list .price-block:not(.is-open) .price-block__delete:before { position: absolute; top: 50%; margin-top: -15px; margin-left: 14px; } .projects-filter { display: block; } .projects-filter > div { width: auto; display: block; } .projects-filter-dates { width: auto; min-width: 100px; max-width: 700px; } .projects-filer-block { margin-right: 0; } .projects-filer-block .filter-block-body { padding-top: 15px; } .filter-block .form-list { margin-bottom: 0; } .dep-select-cell { margin-bottom: 15px; } .filter-button-projects { width: 100%; margin-left: auto; margin-right: auto; max-width: 300px; padding-top: 7px; padding-bottom: 7px; } .payments-subheader, .payments-body { padding-left: 15px; padding-right: 15px; } .payments-subheader { display: none; } .title-count { margin-left: 6px; top: -4px; } .requests-lkk { padding-top: 0; } .lkk-cols-right { margin-left: 0; } .main-header-lkk2 { padding-top: 0; } .main-header-lkk2 .main-header-separator, .main-header-lkk2 .main-header-separator + .main-inner { display: block; } .main-header-lkk2 .main-header-separator { margin: 0 0 10px 0; } .payments-all-total { font-size: 20px; } .main-header__stage-link { position: static; padding: 0; margin-left: 15px; margin-bottom: 0; margin-top: -10px; } .payments-list-item-desc { font-size: 14px; line-height: 20px; } .payments-list-item-note { font-size: 13px; } .docs-list-item-desc, .docs-list-item-ext { margin-left: 45px; } .docs-list-item { display: block; } .docs-list-item > div { padding: 10px 15px; border: 0; display: block; } .docs-list-item > div.docs-list-item-buttons { border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; padding-top: 0; } .docs-list-item-buttons { width: auto; text-align: left; } .docs-list-item-versions-wrap { margin-left: 0; } .docs-list-item-buttons > .button { margin-left: 0; margin-right: 15px; } .docs-add-button { max-width: 100%; margin-left: auto; margin-right: auto; } .docs-list { margin-bottom: 27px; } .price-block-handbook .price-block-header { padding-top: 10px; padding-left: 15px; overflow: hidden; } .handbook-header-name { padding-bottom: 10px; float: left; margin-right: 20px; padding-top: 5px; } .handbook-header-name:before { top: 5px; } .handbook-header-buttons { float: left; margin-top: 0; padding-bottom: 10px; text-align: left; } .handbook-item-delete { position: static; } .handbook-add-button { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; max-width: 320px; display:block; } .handbook-buttons { margin-top: 20px; } .handbook-import-button, .handbook-import-info { margin-bottom: 10px; text-align: center; display: block; max-width: 100%; width: 320px; margin-left: auto; margin-right: auto; } .handbook-import-info { font-size: 14px; line-height: 20px; } .surfaces-services-list-add.handbook-services-list > div > div.wide-td { padding-right: 50px; } .handbook-services-list .new-service { padding-top: 0; } .handbook-services-list .new-service .handbook-item-delete:before { position: absolute; right: 15px; top: 55px; } .surfaces-services-list-add.handbook-services-list > .new-service > div { padding-bottom: 0; } .select-block .selectArea { min-width: 140px; } .handbook-services-list > div > div.num-td { padding-right: 50px; width: auto; } .handbook-services-list > div > div.num-td .select-block, .handbook-services-list > div > div.num-td input[type=text] { width: 100%; display: block; max-width: 300px; } .handbook-services-list > div > div.num-td .select-block .selectArea { width: 100%; } .price-block-lkk { padding-top: 0px; margin-top: 0; } .price-block-lkk:before { top: 0px; left: -5px; } .delete-lkk-user { margin-top: 10px; margin-bottom: 0; } .l-tabs.submenu { margin-bottom: 15px; } .delete-lkk-user { width: 200px; margin-left: auto; margin-right: auto; display: block; text-align: center; } /*****/ .header-stages li { display: none; } .header-stages li.active { display: block; } .header-stages li.active span { background: transparent; } .header-stages li:before { right: 0; } .events { margin-right: 0; margin-left: 10px; } .main-header__button { display: block; margin: 0 auto 10px auto; max-width: 300px; position: relative; left: 8px; font-size: 13px; } .main-header-text span { font-size: 18px; line-height: 20px; } .header-stages { position: relative; margin-top: 0; list-style: none; padding-right: 0; padding-left: 13px; width: calc(100% - 70px); float: left; } .header-stages li span { font-size: 15px; height: 55px; line-height: 55px; } .main-header__button { display: none; } .main-cols-right-wrapper .main-header__button { display: block; } .header-stages li.active span:after { width: 16px; height: 9px; content: ""; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L8 8L15 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); display: inline-block; zoom: 1; *display: inline; margin-left: 15px; } .header-stages li span { margin-right: 0; padding-right: 0; } .submenu-wrapper { clear: both; } .menu-right { padding-top: 12px; } .header-stages li { margin-bottom:2px;} .hysto { min-width: 700px; } .hysto-wrapper { overflow-x: auto; } .date-from-wide { width: 169px; } .form-list .date-from-wide + .date-to { width: 41.5%; padding-left: 12px; } .form-list .date-from-wide + .date-to:before { left: 1px; } .form-list .date-from-wide + .date-to .note { left: 14px; } .chart-checkbox { position: static; margin-top: 20px; } .hysto-wrapper { margin-right: 0; } .chart-block .info-block-body { padding: 10px; } .finance-blocks > div { padding-left: 0; } .finance-blocks-item-total { margin-bottom: 20px; } .finance-blocks-item { margin-bottom: 20px; } .price-block-files-button > .price-block-files-button__button { display:block; margin-bottom:10px; } .price-block-files-button__button > .button { display:block; margin:0 auto; max-width:300px; } .price-block-files-button > .price-block-files-add__button { width:auto; } } @media (max-width: 600px) { .htooltip span { width: 400px; } .documents-header.info-block-header{ flex-direction: column; text-align: center; } .documents-header.info-block-header > span { margin-right: 0px; } .documents-header.info-block-header .documents-add-button { margin-left: 0px; margin-top: 15px; } .payment-block { margin-bottom: 10px; width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; max-width: 400px; margin-left: auto; margin-right: auto; display: block; } .payment-block.double { width: 100%; padding-left: 15px; padding-right: 15px; max-width: 400px; margin-left: auto; margin-right: auto; } .payment-block.double > div { width: 50%; box-sizing: border-box; } .payments-list-item > div { padding: 9px; } .add-payment-button { margin-left: auto; display: block; margin-right: auto; width: 100%; max-width: 400px; } .payments-list { margin-top: 15px; } .lkk-header-button { margin-right: 0; width: 135px; min-width: 135px; padding-left: 17px; padding-right: 17px; } .main-header-lkk2 { min-height: 100px; } .main-header-lkk2 .main-header-bottom-title { line-height: 30px; } .main-header-lkk2 .main-header-bottom-withbutton { padding-right: 160px; } .lkk-list .price-block-num { padding-left: 40px; line-height: 25px; padding-right: 10px; } .lkk-user-block { padding-left: 15px; padding-right: 15px; } .lkk-user-block .user-form-block { padding: 0; box-shadow: none; } } input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } #panel ~ .mobile { top:39px; } .prices .price-block-name { min-height:65px; margin-right: 115px; } .prices .price-block-name input { display:none; } .price-block-num.is-edited { font-size:0; } .price-block-num.is-edited ~ .price-block-name { margin-left:60px; } .documents-list-item__edit, .documents-list-item__save { margin-left:5px; position:relative; top:3px; } .price-block-files-list-item-buttons { display:inline-block; } input[type=text].handbook-header-input { padding-top:9px; padding-bottom:9px; margin-bottom:10px; margin-top:10px; } input[type=text].handbook-services-list-input { padding-top:8px; padding-bottom:8px; padding-left:8px; padding-right:8px; margin-top:-12px; margin-bottom:-8px; } .surfaces-list-item__header-name-text::after { background: url('/local/templates/shumovnet/images/estimate-name-bg.png') repeat-y center center; } @media (max-width: 1259px) and (min-width: 999px) { .prices .price-block-name { margin-right: 103px; } } @media (max-width: 999px) and (min-width: 767px) { .surfaces-list-item-edit-block-right { max-width: 550px; } .price-block-num.is-edited ~ .price-block-name { margin-left: 50px; } .price-block__edit { margin-top: 27px; } .price-block__save { margin-top: 29px; } .prices .price-block-name { margin-right: 110px; } .surfaces-list-item-header-buttons > * { margin-left: 10px; } } @media (max-width: 767px) { .docs-help-link > b { display: none; } .list-page-help-link { right: 0; } .main-header-title { line-height:30px;top:10px; } .price-block__edit { margin-right: 14px; margin-top: 6px; } .price-block__save { margin-right: 14px; margin-top: 8px; } .prices .price-block-name { min-height:0; padding:0 0 10px 0; } .price-block-num.is-edited { min-height:22px; display:inline-block; margin-top:6px; } .price-block-num.is-edited ~ .price-block-name { margin-left:0; margin-right:10px; } .surfaces-list-item-header__name { margin-right:60px; } .surfaces-list-item.is-open .surfaces-list-item-header__input { margin-right:20px; } } @media (max-width: 999px) { .surfaces-services-list-add > div > .narrow-td { min-width:0; } .t-w180 { width: 117px; } } @media (max-width: 999px) and (min-width: 768px) { .new-service { height: 150px; } .surfaces-services-list > .new-service { display: table; } .surfaces-services-list > .new-service > div:first-child { position: absolute; right: 20px; left: 16px; width: auto; } body .main-cols-left .surfaces-list-item-header-name { margin-right: 0; } } @media (max-width: 767px) { .surfaces-services-list input + iframe { float:left; } .new-service .num-td { width:auto; padding-top:0; } .new-service .num-td .t-w145 { width:48%; display:inline-block; } .new-service .num-td input.t-w145 { margin-right:2%; } } /****************************************************************************/ /****************************************************************************/ /****************************************************************************/ .main-cols-right-narrow { width: 26%; } .balance-value { font-weight: bold; color: #FF6B00; font-size: 26px; line-height: 40px; text-align:left; margin-bottom: 15px; } .balance .right-block-header { padding:10px 25px; } .balance-button { display:block; margin-bottom:15px; } .balance .right-block-body { padding:13px 25px 5px 25px; } .balance .right-block-body-left { padding:0; text-align: left; } .right-block-tariff { text-align:left; } .right-block-tariff { color:#666; font-size: 15px; line-height: 25px; } .right-block-tariff-date { color:#000; display:block; margin-bottom:14px; } .round-container { width: 150px; height: 150px; overflow: hidden; border-radius: 50%; position: relative; background: #f4f8fe; margin:15px auto; } .sector { width: 50%; height: 50%; position: absolute; left: 50%; top: 0; transform-origin: left bottom; } .round-container-text { position: absolute; width: 80%; height: 80%; background: #fff; border-radius: 50%; top: 10%; left: 10%; color:#666666; font-size: 13px; line-height: 20px; z-index:10; padding:25px 10px; text-align:center; } .store-count { color:#FF6B00; font-weight: 500; font-size: 31px; line-height: 25px; display:block; } .store-count .gb { font-size:16px; } .store-price { color: #666666; font-size: 13px; line-height: 20px; text-align:center; margin:20px 0 15px 0; } .sms-block-body { text-align:left; color: #A1A1A1; font-size: 15px; line-height: 25px; } .balance-value span { font-size: 15px; line-height: 25px; color: #333333; font-weight: normal; padding-left:5px; display:inline-block; } .right-payment { font-size: 15px; line-height: 25px; border-bottom: 1px solid #D8D8D8; padding:13px 25px 10px 25px; } .right-payment:last-child { border:0; } .right-payment-date { color: #A1A1A1; } .main-cols-left-wide { margin-right: 26%; } .l-grid-wrapper-10 { margin-left:-10px; } .icon-list-check:before, .checked-list > li:before { content:""; width:9px; height:6px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 2.5L3.5 5L7.5 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .checked-list { margin-top:15px; } .checked-list > li { margin-bottom:5px; } .checked-list > li:before { display:inline-block; margin-right:5px; position:relative; top:-2px; } .license-block { background:#fff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); border-radius: 4px 4px 0 0; padding:26px 20px 20px 20px; text-align:center; font-size: 13px; line-height: 20px; color: #666666; position:relative; z-index:2; } .license-block-list { background: #fff; border-radius: 0 0 4px 4px; position: relative; z-index: 1; padding: 24px 20px 20px 20px; font-size: 13px; line-height: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 1; } .license-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .license-cols > div { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); background: #fff; display: flex; flex: 0 0 100%; flex-direction: column; } .license-header { font-weight: 500; font-size: 22px; line-height: 30px; color:#333; margin-bottom:15px; } .license-price { color: #FF6B00; font-size:15px; } .license-price span { font-weight: 500; font-size: 31px; line-height: 45px; } .license-month-price { margin-top:12px; font-size:12px; } .license-month-price span { color:#333; display:block; font-size: 15px; line-height: 25px; } .license-header + .license-price { margin-top:35px; } .checked-list { list-style:none; } .license-note { margin-top: 22px; margin-bottom:30px; } .license-button { display: block; margin: 0 auto 15px auto; width: 200px; max-width: 90%; flex-shrink: 0; } .license-payment { margin-top:30px; padding:20px 30px; } .license-payment-tabs { border-bottom:1px solid #D8D8D8; margin-bottom:25px; } .license-payment-tabs > li { margin-right:40px; } .license-payment-tabs > li > a { font-weight: 500; font-size: 14px; line-height: 20px; color: #666666; border-bottom:4px solid transparent; text-transform: uppercase; display:block; padding-bottom:10px; padding-top:8px; } .license-payment-tabs > li > a:hover { text-decoration: none; } .license-payment-tabs > li.active > a { color: #333; border-bottom:4px solid #333; } .license-payment-block { border: 1px solid #D8D8D8; border-radius: 4px; } .license-payment-block-header { background: #F4F8FE; border-radius: 4px 4px 4px 4px; padding:20px 20px 15px 20px; position:relative; cursor:pointer; } .license-payment-block-body { border-top: 1px solid #D8D8D8; display:none; padding:20px 20px 20px 90px; } .license-payment-block.is-open .license-payment-block-body { display:block; } .license-payment-block.is-open .license-payment-block-header { border-radius: 4px 4px 0 0; } .license-payment-block-image { float:left; } .license-payment-block-title { font-weight: 500; font-size: 15px; line-height: 25px; margin-left:70px; } .license-payment-block-sum { font-size: 13px; line-height: 20px; margin-left:70px; } .toggle-before.toggle-after:before { position:absolute; right: 18px; top: 26px; left:auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L6 6L11 1' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .license-payment-block { margin-bottom:20px; } .license-payment-terms-link { font-size: 13px; line-height: 20px; } .license-payment-block-button { float:right; } .license-payment-block-sum-value { font-weight:500; padding-top:10px; } .license-payment-block-text { margin-bottom: 12px; font-size: 15px; line-height: 25px; margin-top:10px; } .payment-table.l-table > div { vertical-align:top; } .submenu-wrapper { overflow-x: auto; } .submenu > li { padding-right: 21px; display: table-cell; white-space: nowrap; } .balance-button { padding:0 10px; } .license-payment-block-image { position:absolute; width:60px; height:50px; background-position: center; background-repeat: no-repeat; left:10px; top:15px; } .table { width:100%; font-size: 15px; line-height: 25px; } .table td, .table th { border-bottom:1px solid #D8D8D8; padding:15px 10px 15px 10px; } .table th { text-align:left; } .icon-mini-pdf:before { width:18px; height:22px; content:""; display:inline-block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1H3C1.89543 1 1 1.89543 1 3V19C1 20.1046 1.89543 21 3 21H15C16.1046 21 17 20.1046 17 19V7L11 1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 2V7H16' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.73047 16.4971V18H3.85156V13.7344H5.51562C5.83594 13.7344 6.11719 13.793 6.35938 13.9102C6.60352 14.0273 6.79102 14.1943 6.92188 14.4111C7.05273 14.626 7.11816 14.8711 7.11816 15.1465C7.11816 15.5645 6.97461 15.8945 6.6875 16.1367C6.40234 16.377 6.00684 16.4971 5.50098 16.4971H4.73047ZM4.73047 15.7852H5.51562C5.74805 15.7852 5.9248 15.7305 6.0459 15.6211C6.16895 15.5117 6.23047 15.3555 6.23047 15.1523C6.23047 14.9434 6.16895 14.7744 6.0459 14.6455C5.92285 14.5166 5.75293 14.4502 5.53613 14.4463H4.73047V15.7852Z' fill='%2336A9E1'/%3e%3cpath d='M7.72461 18V13.7344H9.03711C9.41211 13.7344 9.74707 13.8193 10.042 13.9893C10.3389 14.1572 10.5703 14.3975 10.7363 14.71C10.9023 15.0205 10.9854 15.374 10.9854 15.7705V15.9668C10.9854 16.3633 10.9033 16.7158 10.7393 17.0244C10.5771 17.333 10.3477 17.5723 10.0508 17.7422C9.75391 17.9121 9.41895 17.998 9.0459 18H7.72461ZM8.60352 14.4463V17.2939H9.02832C9.37207 17.2939 9.63477 17.1816 9.81641 16.957C9.99805 16.7324 10.0908 16.4111 10.0947 15.9932V15.7676C10.0947 15.334 10.0049 15.0059 9.8252 14.7832C9.64551 14.5586 9.38281 14.4463 9.03711 14.4463H8.60352Z' fill='%2336A9E1'/%3e%3cpath d='M14.1934 16.2568H12.5059V18H11.627V13.7344H14.4043V14.4463H12.5059V15.5479H14.1934V16.2568Z' fill='%2336A9E1'/%3e%3cpath d='M6.5 6V10' stroke='%2336A9E1' stroke-linecap='round'/%3e%3cpath d='M4.5 9L6.5 11L8.5 9' stroke='%2336A9E1' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); position:relative; top:3px; } .button-payment-account { margin-bottom:5px; } .al-right { text-align:right; } .radioArea { border: 1px solid #D8D8D8; } .radioAreaChecked { border: solid 6px #FF6B00; } .overlay-change-tariff .popup { max-width:410px; } .overlay-change-tariff .popup-body { padding-top:0; padding-left:10px; padding-right: 10px; } .overlay-change-tariff .table tr:last-child td{ border:0; } .change-tariff-button { margin-top:20px; } .icon-files:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M13.708 0.294C13.6155 0.201574 13.5058 0.128188 13.385 0.078C13.2632 0.0264927 13.1323 -3.14402e-05 13 2.79675e-08H1C0.734784 2.79675e-08 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V21C0 21.2652 0.105357 21.5196 0.292893 21.7071C0.48043 21.8946 0.734784 22 1 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21V5C17.999 4.73451 17.8933 4.48013 17.706 4.292L13.708 0.294ZM16 20H2V2H12V5C12 5.26522 12.1054 5.51957 12.2929 5.70711C12.4804 5.89464 12.7348 6 13 6H16V20Z' fill='%23A1A1A1'/%3E%3C/svg%3E"); } .icon-files:hover:before, .active > .icon-files:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22' fill='none'%3E%3Cpath d='M13.708 0.294C13.6155 0.201574 13.5058 0.128188 13.385 0.078C13.2632 0.0264927 13.1323 -3.14402e-05 13 2.79675e-08H1C0.734784 2.79675e-08 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V21C0 21.2652 0.105357 21.5196 0.292893 21.7071C0.48043 21.8946 0.734784 22 1 22H17C17.2652 22 17.5196 21.8946 17.7071 21.7071C17.8946 21.5196 18 21.2652 18 21V5C17.999 4.73451 17.8933 4.48013 17.706 4.292L13.708 0.294ZM16 20H2V2H12V5C12 5.26522 12.1054 5.51957 12.2929 5.70711C12.4804 5.89464 12.7348 6 13 6H16V20Z' fill='%2336A9E1'/%3E%3C/svg%3E"); } .icon-star:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1L14.09 7.26L21 8.27L16 13.14L17.18 20.02L11 16.77L4.82 20.02L6 13.14L1 8.27L7.91 7.26L11 1Z' stroke='%23A1A1A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .icon-truck:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC2UlEQVR4nO2cPW4TQRiGHyoKAkUEBQKOkALR8xMJARJwADhApPBXI7hECn4KKm6AE0MHlyAicASgSUJDjBm01kABeGfX3plvvPM+0kiW5bXe/Z79Zme9WoMQQgghhBBCCCGEEEIIIYQQQoiSWQE2gPfAN8D1bGTLYeApMM6gSK40AVXx32ZQHFeqgGcZFMaVKmClgGnH5SxgI4OiuJIFbGdQFFeygP0MiuJKFrBwgQPEkDYCdoAHwCE6RgJoJaO6VpKAGlJMY+fpEHUArQVUF60SMIVUJ/MLdIQ6ANsukABsu0ACsO2C0gS04VWKLpCA6ZwFfsbuAgkw7gIJMO4CCTDuAgkw7gIJMO4CCTDugtIEuMijdRdIAJ0KaN0FEoBtF0gAtl0gAdieCyQA2y6QAGy7QAKIJuCdBPBPUbqkydWxOoB4As5JgP2Uqg74CwkwxqkDJMDpJIzOAZqCiL8MPQ6sAVv+SZs9P7b9e2v+MylxLfbnFLAODIFP/rnotvlNVkHLwBP/4EJo+5H/7DJpaLI/J32m7x3kTy7gKvB1hsvyL8AV4hPKcRn43GH+pAJuAwczhP89DoBb3dR55v0Zd5w/ugAN5qqBBGB7EEkABQgYABeBI35cAjYXaPoaRMwfXcDDmu9+lEFxnXH+qAKqIydEzp0wSJA/qoCqbUOsZlBoZ5g/qoClBt9/NINCO8P8Uf/Mo8kOHKvZfreLgD3Pz8eaANVqYZ4W3lH+MG9qClidoEJs1Ww/TCBg0fNzNzDHVUu1aTwObLuu/GHOAD8Chdz0U82SH6uBI8f5n3lPJxCw6PknvJhzJfC/8TxV+B7kn9w52usw/K6/KaL8LbjWoJVdw9/jbyQsfl/yT7g/5w2NMXDPKnwP8k+4OeN0tAtctw7fg/wTTvg/fB01PGpeJp7z+57/D9Uy7A7wGvjgL/v3/euhX+cnW6oVmF8IIYQQQgghhBBCkC+/AAEHVSAQqKb6AAAAAElFTkSuQmCC"); background-size: contain; opacity: 0.36; } .icon-star:hover:before, .active > .icon-star:before, .icon-star-blue:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1L14.09 7.26L21 8.27L16 13.14L17.18 20.02L11 16.77L4.82 20.02L6 13.14L1 8.27L7.91 7.26L11 1Z' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .popup-tariff-price { color: #FF6B00; width:130px; font-size:14px; line-height:20px; } .change-tariff-button { margin-left:10px; } .popup-tariff-price span { font-weight:500; font-size: 22px; line-height: 30px; } .hasNote + .note { padding-left:15px; } .client-data-block { padding-top:20px; } .client-data-block-header { font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom:15px; } .client-data-list { list-style:none; margin-bottom:20px; } .client-data-block--tasks { padding: 20px; } .client-data-block--tasks .form-list { margin-bottom: 0; } .client-data-block--tasks .form-list > li { margin-bottom: 0; } .client-data-block--tasks .client-data-list { margin-bottom: 0; } .client-data-block--tasks .client-data-list strong { font-weight: 600; } .task-block { } .task-block__header { background-color: #333; } .is-open .task-block__header-button::before { transform: rotate(0); } .task-block__header-button::before { width: 24px; height: 24px; box-sizing: border-box; border: 1px solid #fff; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; transform: rotate(-90deg); transition: transform 0.3s linear; } .form-list textarea.t-h80 { height:80px; } .form-list textarea.t-h70 { height:70px; } .button--gray { color: #333; border-color: #a1a1a1; } .button--gray:hover { background-color: #a1a1a1; } .client-data-button { width:132px; margin-top:5px; } .add-progress-task { margin-bottom:30px; margin-top:30px; } .progress-task-header-name { padding-top:15px; padding-bottom:15px; } .progress-task-block-body { padding:36px 20px 29px 20px; } .form-list .date-from-progress-task { width:145px; } .form-list .date-to-progress-task { width: 159px; } .form-list .progress-group-li { width: calc(100% - 311px); } .bottom-0 { margin-bottom:0; } .progress-task-buttons { float:left; width:400px; text-align:right; } .progress-task-header { float:left; border:0; margin-right:-400px; width:100%; } .progress-task-header { padding:0 20px; } .progress-task-buttons { padding-top:20px; padding-right:20px; } .progress-task-add-button { font-size: 13px; line-height: 20px; padding-left:12px; padding-right:12px; margin-left:5px; } .progress-task-item-name { color:#333; } .progress-task-file { margin:0 px; padding:15px 10px; border-bottom:1px solid #D8D8D8; } .progress-task-file .icon-file__filename { color:#333; } .progress-task-file .icon-file { padding-left: 63px; } .progress-task-file__buttons { float:right; position:relative; top:5px; } .progress-task-file__name { float:left; } .price-block-files-list-item__delete:before { top:4px; position:relative; margin-left:9px; } .progress-task-files { margin-bottom: 34px; } .progress-task-header-surfaces { height:auto; } .progress-task-surfaces-list { padding: 5px 0; } .progress-task-surfaces-list > div > div { font-size:13px; line-height:20px; } .progress-task-surfaces-list .mid-td { white-space: nowrap; } .narrow-td2 { min-width:80px; } .add-progress-price { margin-bottom:30px; } .progress-task-list-item { margin-left:-20px; margin-right:-20px; border-left:0; border-right:0; border-bottom:0; border-radius: 0; margin-bottom:0; } .progress-task-list-item .surfaces-list-item-header__input input { padding: 5px 10px 5px 10px; font-size:15px; } .progress-task-list-item.is-open .surfaces-list-item-header-buttons { padding-top:20px; } .progress-task-list-item.is-open .surfaces-list-item .surfaces-list-item-header-buttons { padding-top:14px; } .progress-task-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header-buttons { padding-top:20px; } .progress-task-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-edit-block, .progress-task-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header__input input { display:none; } .progress-task-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header__name { font-size:15px; margin-top:20px; } .icon-star-review:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' stroke='%23D8D8D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); width:21px; height:20px; } .icon-star-orange:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' fill='%23FF6B00' stroke='%23FF6B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); width:21px; height:20px; } .icon-link:before { width:21px; height:20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.06641 10.9059C9.85369 11.9584 11.0593 12.6171 12.3703 12.711C13.6813 12.8048 14.9685 12.3247 15.8977 11.3951L18.6157 8.67711C20.3325 6.89962 20.3079 4.07421 18.5605 2.32682C16.8132 0.57943 13.9877 0.554878 12.2103 2.27164L10.6519 3.82091' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12.6881 9.094C11.9009 8.0415 10.6953 7.38282 9.38425 7.28893C8.07323 7.19504 6.78608 7.67519 5.85684 8.60476L3.13882 11.3228C1.42207 13.1003 1.44662 15.9257 3.19401 17.6731C4.94139 19.4205 7.7668 19.445 9.54429 17.7282L11.0936 16.179' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .review-block { margin-bottom:16px; padding:16px 16px 16px 16px; } .review-desc-list { list-style:none; counter-reset: ol; } .review-desc-list li { counter-increment: ol; font-size: 13px; line-height: 20px; margin-bottom:10px; } .review-desc-list li:before { content:counter(ol) " - "; } .review-client-link { font-size: 15px; line-height: 25px; float:right; font-weight: 400; } .review-client-link:hover { text-decoration: none; } .review-client-link span { border-bottom:1px dotted #008AC1; } .review-client-link:before { float:left; margin-right:8px; } .stars-name { font-weight: 500; font-size: 15px; line-height: 25px; } .stars-block { width:220px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' stroke='%23D8D8D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat:repeat-x; height:20px; background-position: -1px 0; position:relative; margin-bottom:10px; } .review-stars-list { padding-top: 4px; max-width:668px; } .review-stars-list > li { margin-bottom:34px; } .stars-block-active { position:absolute; left:0; top:0; bottom:0; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' fill='%23FF6B00' stroke='%23FF6B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-position: -1px 0; width:22px; } .stars-2 { width:44px; } .stars-3 { width:66px; } .stars-4 { width:88px; } .stars-5 { width:110px; } .stars-6 { width:132px; } .stars-7 { width:154px; } .stars-8 { width:176px; } .stars-9 { width:198px; } .stars-10 { width:220px; } .review-comment-block { position:relative; padding-top:25px; } .review-comment-block > p:last-child { margin-bottom:0 } .review-comment-block:before { content:""; position:absolute; top:-7px; left:-30px; right:-30px; height:0; border-top:1px solid #D8D8D8; } .review-comment-header { font-weight: bold; font-size: 18px; line-height: 25px; margin-bottom:15px; } .client-stars-block { font-size:0; width:220px; height:20px; margin-bottom:10px; } .client-stars-block:not(.disabled):hover > .icon:before { width:21px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' fill='%23FF6B00' stroke='%23FF6B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .client-stars-block:not(.disabled) > a.icon:hover ~ a.icon:before { width:21px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.5 1L13.1354 6.87263L19.535 7.56434L14.7642 11.8855L16.084 18.1857L10.5 14.9837L4.91604 18.1857L6.23577 11.8855L1.46496 7.56434L7.86456 6.87263L10.5 1Z' stroke='%23D8D8D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); } .client-stars-block > a { display:inline-block; padding-right:1px; height:20px; } .client-stars-list { padding-top: 4px; max-width: 1050px; } .client-stars-list > li { margin-bottom:35px; } .main-header-separator { margin-left: -5px; } .review-all-stars-list { padding-top:5px; max-width:1050px; } .review-all-stars-list > li { margin-bottom:35px; } .review-block-all { padding-bottom:0; } .dotted-select a.selectButton { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='5' viewBox='0 0 21 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='2.5' cy='2.5' r='2.5' fill='%2336A9E1'/%3e%3ccircle cx='10.5' cy='2.5' r='2.5' fill='%2336A9E1'/%3e%3ccircle cx='18.5' cy='2.5' r='2.5' fill='%2336A9E1'/%3e%3c/svg%3e "); background-position: center; background-repeat:no-repeat; width:21px; } .dotted-select .bt { padding:23px 50px 23px 20px; } .rating-user-select { min-width:357px; } .rating-user-list-item { width:100%; background:#fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-bottom:5px; font-size: 15px; line-height: 25px; } .rating-user-list-item-name { width:31%; font-weight: 500; padding:18px 30px 17px 30px; } .rating-user-list-item-stars .stars-block { margin-bottom: 0; } .rating-user-list-item-stars { width:280px; } .rating-users-list { margin-top:20px; margin-bottom:30px; } .finance-block-header { font-weight: 500; font-size: 22px; line-height: 30px; padding:15px 30px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); border-radius: 4px; } .grid-wrapper { margin-left:-20px; } .finance-grid > div { padding-left:20px; } .finance-block-total { padding:25px 0 18px 30px; border-bottom:1px solid #D8D8D8; } .finance-block-total-item { padding-right:5px; } .finance-block-total-item-label { font-size: 13px; line-height: 20px; color: #666666; } .finance-block-total-item-price { font-weight: bold; font-size: 26px; line-height: 40px; color: #333333; } .finance-block-total-item-price-payed { color: #36A9E1; } .finance-block-total-item-price-left { color: #FF6B00; } .finance-block-row-payment-actions { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='25' viewBox='0 0 7 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3.5' cy='3.5' r='2.5' transform='rotate(90 3.5 3.5)' stroke='%2336A9E1' stroke-width='2'/%3e%3ccircle cx='3.5' cy='12.5' r='2.5' transform='rotate(90 3.5 12.5)' stroke='%2336A9E1' stroke-width='2'/%3e%3ccircle cx='3.5' cy='21.5' r='2.5' transform='rotate(90 3.5 21.5)' stroke='%2336A9E1' stroke-width='2'/%3e%3c/svg%3e "); width:7px; height:25px; position:absolute; right:0; top:20px; cursor:pointer; } .finance-block-row-payment-actions:hover .finance-actions-list { display:block; } .finance-block-row-payment-actions-white { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='7' height='25' viewBox='0 0 7 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3.5' cy='3.5' r='2.5' transform='rotate(90 3.5 3.5)' stroke='%23FFFFFF' stroke-width='2'/%3e%3ccircle cx='3.5' cy='12.5' r='2.5' transform='rotate(90 3.5 12.5)' stroke='%23FFFFFF' stroke-width='2'/%3e%3ccircle cx='3.5' cy='21.5' r='2.5' transform='rotate(90 3.5 21.5)' stroke='%23FFFFFF' stroke-width='2'/%3e%3c/svg%3e "); } .finance-block-row-payment { position:relative; font-size: 13px; line-height: 20px; } .finance-block-row-date { font-size: 13px; line-height: 20px; color: #A1A1A1; } .finance-block-row-sum { font-weight: 500; font-size: 15px; line-height: 25px; } .finance-block-body { padding:0 30px 105px 30px; position:relative; } .finance-block-table > div > div { padding:10px 0 5px 0; vertical-align:middle; border-bottom:1px solid #D8D8D8; } .finance-block-row-payment-type { font-weight: bold; } .finance-block-row-payment-name { color: #008AC1; } .finance-add-button { position:absolute; bottom:25px; width:180px; } .finance-block-table-2 >div >div { width:auto; } .finance-block-row-payment-image { margin-right:20px; } .finance-block-row-payment-expenses-type { font-size: 13px; line-height: 20px; } .finance-block-cols-table > div > div { border-bottom:1px solid #D8D8D8; padding:12px 0; } .finance-block-cols-table > div:last-child > div { border-bottom:0; } .finance-block-cols-table > div > div:last-child { text-align:right; white-space: nowrap; font-weight:500; } .finance-block { margin-bottom:20px; } .finance-block-cols-body { padding:15px 30px; } .finance-block-cols > div:first-child { padding-right:40px; } .finance-block-cols > div:last-child { padding-left:40px; } .finance-actions-list { position:absolute; right:-18px; top:100%; list-style:none; background: #fff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); border-radius: 4px; width:170px; z-index:10; margin-top:3px; display:none; } .finance-actions-list:before { content: ""; position:absolute; right:14px; top:-14px; width:0; height:0; border:7px solid transparent; border-bottom:7px solid #fff; } .finance-actions-list:after { position: absolute; content: ""; top:-17px; left:0; right:0; height:17px; } .finance-actions-list > li { padding:7px 15px 7px 45px; border-bottom:1px solid #D8D8D8; font-size: 15px; line-height: 25px; position:relative; } .icon-download-svg:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 16V19C1 20.1046 1.89543 21 3 21H17C18.1046 21 19 20.1046 19 19V16' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 11L10 15L14 11' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 1V15' stroke='%2336A9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); width:20px; height:22px; } .finance-actions-list > li .icon:before { position:absolute; top:8px; margin-right:10px; left:14px; } .files-filter-cols-side { width:258px; float:right; } .files-filter-cols-main { margin-right:292px; margin-bottom:25px; } .files-filter-wrapper { max-width:720px; } .file-search { width: calc(100% - 292px); } .form-list .file-type-select { margin-right:130px; width:auto; } .files-no-request { position: absolute; right: 5px; top: 22px; } .form-list .form-subheader { width:100%; font-weight:500; padding-top: 6px; margin-bottom:13px; } .selects-list > li { padding-right: 17px; margin-bottom: 5px; } .files-filter-body { padding-bottom:1px; } .files-filter-buttons { margin-top:5px; } .files-filter-buttons > a { margin-right: 20px; width: 170px; font-size: 14px; } .filter-files-list { padding-top: 35px; } .file-list-item-actions { width:95px; } .file-list-item-actions > a { margin-right:8px; } .file-list-item-request { width:120px; } .file-list-item-date { width:175px; } .file-list-item-type { width:110px; } .file-list-item > div { padding: 14px 10px 14px 20px; } .surfaces-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header { display: flex; } .surfaces-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header-buttons__edit { display: inline-block; } .surfaces-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header-buttons__save { display: none; } .surfaces-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header__input { display:none; } .surfaces-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header__name { float:none; display:block; margin-top:0; margin-right: 450px; } .progress-task-list-item.is-open .surfaces-list-item:not(.is-open) .surfaces-list-item-header-buttons { padding-top:0; } .main-cols-left .surfaces-list-item-header-buttons { width:380px; } .main-cols-left .surfaces-list-item.is-open .surfaces-list-item-header__input { margin-right:380px; } .main-cols-left .surfaces-list-item-header-name { margin-right:-380px; } .main-cols-left .desk-block { width:100%; display:block; } .main-cols-left .surfaces-list-item-header__name { margin-right:380px; } .progress-form-list-row { margin-bottom:0; } .edit-td { position:relative; } .complect-list { padding: 0px; } .price-block-complects .handbook-header-name { padding-left: 45px; padding-top: 15px; padding-bottom: 15px; position:relative; } .price-block-complects .price-block-header { position:relative; padding-right:200px; } .price-block-complects-actions { right:20px; top:18px; } .price-block-complects-button { line-height:38px; position:absolute; right: 47px; top: 10px; padding-right: 14px; padding-left: 14px; } .complects-list-item .surfaces-list-item-header { position:relative; } .complects-list-item-actions { position:absolute; right: 19px; top: 22px; font-size: 13px; } .complects-list-item-button { position: absolute; right: 46px; top: 15px; font-size: 13px; line-height: 20px; padding: 0 14px; } .complects-list-item .service-number:before { display:none; } .complects-list-item .surfaces-list-item-header__name { color:#333; } .surfaces-services-list > div > .order-td { width:30px; } .surfaces-services-list > div > .full-td { position:relative; vertical-align:middle; } .surfaces-services-list > div > .full-td .hasNote + .note { padding-left: 0; top: 5px; left:16px; } .complect-list-table { font-size: 13px; line-height: 20px; } .complect-list-table > div > div { vertical-align: middle; padding-bottom:4px; } .surfaces-services-list > div > .full-td input { margin-bottom:0; display:inline-block; vertical-align: top; margin-left:7px; } .complect-list-table .mini-input { width:70px; padding-left:12px; padding-right:15px; font-size:14px; padding-top:14px; padding-bottom:14px; } .complect-list-table .medium-input.dirty { padding-top: 24px; padding-bottom: 4px; } .complect-list-table .medium-input-width { width: 140px; } .complect-row-depends { width:140px; } .complect-row-depends .bt { padding: 25px 20px 9px 15px; font-size:14px; } .complect-row-depends a.selectButton { right: 12px; } .full-td-input-wrapper { display:inline-block; vertical-align: top; position:relative; } .cost-td { width:20%; font-weight:bold; } .name-td { width:15%; } .full-td { width:75%; } .full-td-select { display:inline-block; vertical-align: top; position:relative; } .surfaces-list-item.is-closed .price-block-surfaces { display:none; } .surfaces-list-item.is-closed { border-bottom:0; } .surfaces-list-item.is-closed .surfaces-list-item-header__name.toggle-before:before { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .complects-buttons { margin:30px 0; } .price-block-buttons{ border-top: 1px solid #D8D8D8; text-align: right; padding: 14px 18px 14px 10px; } @media (max-width:1259px) { .balance .right-block-header , .right-payment, .balance .right-block-body { padding-left:15px; padding-right:15px; } .license-note { margin-top:15px; } .balance .right-block-body-left { padding-left:0; padding-right:0; } .files-filter-cols-main { margin-right:282px; } .main-cols-left .surfaces-services-list > div > div { padding-left:5px; padding-right:5px; } .main-cols-left .surfaces-services-list > div > div:first-child { padding-left:15px; } .main-cols-left .surfaces-services-list > div > div:last-child { padding-right:18px; } .main-cols-left .surfaces-services-list > div > div.edit-td { min-width:85px; } .main-cols-left .surfaces-services-list > div > div.edit-td .icon { margin-left:10px; } .main-cols-left .surfaces-services-list > div > div.edit-td .icon:first-child { margin-left:0; } .main-cols-left .narrow-td2 { min-width: 70px; } .main-cols-left .form-list-row .desk-block .selectArea { min-width: 220px; } .desk-block > .l-relative + .l-relative { padding-left:8px; } } @media (min-width:1000px) and (max-width:1259px) { .main-cols-left .progress-task-surfaces-list .surfaces-list-item.is-open .surfaces-list-item-header__input { margin-left:0; margin-top:50px; margin-right:250px; } .main-cols-left .progress-task-surfaces-list .surfaces-list-item.is-open .surfaces-list-item-header__input input { padding-left:20px; width:230px; padding:19px; } .main-cols-left .progress-task-surfaces-list .surfaces-list-item.is-open .surfaces-list-item-edit-block { padding-left:0; } } @media (max-width:999px) { .main-cols-right-narrow { width:auto; margin-left:-16px; } .order-comment-save { right: 15px; } .right-block .order-comment { padding-right: 46px; } .main-cols-right-narrow .main-cols-right-item { width:33.33%; } .balance .right-block-header span { margin-right:0; } .balance .right-block-body { display:none; } .balance.is-open .tasks-header > span:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-cols-left-wide { width:auto; margin-right:0; } .side .menu > li > a, .side.is-closed .menu > li > a { padding: 0 10px; } .client-stars-list > li { width:50%; } .review-all-stars-list > li { width:50%; } .rating-user-list-item-name { width: 45%; } .rating-user-list-item-stars { width: 240px; } .finance-block-total-item-price { font-size: 20px; line-height: 30px; } .finance-block-header { padding-left:15px; padding-right:15px; } .finance-block-total { padding-left:15px; } .finance-block-body { padding-left:15px; padding-right:15px; } .finance-block-total-item-label { font-size:11px; } .finance-block-cols-body { padding-left:15px; padding-right:15px; } .finance-block-cols > div:first-child { padding-right:10px; } .finance-block-cols > div:last-child { padding-left:10px; } .files-filter-cols-side { float:none; } .files-filter-cols-main { margin-right:0; } .full-td { width: 50%; } .name-td { width: 30%; } } @media (max-width:767px) { .surfaces-list-item-buttons { padding: 0 13px; } .opening-list .selectArea { max-width:263px; } .files-filter-cols-side { width:300px; } .file-search { width:100%; } .main-cols-right-narrow .main-cols-right-item { width:auto; } .balance-button { max-width:300px; } .balance-button-2 { margin-left:auto; margin-right:auto; } .license-button { max-width:90%; } .review-block { padding:15px; } .review-comment-block:before { left:-15px; right:-15px; } .client-data-block-header { font-size:16px; line-height: 22px; } .review-stars-list > li { margin-bottom:20px; } .stars-name { font-size:14px; } .review-client-link { float:none; white-space: nowrap; } .review-client-link:before { float:none; position:relative; top:3px; } .client-data-block-header > span { margin-right:30px; } .review-submit-button { max-width:300px; width:100%; display:block; } .client-stars-list > li { margin-bottom:20px; } .review-desc-list li { font-size:12px; line-height:15px; margin-bottom:5px; } .rating-user-list-item > div { display:inline-block; width:auto; padding:5px; } .rating-user-list-item { display:block; padding:10px; } .rating-user-list-item > .rating-user-list-item-stars { display:block; } .rating-user-select { width:100%; min-width:0; max-width:357px; } .finance-block-cols > div:first-child, .finance-block-cols > div:last-child { padding:0; } .finance-block-cols > div:last-child { border-top:1px solid #D8D8D8; } .finance-block-cols-table > div > div { padding:8px 0; font-size:14px; line-height:20px; } .finance-block-row-date { font-size:12px; line-height:16px; } .finance-block-total > div { width:50%; margin-bottom:10px; } .finance-block-total > div:first-child { width:100%; } .finance-block-total { padding-top:15px; padding-bottom:10px; } .finance-block-header { font-size:18px; line-height:25px; padding-top:10px; padding-bottom: 10px; } .finance-block-cols-table > div > div { font-size: 13px; line-height: 20px; } .finance-block { margin-bottom:15px; } .files-filter-wrapper .form-list { display:block; } .client-data-button { margin-left:0; } .progress-task-header-name { margin-right:80px; padding-top:0; font-size:15px; line-height:20px; } .price-block-progress-task .price-block-header { min-height: 55px; } .price-block-progress-task .handbook-header-buttons { margin-right:0; position:absolute; right:20px; } .progress-task-block-body { padding:15px; } .form-list .date-from-progress-task { width: 50%; } .form-list .date-to-progress-task { width: 50%; } .form-list .progress-group-li { width:100%; } .main-cols-left .surfaces-list-item-header__name { margin-right:0; padding-right: 70px; } .main-cols-left .surfaces-list-item-header-name { margin-right:0; } .main-cols-left .surfaces-list-item-header-buttons { width:auto; position:absolute; top:10px; right:10px; } .main-cols-left .progress-task-list-item .surfaces-list-item-header-buttons .icon { position:static; margin-left:10px; } .progress-task-list-item { margin-left:-15px; margin-right:-15px; } .main-cols-left .surfaces-list-item.is-open .surfaces-list-item-header__input { margin-right:67px; margin-top:5px; } .main-cols-left .surfaces-list-item.is-open .surfaces-list-item-header__name { padding-left:0; padding-right:0; margin-top:0; } .progress-task-header { float:none; margin-right:0; } .progress-task-buttons { float:none; width:auto; text-align:left; padding-top:0; padding-left:10px; padding-right:15px; } .progress-task-header { padding:0 15px; } .progress-task-add-button { padding-left:11px; padding-right:11px; } .progress-task-file .icon-file { padding-left: 43px; } .progress-task-file__name { width:190px; } .progress-task-list-item.is-open .surfaces-list-item-header-buttons { padding-top: 8px; } .progress-task-item-name { padding-top: 3px; } .progress-task-surfaces-list { padding: 15px 15px 0 15px; } .main-cols-left .progress-task-surfaces-list .surfaces-list-item-header-buttons { /* position:static; */ width: auto; } .progress-task-surfaces-list .progress-task-add-button { padding-left:5px; padding-right:5px; margin-left: 0; margin-bottom:10px; font-size:12px; } .progress-task-surfaces-list .surfaces-list-item-header { padding-left:10px; padding-right:10px; } .progress-table-row-delete { position:static; } .price-block-complects-button { position:static; margin-bottom:10px; } .price-block-complects .price-block-header { padding-right: 70px; } .price-block-complects .handbook-header-name { padding-top:10px; font-size:16px; line-height:22px; } .complects-list-item-button { position: static; margin-top:5px; } .complect-list { padding:0; } .cost-td { min-width:80px; } .complects-list-item-actions { right: 14px; top: 15px; } .price-block-complects .price-block-header { overflow: initial; } .complect-list .surfaces-list-item-header { padding-right: 70px; } .complect-list .surfaces-list-item-header__name { float:left; margin-right:30px; } } @media (max-width:600px) { .license-cols { display:block; } .license-cols > div { width:100%; margin-bottom:10px; } .license-header { margin-bottom:10px; font-size: 18px; } .license-header + .license-price { margin-top:0; } .license-price span { font-size:26px; line-height:33px; } .license-block, .license-block-list { padding:15px; } .license-note { font-size:12px; margin-bottom:20px; } .license-payment { padding:10px 15px; } .license-payment-tabs > li { margin-right: 10px; } .license-payment-tabs > li > a { font-size:11px; padding-top:6px; padding-bottom:8px; } .license-payment-tabs > li:last-child { margin-right: 0; } .license-payment-block-header { padding:15px; } .toggle-before.toggle-after:before { right:13px; top:20px; } .license-payment-block { margin-bottom: 10px; } .license-payment { margin-top:15px; } .license-payment-block-body { padding:15px; } .payment-table { display:block; overflow: hidden; } .payment-table > div { display:block; } .payment-table > div.license-payment-block-sum-value { float:left; padding-top: 20px; } .license-payment-block-text { margin-top:0; margin-bottom:10px; } .license-payment-block-text { font-size:14px; line-height:20px; } .license-payment-block-button { margin-top:10px; } .files-no-request { position:static; display:block; margin-top:10px; } .form-list .file-type-select { margin-right:0; } .dotted-select .bt { padding-top:18px; padding-bottom:18px; } .selects-list > li { margin-bottom:10px; } .files-filter-buttons .button { margin-right:10px; width:auto; padding-left:11px; padding-right:11px; } .files-filter-buttons .button:last-child { margin-right:0; } } .updating{ position: relative; } .updating:before{ content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.133; z-index: 99999; } .surfaces-list-item-buttons { display:table; padding: 0 54px 0 20px; background-color: #F4F8FE; width:100%; } .surfaces-list-item-buttons > div { display:table-cell; padding-top:20px; vertical-align: top; } .surfaces-list-item-total-cell { width:155px; } .draggable-icon { cursor: move; position:relative; } .draggable-icon::before { content:""; position:absolute; left:10px; top:23px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='7' viewBox='0 0 5 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='5' height='1' fill='%2336A9E1'/%3e%3crect y='3' width='5' height='1' fill='%2336A9E1'/%3e%3crect y='6' width='5' height='1' fill='%2336A9E1'/%3e%3c/svg%3e "); width:5px; height:7px; } .new-service .draggable-icon { background:transparent; cursor:default; } .surfaces-services-list > div.header-tr + div > div.draggable-icon:before { top:17px; } .surfaces-list-item-buttons .button{ margin-right: 14px; line-height: 20px; padding-top: 8px; padding-bottom: 8px; flex-shrink: 1; padding-left:15px; padding-right: 15px; margin-bottom:10px; width:180px; } .surfaces-list-item-total { font-weight: bold; font-size: 18px; line-height: 25px; white-space: nowrap; } @media (max-width: 767px) { .overlay-tree-list { z-index: 1000; } .surfaces-list-item-buttons > div { display: block; } .form-list-info-cell { width: 100%; } .surfaces-list-item-buttons .form-list-info { float: none; } .surfaces-list-item-buttons > div { padding-top: 10px; } .surfaces-list-item-buttons > .surfaces-list-item-total-cell { padding-top: 0; } .manual-values { display: inline-block; margin-top: 5px; } .enter-sizes { display: block; } .form-list-info-cell { padding: 10px 10px 10px 0; } .surfaces-list-item-total-cell { padding-bottom: 20px; } .draggable-icon:before { left: 5px; } .surfaces-services-list > div > div.edit-td { min-width: 30px; } .surfaces-list-item-header__actions { right: 7px; top: 10px; } .surfaces-list-item.is-open .surfaces-list-item-header-buttons__save { top: 30px; right: -30px; } .surfaces-list-item.is-open .surfaces-list-item-edit-block { margin-left: 0; margin-right: 0; } .surfaces-list-item-edit-block-right { padding-right: 0; } .surfaces-list-item-edit-block-right .selectArea { min-width: 240px; } .surfaces-list-item-edit-block-right li label.note { white-space: nowrap; padding-left: 15px; } .choose-service { top: 20px; } .new-service .num-td .t-w145:first-child, .new-service .num-td .l-relative { width: 48%; display: inline-block; vertical-align: top; } .new-service .num-td .l-relative .t-w145 { width: 100%; } .new-service .edit-td { position: absolute; top: 5px; right: 0px; } .overlay-tree-list .popup-body { padding: 15px; } .overlay-tree-list .popup-close { z-index: 10; } .handbook-tree-item-actions { top: 9px; } .handbook-tree-item-bg { min-height: 40px; } .overlay-tree-list .handbook-tree-item-price { padding-left: 65px; margin-top: 2px; } .documents-list-item-buttons { margin-top: 3px; } } @media (max-width: 500px) { .htooltip span { width: 350px; } .htooltip.relative { position: static; } .surfaces-list-item-buttons { flex-wrap: wrap; padding: 0 13px 0 13px; } .surfaces-list-item-buttons .button { flex: 1 0 100%; margin: 5px 0; } .surfaces-list-item-buttons .form-list-info { padding-right: 0; } .surfaces-list-item-total-cell { width: auto; } } .price-block-progress-task .price-block-name input{ padding: 7px 10px; } .upding{ position: relative; } .upding::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.15; } .progress-service-row.is-hide{ display: none!important; } .overlay-add-progress-estimate-list .price-block-header{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } .overlay-add-progress-estimate-list .handbook-header-name{ padding-left: 0; } .task-buttons{ margin: 0 15px; padding-bottom: 15px; } .progress-task-list-item .price-block-total{ padding: 0 20px; } .progress-task-list-item .price-block-total-price{ font-size: 22px; line-height: 40px; } .progress-task-list-item .surfaces-buttons{ margin: 20px 0; } .progress-task-list-item .surfaces-buttons .button{ margin-right: 20px; } .form-list input[type="checkbox"], .form-list input[type="radio"] { display: inline-block; width: auto; } .form-list label { cursor: pointer; } .form-list label span { display: inline-block; vertical-align: middle; } .form-list textarea.comment-textarea { height: 300px; } .editable-title { font-style: normal; } @media (max-width: 999px) { input[type="text"].surface-height { width: 120px; } .htooltip span { right: -69px; } } .upload-file-list { margin: 10px 0; } .upload-file-list .icon-file { margin-right: 25px; } .order-comment { padding-right: 40px; } .overlay-add-stage .popup { width: 90%; max-width: 1000px; } .popup-price-header { background:#36A9E1; color:#fff; padding:5px 15px; font-size:18px; font-weight:700; } .popup-price-surface-header { background: #F4F8FE; padding: 3px 15px; font-weight: 700; font-size: 15px; } .popup-price-table-header { color: #A1A1A1; white-space: nowrap; } .popup-price-table > div > div { padding: 5px 15px; font-size: 13px; line-height: 20px; } .popup-price-table > div > div:first-child { padding-left: 35px; } .popup-price-surface-service:nth-child(2n) { background: #f3f3f3; } .price-block-header-small { font-size: 80%; font-weight: 400; } .popup-price-button { padding: 15px; } .popup-price-dates { max-width: 500px; padding-top: 15px; margin-bottom: 0; } input.popup-price-date { padding: 20px 10px 5px; } .note.popup-price-date-note { top: 3px; left: 25px; } .price-block-small .price-block-num { padding-top: 0; padding-bottom: 0; font-size: 20px; line-height: 22px; } .price-block-small .price-block-header-buttons { top: 15px; } .price-block-body-stage { padding: 10px 10px 1px 10px; } .price-block-small .price-block-total { padding-top: 0; padding-bottom: 0; } .price-block-small .price-block-total-price { font-size: 20px; line-height: 40px; } @media (max-width: 400px) { .htooltip span { width: 280px; } } @media (pointer: coarse) { .actions-block:hover .actions-block-list { right: 50px; } } @media (max-width: 767px) { .popup-price-table-header { display: none !important; } .popup-price-table .popup-price-surface-service { display: -ms-grid; display: grid; grid-template-columns: repeat(3, 1fr); } .popup-price-table .popup-price-surface-service > :first-child { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 3; grid-column-end: 4; padding-left: 20px; } .popup-price-surface-service__label { font-weight: bold; font-size: 11px; color: #333; margin-bottom: 3px; } } .finance-block .requests-list-item > div { padding-top: 5px; padding-bottom: 5px; } @media (max-width: 999px) { .legend > li { width: 100%; } .finance-blocks-item-header { font-size: 13px; line-height: 20px; } .finance-blocks-item-price { font-size: 18px; line-height: 25px; } } @media (max-width: 767px) { .chart-cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header-phone { position: absolute; right: 30px; top: 18px; line-height: 20px; } .header-phone__links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-phone__text { color: #919191; } .header-phone__phone { font-weight: bold; color: #333; line-height: 20px; } .main-header.main-header--full { padding-right: 0; } .docs-help.order-detail { margin-right: 220px; } @media (max-width: 1259px) { .header-phone { top: 15px; } .surfaces-services-list-element__column--number { padding-left: 15px !important; } .surfaces-services-list-element__column--edit { padding-right: 18px !important; } .new-set > div { display: table-cell !important; } } @media (max-width: 999px) { .main-header .main-inner:first-child { padding-right: 220px; } .header-phone { top: 75px; } .header-phone--order-detail { top: 65px; } .main-header.main-header--full { padding-right: 1px; } } @media (max-width: 767px) { .header-phone { position: static; padding: 10px; font-size: 13px; line-height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-header .main-inner:first-child { padding-right: 0; } .main-header-button { padding-left: 10px; padding-right: 10px; min-width: 110px; } .side.is-closed #top-question-mark.order-detail { right: 0; margin-right: 160px; z-index: 20; } } .menu__text { padding: 5px; white-space: nowrap; } .menu-button .menu__text { padding: 3px; border: 2px solid #36A9E1; border-radius: 5px; } .active .menu-button .menu__text { border: 0; padding: 5px; } #video-instruction { width: 75vw; } .main-inner--container .orders-list-help-link { outline: none; } .video-instruction-iframe { width: 100%; height: 40vw; } .video-instruction-checkbox { display: block; margin-top: 15px; padding-top: 15px; border-top: 1px solid #D8D8D8; } .video-instruction-checkbox .checkboxArea { border-radius: 30%; } @media only screen and (max-width: 1024px) { #video-instruction { width: 100%; padding: 45px 15px 15px; } .video-instruction-iframe { width: 100%; height: 50vw; } } .some-button { display: inline-block; cursor: pointer; } .some-button--add { color: #008ac1; position: relative; padding-left: 34px; } .some-button--add::before { content: ''; display: block; width: 24px; height: 24px; box-sizing: border-box; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M5 11.5V7.5H1C0.734784 7.5 0.48043 7.39464 0.292893 7.20711C0.105357 7.01957 0 6.76522 0 6.5C0 6.23478 0.105357 5.98043 0.292893 5.79289C0.48043 5.60536 0.734784 5.5 1 5.5H5V1.5C5 1.23478 5.10536 0.98043 5.29289 0.792893C5.48043 0.605357 5.73478 0.5 6 0.5C6.26522 0.5 6.51957 0.605357 6.70711 0.792893C6.89464 0.98043 7 1.23478 7 1.5V5.5H11C11.2652 5.5 11.5196 5.60536 11.7071 5.79289C11.8946 5.98043 12 6.23478 12 6.5C12 6.76522 11.8946 7.01957 11.7071 7.20711C11.5196 7.39464 11.2652 7.5 11 7.5H7V11.5C7 11.7652 6.89464 12.0196 6.70711 12.2071C6.51957 12.3946 6.26522 12.5 6 12.5C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5Z' fill='%2336A9E1'/%3E%3C/svg%3E") no-repeat center center; border-radius: 50%; border: 1px solid #a1a1a1; margin-top: -12px; position: absolute; top: 50%; left: 0; } .side .docs-help.fright .list-page-help-link { display: inline-block; } .side .docs-help.fright .list-page-help-link.docs-help-link::before { top: 2px; } .side.is-closed #top-question-mark { top: 50%; transform: translateY(-50%); } /* End */ /* /local/frontend/build/css/app.css?175048803869692 */ /* /local/templates/shumovnet/styles.css?173496396750425 */ /* /local/templates/shumovnet/template_styles.css?1750488038440206 */