/* ERIC MEYER RESET ================================================== */ html, body { margin: 0; padding: 0; } blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } /* #Color ================================================== */ /* #Basic Styles ================================================== */ body { background: #fff; font: 17px/24px 'Roboto Regular'; color: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } ::selection { color: #ea1c24; background: #000; } ::-moz-selection { color: #ea1c24; background: #000; } ::-webkit-selection { color: #ea1c24; background: #000; } .ui-loader { display: none !important; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } em, i { font-family: 'Roboto Light Italic'; } strong, b { font-family: 'Roboto Bold'; } strong em, em strong, b i, i b { font-family: 'Roboto Bold Italic'; } small { font-size: 80%; } /* #Links ================================================== */ a { color: #ea1c24; outline: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:hover, a:focus { color: #e0002a; text-decoration: none; } /* #Form ================================================== */ input, textarea { -webkit-appearance: none; outline: none; } /* #Buttons ================================================== */ .button { color: #fff; font: 14px 'Roboto Bold'; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; background: #e0002a; border: 0; border-radius: 2px; padding: 10px 25px; margin: 0; outline: none; opacity: 1; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .button:hover { color: #fff; background: #ea1c24; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .button:active, .button.active { color: #fff; background: #ea1c24; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .button.disabled { opacity: .3; cursor: not-allowed; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .button.disabled:hover { background: #e0002a; } /* #Paginator ================================================== */ .pagination { display: flex; } /* #CSS3 Mix ================================================== */ /* #Header ================================================== */ header { width: 100%; height: 100px; display: flex; position: relative; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); z-index: 10; } header .head { display: flex; align-items: center; justify-content: space-between; } header .head-left { display: flex; align-items: center; } header .head-left-logo { width: 130px; height: 72px; display: block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAABkCAYAAAAv8xodAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkdCBE0/KFvdAAAIABJREFUeNrtfXmcZUV977fqnHP3tffu6Z7umenpmYHZ2IYxYZEoiAFFPi9BjUBcgojJM1HcYnyJ+jSLPuUlqJgIgggiqAETNiMgQUcZkDxnBmaY7p7pdZZe7r7fe6rq/XGWPnfrPrd7erb07/M5ffvee26dOlXf+tX3t1QdYEVWZEVWZEVWZEVWZEVWZEVWZEVWZEVWZEVWZEVWZEVWZPmELGfhke5+BwAnADeADQDOA7AJwBoAqwC0AAgAcAGg8xT1F82Tw/+40l0rspDIywBiGcA5ADYDuBTA7wLYstLUK3JGATrS3e8CcCOAtwPYBmD1SvOuyBkJ6Eh3/wcAfEanEc6VZl2RMxLQke7+TQAeXqEUK3JGAzrS3e8B8KcA/mG5DcsVWZFlBXSkuz8I4F4A168034qc0YDWwfwraF6MFVmRMxfQke7+kA7mTSvNdnZKpLtfghYPIAAcALoBtALw6J9xAEkAxwBMA2AABADWPDnMzxhAR7r7vTrN2HQaNb4DWoDG3eBPheW1BCALINk8ORxbRB2aobknxSlsihiAicUCSr+HVdACX5cCuADAuQCCNn5+FMA+AC9Fuvt3ARjT65I53TX0RwC8Y4nX+i2AQwCOA4hD84y8bQlGZSeA7+iNLxYJ6CyAKIBjke7+UQB7ADzfPDl8wGZZ1wL4hj4wTlX/PQLgf+r30giQL9Lrf4kO4uAirt+lH2/R348DeCXS3f88gH9tnhyePO0AHenu3wrgbxdZ/usA7gTwM32qygLIN08OlyLd/e/TAb1YkaCFzYNLKKNJn1a36u+LAKKR7v7fAvjr5snhlxf4vROA9xRPVr5GlILen38H4EIAbSe4Lqv141oAn4p09/8bgM82Tw5HTicN/aNFToMfA3D/PFPhUt19YhmmegeADgBXA7gy0t1/J4C/ap4czuL0FWETyE4A/wjg1pNQJ0XX3B8CcFOku/+TAO5unhwuLveF50sIwmx3/58DWN9gmS8A2NI8OXzf6WIoLGEG+AsAj0a6+1edqTcR6+6XI9391wCYPElgrhSvTssej3T3n3vKAB1Z1R8E8DFhUYU2ju+owJXNk8NH7KpXu8dSf7/YA8BVAnh0tru/7VTVYTHtoyskJwP+TgA/EUDLKa7flQL4z9nu/j85JYDmFH8Mgk4QnRwsfDwG4GPtdqcV0uBxaufziwDcdyZp5llnPwHw7wA+rs82pwMvagbwjdnu/s/F2vrJSQP0VM96H0DeKkAUAQIbx7gA/rplcjhh/wZJQ8eSB8TSjytme/rff4rrYGvAj/X0U7Thv0Bw5WlVR+1wgOBvVCc+edKMQgJsFJorx658p21ieN8Jt2RO3O+noAUFDBgqOrdzNVCGC8B7Znr6H22d0HzWYq5M1oACsaOZuM1blCrPneoZcFHwRwWwfYlNnASQBpDX3ZJCr78Dmu/fDy3gslj5+5me/kTrxPC3lhXQUz3riQDOB9Bqc044Thbv1luCNDJjif+hdw7ROoUEAfRBu8+rAfTbHESXQQv779LrsFuf0u0A2gHgj2EvbeBL0PzjdgbI6zrgMNuzXuIQXxAgV5PFg/h5AC8D2AeIw7oySOr3qAAIA6RLdxZsB3AxNF82XYRSumu6Z32ibWLooeXU0A4AVzWgBb/WNjFUWsTNLEkac5+Q37ZPDNWKXt073bN+tdACR7fbbK8rpnrW/7p9Yoi3Tgzt0zp+YTnas16WtI63A+hvtU8MHW20TRhwpXEfDbZvEcCXCfCwAMbaJ4ZSdc4zIqtHdNB/f7pnfSuADUIL7tywiK788lTP+gPtE0O/XRYOLQCHAC5voIw7zxAXXE1pmxgaB/ApXSvakSsWY2RJmqKwq8UcjZY/1bNeAfDAIjTlL6CFvf+mbWLo1XnAXK/9Ztomhn7ZPjH0TgBvgJbn0Yh0A/j0VM96z/IAWvNstAgCLHgAT7VPDOUXxYFJY8dySvvEEAPwdQD7bcwsW8QipteT4EX4uu5FaEQrf6N9Yuiy9omh0faJIX4C2vFFaKkITzZY93fqdG5ZvByX2/YvEvxkKUbdyfRDL1gfFVMC+KmNcloX40g80fW1yrHV67cA+CC3Ua5+TlEAn2ifGPqzZVAOMQ78oQDu5w3cqyD438d71tMTr6FBdjTgJ/r10oy6xTuiT7SG7zg2JATBIUHAbZTXuAG0vDPSF4TeTAuWq71+vGNi6J+Wa7bonBjKcopbQPBIA/d7oSC4djk09DZ7WoRMC5D4qdLQyyRZ2MucO21C+sdWr98OLfBjV74H4FvLXa+usaEigPcCONDAz/5hOYzCDTZBNiaA3KmjHEsMzNQu0y1A5AXKygsQ0fj9nvj66uVeKUBW2Sx3UoB8vnN86KSku3aOD+UEyAcFCLNZv41HVw9ccKIBHbD52+MACjiLRAC9NjwY+04XDX1k9UAQjRlTd3WNDx46ydV8GcD3G+iDW08YoCdXDzQ3oD0jYgmJ7UvV0LzBYyGZXD3QLIDLbJT1H9x+ZHDZ6qu3YSsHLrZZZoRoedAnVbrGBwsc+D4HEnbqKYBLx1cPSCcE0IKgtQE7LQkB9RTZhMsh1wPYucA5DMBT3eODpwuHXqN7XezI1zrHB0/JUrHu8cGnoS3PsiPNVNsDcVFSGSl0NXDHOdDGNZVVQy9JyIm53ETvgAPA2wXwbRtFPgGOfSehvnY9J79D7N/9t0/x4PsxiLkyaD7xCW1fxN8sGdANgowKEN9Y74bFXFflEK6l9HGDiwgD473rjeQaChCPrtnWC+CPiL7HyAJlxgHc0TMxmDwlA7h6IBIAFwh7g+kVQRA7lWgWBI8C+LyNU92wmVtjA9ANQewPoa1LW2T/ki6xBL3VYF0fAohqoVleHdC99sAmAODPV48NPn+S6muDkxMA2GjTf/MLiFO6Mh09Y4P7xnsHcgBxi4Vbu+vv+9bQO4UQLgCHxkZFf98aQgjB0Mhh0QjlaET69ONUeSQakUuXyG+u7R07+MRJrK/tPrBXLjkpnpnfvXgn4ZwjFouhVCqZRIsCGBob5QxkL9Gy88ocAxAC4Fx7FQKspIZfnhl3HNFSVwEAw6MjAgDZsukcsu/AfrEcgP7vIMMAbugdO/j/TsO6GXnddmSsd+zgosfUut6+yomA5HI5JOIJZIpzqTy7dr9o1EsAIAG3h1x3/fV006ZN9DP/67N57nEPEy4uBqUABQShgKJAbmuF3NEBuaMNckc7lPXrd/7g9y5/gjqdLQC6CCFNAF6YmZl5X3t7+9im9QPkwFBtA1c+CVrkTBUhtG0KPj/at+F5AC9wYO/a0YPF06R+tsPvXNd0NYCpoZMQCCEIIQSpVIpMRWbLPKaHxkZFjQlHuvuf/8V93gXnu5tbWtxOh8OjOBxuAuIhBF5CiJtKUlCWpBZKacvtf/npsLrv1Qt5JguppRm0KQypKQwqyeYKBQZACAFeKnXkisUOnk6Dcw7BORxO5xtbWlp+8d733Nx/34P3F9f19pEa9aoA9Bm0jygnJ0UD9ujH2wDECPD0SN+GL60ZPfjactbXzql5AuK0oYQEwAoQwt/XJx0aHV0o3wsAEPJ6HT995rnmnp6esMfnaZZluYlS2kQpbSaENFNKmwghASGEF4BPCOEVgE9w7hPaPiE+COEQQiPuTAiouRzEwHoIQsA4g2AcIp0BZwxCAISUV0VUgDGXy8PpcHR/9Z/uuOy+B+//Wb1mWqEc9iUM4N0Arh3p2/D+NaMHf9To6LA7A5bm0aYAcAwCr4CTnaDlPFQIgAtAcAghIDTtRienJ9SUHgx69mfPdmzctKHTHwh0KIrSKUlSJyGkixDSSSntJIS0CSGcQgiJcy4LIWTOucSFkBljMhdCEkJQznnZXCYqRobgvM60J2rMEFrVFxrSjHHIkrwO2sZFJ9xt999V/AB+ONK34UNrRg/+s90fRSkhYS7saFQkGaMjE6NUphIhhGDbtm3k3M2byaruVcTvD1CP10tELK6wBx8GiJYHQQN+KO3tkDvbNT7a3m5wUrJ2y+ZHud8fIIT4hBDgnIMLAc4YGGPgOvgZ59oULxpDwnzn1/pOLAJoQggwxkAl2mVQrnW9fbySdpyxGnoRi2RFhQowjCo3Glssa8idw30bjvSPHny8f906IlRmKmFCCIZHR8qq+fzh1/m1XWuEzldhzLPE4QBxOUGcLhCXE9TpEK3vu3nT5FVv7pAVxSlJksfhcIQlSWqllLYSQtoISBsIaVP/6N2QW1shBQPm1qCWnGcwlUEwhlyp2MVTaXDBF4cmmwCu//mJKZ9xDkWWOm277XgDvlIC/AeApxftRgV2CuCdWLQvmtgGPoG4EUAGABH6AYASzegLQtt9czuAawC0AqRqCq3qIc4VwdkXnwZeufrQoWO1Trv33nu9l156aVMgEAjLyVRn/lvfbgdjkEIhSKEgpGAA1OsD8XpAvF7jlcire+4RkuwC4CcEVMM/B+cCwqATQgBdXShxDpFIQQhes2nEIgBs/MYcfDXKsdKERi5hLbuy3IWuy5gKp0PptBjFfH4OTRrSkL/qH3n9jkX7w9ZsTEAD9KJHhF0pgby4cfT19Hzn/HvfgHeVEJ/zCPLnVPCPCgM8upUN/T04Bw0EoHS0Q25t2bb9Ux//dPYDN79OJamDEtpBJalD56MhIYQshFA454oIhRT3Z//SL4QAZAmCShCUzvFPHaRc44rtYMW6YNLNpvIUKWIBhTgx2nY+ulD5FSEElNKy389HX/g8HHu+30iS1IF5MnyWQjmW6mdY2nIbMj8Nsf4/zpiCzhb6poHNNBQOk1AoRAgllIAQh8NBXC4X2aUoWLtubfyNt976Vfen/8pJEqkPS12dUDrbIbW3Q+nogNLRDqWjHURR5pY0qewjRsepjEOorH5nEqIdXABcbQxgaGyab4zTinl9l/OVZdzr7OwsZmZmoaoqCCHw+bxYtWoVHA5HmUZeSt1VlUGSpDYAVFVVyLJcZWufMqPwRF7L5I6MgTgUSM1NoIoDxOkAkRVs+9vPXxQfWC8UQtsIJe2UkHYQ0k60o81yOARjwN9/CQAE1+gJOOMQjKHEGAqFIpAvLGoqtw2wZQRvpVYgBKCU6kbXwvMepRT5QgFTx49jz549+M1vXsHg4CCyuRyoQSP0axNCsG7dOuy8+GKcd9556O7WAF5PO9sceMqWTZtC+w4cSK3r7Tt9vBwnal8OzQgSYCqD1LMKLbfeAufmc0B9Pv3wgnjcP4Uo1yqaZhG6z1PoXq+y6Y6cCEARkCqQWv8nIBAQiwarVfNVUpRaPJcQoFQqIZPJIpPJIJvNIpVKIRwOY+3atWVgM0Bp/C/LMg4fHsGTTz2Fl156CclEErIig1IKj8dTfhH9/4nxcRw+dAhPPvkkduzYgauvfgvWrVuHYrFotgKxtq21DMt743vGmPTR228Pv/9P/iR5Vvmhuc6jBARUAahuNzo+/jH43vb7urNeaK4pISAKxbrTZ6MWe6PakGN+f2wjOUOUUhBCyg4rv2S6G87qlq4URXHg8cefwLPPPodSqQRVZcjnc/id33kDbrvtNvP3lVzX5XLhued+jvu/9z0kk0kQAE6nozY3sfwvSRIkSUIul8Pzzz+P/fv348Yb34MLL7oIQlXrKrdafmx9FpE2nnNOCMDoWQXoEkBkAKoACpyDrOqCc+tmsFJJM+TEiXE5NWxMQZzwshljiMfjiESjiEajiEWjiMXiiMViyOfzkGUHOjrasHXrVgwMDNTkq5Xlz8zMmGBVVRVTU9N166ooCh5//AncfffdkGXZpBYNmTz6AJyZmcE3vvFNfPz2j2HTpk0NtaWAAOdMam1paao3yS8lfXSJlGNp18oJQdwAShDICi06xoS2fFWIUwdeq2binKNUUsGYar6qavn/uVwe8XgCiUQcqlrCxRfvRFNTWNPIhODue76DRx97FJRI0MxYAkIoaA0N/dBDD6Ovrxc33XQjtm/fXub+sp7nDwS07yxgi8ZiNc+nlGL37t24//77IctyVbs4HA60tbVhYGAAa/p64fF4kM5kMHJ4BINDQ4hEIsjn86YHhBCCQr6Ar37tDnzpi19ER0e7RvVszVQEjHPJ5/eHbAL6DOHQPc2kBEIcAIpCIC8E1GwWpUwGkm51WzWDbQCLOeZsTusGiCxclzGmeTFQ7SKjlGJ8fByvvPJfyOfzyGbnuGomk0U2m9H4azaLbCaDYrEIEO164XAYa9asQVNTGJwLSIoMt9sDj9sHSu0pgCNHjuDLX/4KbrrpJlx33dtRKBTK2oAxhoDPX0YPCCGIRaM1terMzAwefvgRMMbKBlCxWMTatWtxzTW/jx0XXQS/369FIDkHIQSyLCMeT2D37hfxxBNPYvLIEUhUMtsok8ngzq9/HV/4wue0ckW1d6WCRms0knHZ4VCa6tk5pyw5aUnXmogIvqYVDEJLfIFANpdFKZutCvlVgrkWuGVZhuJQQAkB4xzJRBLxhKY14/EEkskkcjltxwa/34e+vjXYsGE9CoViFefUAD2B++77rqnRNG04Z2AZr5Ikwe12l3ki8/mCYSZBCAGfzwtZlqqMNabbCQAgyfJcmbIMIQQe+sEP0NfXi3PPPReqqpb91h/w6yCaMyzT6bR5nhX8u3btwtjYWJl2LhSLOG/7dtz6wVvQ0tICxpjZPnPnFOBwKrjs8sswsGED7rjj/+Lo0aNlbT4yMoKnn/4prrvu7fp9V/qdq/uKMSbJstJkgLky6+6MTk4yvOucAGouDzWbs+9f1VWCLMv4+fM/xxNPPIlEIolkMlkFnlrS2dmJ97//fdi8+dyq88OhIAglkGSpoampWCwhn8+XleXxeE36Ynzm9niwZctmhEIhFItF7NmzF9Fo1FRXBABTVfzoRz/Gtm3bqgHtD1TxbCEE4rEYfH6/CfR8Po9nnnl2LmAiNMrS29OD2z50KwKBAFRVndfNKIRAR0c7PvGJ23H77Z8oaytKKZ5//nlcccUVcDgctigi40xSFLnZloY+08Bs/KUgYLkc1Fy2tlZewK+bSCSxf/8BuFyuBQ0qQyYnJ/H5z38BN974Hrz1rVdDkiRTq4XCTTUjdpxzUEohyxIkSTY9AMZ7w4thdS16vB5QSYLQVoCAcY7mpiZ88hOfMGmAJEl44IEH8OMf/2tZtO748eMYHx9HR0eHOZNwzhHw+1B5m4QQxGIxBAIBMP398NAQJicm4fV6zXuRJAnXveM6BIIBW1ROCC1Lrr29A+95zx/hnnu+YwZbACAWT+DVV1/FhRdeWDbr1OsrpjIqeWhTvcCcXMu3e5LcbksFtJkIREHA8wWomYz+RblLjIDM21DNzc1VbrBaA8Lg0QBAqFaDe++9D4QQXH/9O1AoFMG5QFNTE3hFkEKWZbzhDTvR0dEBj8cDr9cHr9cDj8cLn88Lr1c7JEkyO5YQAq/How0Wgx4AiEajyOfzZff0rne9CwcOvI5XX33VpAfFYhFTx4+jo729zB3m8/lACC23GaAZhr29q8EFhyIp+PWLL0JxKHPtKQR6V6/Gpk0bF4wslnNggUKhgDe+8Y149LGfIJlImAMvk83i0KHDOP/882uG+ivzO1TGQAgNAHAwVS1KFdHCM1ZDWx9KrdFBgUI8obvsFtbQxjmcczQ1hav8wkII5PN5MMYgyzI404wdp9M5Z7GDwOFw4KGHfoBzzz0Xa9euBWMMbre7TAsZgL7qqquwcePGCq4qTK4oKgxak3JYtC6lFPF4vCrnoVAoYOvWLdizZ48JaCGEZnRClPl1JUmC1+tFroKixeNxyIoCEAKXy4nBwUFz5jFA1dnZhdbWVhSLpYV98FxUzQIX79iBJ596Cg5FMQfY8ePHkM1mq9qsNu0Q4EJ4P/zBD3kee+zRorvC83JGc2hrpIlSgnwsBlLHIV9PGGMIh8Nggs8BXwDhUBi33fYh9PX1meHawcFBPPDAgzhy5EhZJzHG8IMfPIzPfe5vkM1qtCcUCiFu0USMc0SjMd1tZ3/DKa/XA7mCi6uqikwmA6/HU3ZvakktaxiJSvD5fHMDRv+CC45wOIzp6WlQQs0ZZ3R0FHv27MXU1BSSyRRmZmbLKAylFF1dnWZU1ba9Yvlu/fr1YP/+OKADmgCIxeLI5XK2AM21BQzebedvd//wh4/ErUb1meu2Q/kDu3VkoRBPAPNkeNX7PBAIgohy1xGlFC0tLQgEAqbWPP/887Ft2zZ86lOfxtjYWJlvdWRkBMeOHUcwqJ0fCocRi8fNOZgzhmRy4S09rHXknMNjUI4KTReNRODzek1qksvl8NJLL0OWZBO8/oAffWv6wK2DVS83HA6XXYtSiqeeehqPP/6ESb8URam6rs/nnzcjbqHkp5aWljIXJCEEhUKhzFu0ULKUEPCsXr3arc0+FW7TclcaaehYmttuadcyPzdfKXLRGLS0z9qHNSRsPSilCAT85dpOVZFKpcoyyorFIiiluPXWD6Kg5yIYR0ktYWx8DIQQDTChUNk0L4RAKpWqGT2jlOrGoTxHL/RVJF6Px/Tfzq23IkimUgABUukUDg4O4l++fTcOHT4EKlFwofmD3/72a+H1emoEV0QVoA1a5HQ64XA4ysBctmG64FUct7qNqz+bozsUip6taJRtXSlTXnatQ0Bw4W1qbnLVAvRZs6aQUIJ8PAYieGPb0eoNGAoFMT09Y0bQVFVFOpOp0hhGQMHldELoQQTd+kYykTDfh0KhKm2bzWbh9XpRKhZRKBSQTKaQSqWQTCaRSiURj8exevVqrF271vydATBrWQ6Hgu9//yH4fD7kclnMzMwgFoub58myjFtuuQW/93tX6MZjtd0QCocsdsMCFp7FoEwlklVcv7FZR0BVVSiKQ88Dh2agglguV3sN79yySe71erxuzhg5OyKFqLEzKSHIx+KosYTYhvHCEQgGcXxq2hwKKmPIpDM1tYwQWsZa5ZRs1TLhcKjKwNu1axdef/11zM7MIl/IV80mxWIR177tGvT29Zp0RgiOQDBQFbwZGxsry4azBnEYY3jwwQdx8ODruPbaa9Ha2lo2pTPGEA6FtMStCvCWSiVzUMiyXHYPnHMcO358XtfmQsuw4vE4VJUZFBpCcDgUBZJEy1AxX18JIbwORfESjbuQs0JDy+bdE309FUUhFtM4tB6ubiSZPRgIahRBB5JaKiGbzVR1nqIo2L17d5WGopTC7/ebq61DwXINDQFEZiOYnZnVwuk10kpVpiKVSmuLQfV6cCEQCgXLwGulLJWuLUNSqRR+9rNn8Itdv8KHPngLzjvvvLLzQwYlstTR5/Phs5/9KzQ1NSEYDOKb37wLzzzzjDlwtaSmaUQiEfh8vnk4c/1+O3jwYBV4Q6EgnE6nLUNTo3TCSyj1khqai9bTesv9mIilXovoY5MSLYlHIgTFWBzEJp+r/Ewz5so5dDabswQ/ZMiShJGREXz3u/fXdMv1dHebqasaYET5DRDdf60DuZY7MZVKlaWAci4QCIRqdqzicMDn96OlpQUtLS1wu90oqqqpeSVZRiGXwz/deScGB4fMQc45r6JERpv6fD4oioJsNovNm88t98gQgqPHjuPw4ZEywFXy3Hq9rKol7N69uyyMTghBR0cH3G63rb7Sc2gclFKvnUhhIxtNO5eIaQX2l3E5agRWCAHx6I+GhUIp1FgcYAyC0IYy6oQQCAaDZQtNOReYmjqOgwdfRzyeQCwWw8jIKPbs2YPIbKQsoUYIgbVr16Ctvc1MBgrplENUTKNG0MRKT4y6ulwuc+WIMbg45wgGg+WeHSHQ0tSE2z58GyAEFEUxPR0HDw7i8ccfh2EwUUrBGMPdd9+Nr371/5jXrjQKBbSIXiKRgNfjARcc/f39CIXCyOfzpnZPpzN44YUXsGnTJl3T2psBXS4XnnrqKUxNTZUpA7fbjXXr1s7rOanU/pxzKIoSaG5ppgCINZ+jkkOPQHskwEL7PktY5P69lmv9HMAHbICaAvhV5YdpkGm3wCdzQrRFANcRIvz7YxHPDZL8AUppC29goxPNdVceypUkil27foXdL75kZpFZI3hWuqAyhptvvsnUZkIIBAKBqjtzuVxYt24tWlvbEAoFEQ6HEQqFEA6HEQwGzZnAOv1qgA5Yg3qAzre3btmCTIXhOjAwgEDAj+9+9/655CVJwvTUFPbu24etW7ZAVVXN2HQ69Xsg5rVSqTREJwHngMvlxsUXX4xnn30WiqJBRZa0dNJzztmEN7/5zXV96uVGrAN79+7FY4/9RPNwWL5ramrC5s1bqpK85qMunAkoitKyZs0aak14qgL09kP7owD+5WRw4O2H9g8CGFzs7684tD8J4Mfo6VIUqgSaCGmdghr6AsTViiS1WJN57FjwQQPQlo/VkmoGK+pFGwkh+OhHP4KOjo6yJCAjGmekUwqhhcTf9773o7OzXd+SoHaEsNwIYgjo/J5Y/N6pVArFYrHqd0IIXHnllXjkkR8ik83O7dhEKQ68th/bt20ztWEoGEI8Hjf9wpxzpNNpnZkKKIoWrn/55d3I5fJldsQ999wLSikuueSSeVN0OefYt28f7rrrrrL2MeStb30rHA5FN0btuRA4Z5Bkpbm1rU2aF9BnkuhbZVFLFJxOAVIqlYq1trq0VSyEzDvcrZ0QCATK2q1qtYRFYwohIEkS+vr6cP3178AFF1yAUkmtcCNS+Hy+uWCKHkDIZNIolZptByY4FwgGAzU5dCKRMLln5Xctra1IjYyURfoi0ZjpHjNoViwWMwGjATpVBsZ169Zi58434LnnnitrT6fTgbvvvgevvbYfl112GTo62uHz+SDLshnJnJ2dxZ49e/HMM8+YPnyr+3Pnzp249NJLaqSO1u8rIQQYZ3A6lObm5mZ6tvqhTbMrmUjE2tvbzX0uap9c/bnT5SxLxDE6tFDQVnh7vV74/X40NzdjtZ6gs3HjRjQ3N1dliWmLYwGvz6ditarKAAANm0lEQVSFv3UgFAoFM6moVgJOPQ1ncOjKm00kEvB4PPogmzPsVJVpPN9M4dKstTnvgq6hQ4bdQMsph2XGoJTiuuuuw9jYGA4ePFhGGRRFwYsvvog9e/aiq6sDwWAQiqKgVNKCUlNTU4jH41AUpQzM+Xwe27dvw80334RCoWDWxy5FZIyDSlJTKBQiZyugteAhQKKRSJxSyaQDdhehSpIMj8djGkBCCLS1teLGG29Ed3c3JEkCpVqqp6I44HAopt+2ZqBH35tCcG76xesBej7hnMPvD+h72JWjOh5PorOzs2zycblcePrpp5HJzFEHAxidnR3m4NM0dKAq+GNoaGuSv9frwUc+8hF85StfweHDh8uMOlmWUSoVMTo6VrMNKr1Bqqpi69ateO973wu3220r97wqOKO5NZv9gQCd1213pgPaKSuYnpmJSrJU1y1WIy8AQswBuvL7jo4ONDc3IxQKIRDww+12mytIKjvDehBCzFwL6zSraaT5PS6V3g9CCAJ+f5kbUAiBRCKmG6sqVLWIXC6Ln/zk3/Dww4/UBMf5559vBk6srjvjYIwhnU7XHFRutwuf+cxnsGPHjroDuN6KdCv4d+zYgT/7sz9FOByu6emp1QZz20zM5VcTQpudTod01gRWDo2NCstGIwKAcDqdmJyYjEqU1gwYzrcSXJYlk48anZHN5lAslmxnllk/NxJ5rFIslVAoFPRkI6HXkehgL6FUKppbCwQCgbJyQ6EQEomEHibWZPfulzA2No54PIZoNIrR0TEkEgk4nc6q9X+XX345Vq1aZa6IMagMY6ws4pnN5ioShayAlPDhD38YL7zwn/jlL3fh2LFjSKfT5sKEWgOTUIpwKISuri5cccUV2LHjIhQKhQU183x9pS9saCaEyACIJEmm7XumUw4zZwYAczqdbHhoKDIHGCM/oBxotRLJjfV9wvJ5LpeFqpbm3WOurq+RUs3LYQkvE0px6PBhuFxuc+FsOq295vM55PN5c23epz71SQs9YAiFQhgdHS27xssvv2x6USiloJTC6XSW1VXLk96KG274w7LlXVowKVjlacnlcsjnC3rwo2wrGLMt3/SmN+G8887DoUOHMT4+jiNHjiAWiyGXy0FAwKE44PP70NLSiu7uVejp7saaNWsgy7J5f43skVLFoTkHCJo55xIhpGyv6rMB0Fz3m6tOp1N96aXds5RScC5AqahpJddqRHPBqkW153I5FApFmw5/UYND++ZoAgBFkvHLX+zCr3/1or5ynJkryCt5ZvlKbW7mhlhTSWV9QWw97s0YwyWXXIJ3vvMGk05ZTw8EAmb+ttvtRlNTE5qamsCYClmWypLqrZLP5+H1erFt21Zs2bIZhUIBqqqaA9DIHlQURTcitfap9AQ1vp3anDeGAAiFwp58Pm8O4rPFKDS0tOpwONQ9r74aN6a6RpLQTQ1dcY7VjWXPeDEATeH1+qoAodGKam1ebsUzpFIpM3IohEAwFKq7m6d1NbkxEAYGBnDNNddg8+bN2kLWCotSCIHu7m7cddc30dTUZGbq1dposl5OjDEQHQ5HmfFnPd26Gmdxjqt6g5VjYOOG9snjx0bW9fbRdb194tDYqDhbAM1geWR0LpeLS5SEVNV+tFCWZXg87kqkIJFImNO6XZ5ndIbL5axabVJvxrAaRqqqIhKNYlVXl8kZ21rb0NraAo/Ha2o+p9MJv98Pv9+PQCCAQCCAlpYW9PX1IRDwo1gsQVXrR/IkSUJra6u2Vq9iCwO7g7jRHaoaBbA1X8Q4hxAKSgmSiUTBSaWzwyisYRiaz33PZXMxSqWQEPYeRW50rtvtARdCc/0ILY8vkUjZAq91g0Toi3IdDsVckWG12J1Op75Q1gO3e+7V+MzhcMJjmS0459i8+Vz09HwMHo8HLpcbLpdLD5HzquQdI/d6bgySGhs5kqokLss4rko0qnwOyuIAS2q2WfXAnvuNRl9kSLKeJCbJ8Pu8KOQLz9579z1HVvf2krOJQ1dTB4Ck0+mox+dbUyvlsl5HEELhdru1NXaWIEUymdA9H/Y609jRlBCClpYWvOUtV8HlciMYDCIY1LSow+HUty4o38bAeC9JsmV3VH0vDre3zK3IOUOuzrYNldM9akQ9G9nMvBxk9rWtVatqDxJiVTRPURTIsgKHQ4Eiy9p7RTb/1w3bUi6XS+RyuXihUJgdGpz8zYPfe+Dh1157rSD0lcY1k5POBvrhkBWSTCaifiNDzaZLSAONu8wYopQilUouYhrWANPe3o4/+IM/WFCbiRr7d1QDUdRcnNqoO3FhurR0ukAJgawoOmBlKIoiZFmGIitQFNlcPMAYK2bS6Vg6nY4lY9F4NBaLz87MxI8ePRodHxuPHThwILpv7964qqqMEMIAFAFkKKUxSuksABXzbXh+NoiiKIjH4rHVfX1z0UIbSS+cM/T39+Pd734XXC43AgE/AoEgQqFQzeeB2O38WqtdFsMhl/455vXyWI1KSZIs6x21zSGN/zX3IAEhVKUAI5SqhEAlhKqUEpVSWgKg5vP5bDqVSkZnphPRWCw5OzOTPD41lZgYn4gPDw3FX3n5N7GjM1NZ49Ky/jQFRVGIoihCURSuH6qiKEy3k0oAcgCSALL6e04t7qyzAdDE4umA4nBgZnYmIlFD01bzNoPnWjuUc46enm709fXW5KSVPmw72rb6+Xu1ubeVd1uB1thm5qIKuMbn2i79Bp2hJr2RJcnkppLux1YZE0xVs6paypVKak5VSzm1mM+WSqVssVjM5vP5bDqdzqVSqWwykczFYrFcNBLJTk9PZ48dO5YZHxtLHzx4MJ1XNV+ODKKBVJYhK4pQZFnIiqI6nA62rrePoXoNh9UVW9IPA9CqrqWzOrCL+udnFaDLFhAriiKOHT0WnaMOvC7PrXLYM1YzxbHxqVvU5aLz8e5a7qlaxpMVtIQSKJIMWVG0TScVnYfKMhRZgixr/zPOUMjns7lcLpnNZpPJRDKZTqWSiUQiEYvFErPTM/Hpmel0Npsr5XNZNZvNqdlsRs2kM8V0Ol1MpdOFRDxeSMQTJcYZlygFoZToAR1BKRWEEEYpLXV1damEEF7R+PWAymv0JbcAWK3wYqmW36sAxNloFJquO0VR+MjhwxHjuSHzadXG94luzF/a+AN6Kvdm1pOh5DlDSdY5qCLLkGVtcWmhUMhkMplYKpmMz0RnY9FoLD4zPR07duxYZGTkcGzfnr3RI0eO5CzGoG5LgQkhGABVaGl3rEJBVIJQ9Qf8ao2bFhVgs4LQeq4VlKrlemKegFnl4xe55SgzCM94QOs50dabLCmKoh7Yv3+WmKumxTIBWNR1Y1n329D+1zgCxdx+05RKoIQIQgmjhKqUEEYkyiihqkQJI5SqgnM1k8kkU6lkMh5PJGLRaHJmeiZ+9OixxNj4aPTAa/vjL730UjJbLJQMHqpP71xWFC7LMjO4qDXfoQKsqkVbqjWmf1ahVXmNac8KQKMcXqMsUQes8wXMKpeWlr2eNU+SraOhVUJIKZ1OF9VSqaHNzg2+WRVRs2xqbt0UhlKq8U6Dl1IJVNK+E1yAc6aqKssxVc2rTM2pqsZHS6VSvlQq5XK5XDaVSmVTyWQuHk9k47FYejYym5k6PpWamBhPDw0OZ0YmxvKGA1ch1KASQlEUZoC1vb1dWCKNwtoWFo7J6oCrUqvyGuARFSBlCwCP1wGqqHN+3S4x2hmAKJVKVeCtJWdbYIUBUBnnpXw+H5VluWluaU8tjTrHdSWJmu4kSTL4pz7FSxIkfVejkqoin8sl87lcKpvNJTPZTDKdTieT8UQyHo8lZ2Zmkol4Ip/NZkv6UchkMsV0KpVPJpOFWCxWjEQipVQyyagkEYN/Uko5pZRRSlVKKZMo5RUPsC+biRYAoQHiYsUUjYrp33puvem/1pS/kC2zkNYFAHJobPSEb3h7Nmlos8Nj0Wjh1X37njn/ggtvmJqaBigsvHPusPpEhRDIZXOJdCYTS6WS8ePxeDwajUanp6djRyYn44cOHYrtf21/IplMqhBCcM65EIJxwVXBBeOcM8658bkJBt1/ap3WucPhQHNLSy3AFK3GTg1wVE7rldO2qKF9+Tw8tfJ8sQBQsQBYy5RNQ87rE+jyOqPFsrbQCSAAoEUI0REKhTu+esfXrr/gogt2MpXxVDqdSCaTiYQG1Pj01HR8cmIiPnxoOL53z974nlf3pXU3E2RZ5rIkMVnjokL3ixJZe/QDqWUs1bHYecX0r9bRcsJSRi1jqRYF4HXAavUUoAGtihME1FPuwz1bAK0A8AFoAtDKGAsfO3rUUeBMsriFoRDKZVlmsqIwRVGEsTGhoigLAbWer7RYA9CiwqqvBGqtKdh67kIgrGcozTfF16VtRjue7mD9bwHocwY2kEKhQHT65AbgBxACENTfy5b7rPRjVnJLXgfQ9bjlQlN/oxzUlrGkP2VKCAAHh4fOeBCuALq2lpZ0Le0C4NXB7NS1N63jpqoEWeWUXstDgBpgFRbrXyygKU8UB12Rs9gohMX6N8CVrdDOtRz2fAHHvrDhKzVeyQJG1QpIVzR0w1raOIwNaEgNQNfSyNb2EA1Y9gSWSFWFm20FwCuAPiGgRgWQSZ1pfV6tuwLGFUCfruCua9mvyIqsyIqc1vL/ATFUBHRgEh5fAAAAAElFTkSuQmCC') center no-repeat; background-size: contain; z-index: 11; } header .head-left-nav { color: #444547; font: 16px 'OpenSans Semi Bold'; text-decoration: none; text-transform: uppercase; letter-spacing: -0.6; display: block; margin: 0 13px; opacity: 1; -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 500ms; -o-transition: all 200ms ease-in-out; -o-transition-delay: 500ms; -moz-transition: all 200ms ease-in-out; -moz-transition-delay: 500ms; transition: all 200ms ease-in-out; transition-delay: 500ms; } header .head-left-nav.none { opacity: 0; -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 200ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 200ms ease-in-out; -moz-transition-delay: 0; transition: all 200ms ease-in-out; transition-delay: 0; } header .head-left-nav:hover { color: #e0002a; } header .head-left-nav.special { width: 200px; height: 74px; font-size: 27px; line-height: 28px; padding: 10px 0 0 92px; color: #bc152a; display: inline-block; position: relative; margin-left: 54px; margin-top: 10px; text-transform: none; background: url('../img/spec-menu/kia.png') 0 0 no-repeat; } header .head-right { display: flex; position: relative; height: 100px; } header .head-right-search { width: 35px; display: flex; justify-content: center; align-items: center; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search .search { color: #444547; font: 20px 'Icons'; text-decoration: none; position: relative; z-index: 1; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search .search:hover { color: #ea1c24; } header .head-right-search .closed { top: 52px; right: 0; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search .input { width: 0; margin-left: -5px; border: 0; border-bottom: 1px solid #c4c4c4; padding: 5px 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search.active { width: 490px; margin-left: -490px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search.active .input { width: 410px; border: 0; padding: 5px 40px 5px 40px; margin: 0 -25px 0 -30px; border-bottom: 1px solid #c4c4c4; outline: none; } header .head-right-search.active .closed { width: 15px; height: 15px; display: block; position: absolute; top: 52px; right: 0; cursor: pointer; opacity: 1; } header .head-right-search.active .closed:before { content: ''; width: 15px; height: 2px; display: block; background: #444547; position: absolute; top: 0; left: 0; -moz-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search.active .closed:after { content: ''; width: 15px; height: 2px; display: block; background: #444547; position: absolute; top: 0; right: 0; -moz-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-search.active .closed:hover:before, header .head-right-search.active .closed:hover:after { background: #ea1c24; } header .head-right-search a { display: none; } header .head-right-search span { display: block; } header .head-right-profil { width: 95px; display: flex; justify-content: center; align-items: center; margin-left: 10px; cursor: pointer; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-profil:before { content: 'u'; color: #444547; font: 20px 'Icons'; } header .head-right-profil:hover { background: rgba(0, 0, 0, 0.1); } header .head-right-profil-loger { width: 95px; display: flex; justify-content: center; align-items: center; margin-left: 10px; cursor: default; position: relative; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-profil-loger img { width: 45px; height: 45px; display: block; position: relative; border-radius: 100%; } header .head-right-profil-loger .item { width: 185px; padding: 30px 25px 20px; display: flex; flex-direction: column; position: absolute; top: 0; right: 0; background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); z-index: 11; } header .head-right-profil-loger .item-user { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } header .head-right-profil-loger .item-user p { width: 130px; color: #404041; font: 16px/20px 'OpenSans'; width: 16px 155px; margin-left: 10px; } header .head-right-profil-loger .item-nav { padding-top: 25px; margin-top: 25px; border-top: 1px solid #eee; } header .head-right-profil-loger .item-nav a { color: #404041; font-size: 14px; text-decoration: none; display: block; margin-bottom: 15px; } header .head-right-profil-loger .item-nav a:last-child { margin-bottom: 0; } header .head-right-profil-loger .item-nav a:hover { color: #ea1c24; } header .head-right-profil-loger .item-nav .notifications-count { color: #e0002e; } header .head-right-profil-loger .item-closed { width: 15px; height: 15px; display: block; position: absolute; top: 15px; right: 10px; cursor: pointer; opacity: 1; } header .head-right-profil-loger .item-closed:before { content: ''; width: 15px; height: 2px; display: block; background: #444547; position: absolute; top: 0; left: 0; -moz-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-profil-loger .item-closed:after { content: ''; width: 15px; height: 2px; display: block; background: #444547; position: absolute; top: 0; right: 0; -moz-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-profil-loger .item-closed:hover:before, header .head-right-profil-loger .item-closed:hover:after { background: #ea1c24; } header .head-right-profil-loger .avatar-notification { position: absolute; background: #e0002a; color: #fff; font: 12px/0 'Roboto Bold'; z-index: 1; border-radius: 50%; top: 60px; right: 20px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; } header .head-right-profil-loger:hover { background: rgba(0, 0, 0, 0.1); } header .head-right-menu { width: 65px; display: flex; justify-content: center; align-items: center; position: relative; background: #ea1c24; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } header .head-right-menu span { width: 25px; height: 3px; display: block; position: relative; background: #fff; } header .head-right-menu span:before { content: ''; width: 25px; height: 3px; display: block; position: absolute; top: -9px; background: #fff; } header .head-right-menu span:after { content: ''; width: 25px; height: 3px; display: block; position: absolute; top: 9px; background: #fff; } header .head-right-menu.active:before { content: ''; width: 65px; height: 100px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: #fff url('../img/loader.gif') center no-repeat; } header .head-right-menu:hover { background: #e0002a; } header .head.mobile { justify-content: flex-end; } /* #Menu ================================================== */ nav { width: 100%; display: flex; position: absolute; background: #fff; padding: 14px 0; top: 0; left: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); z-index: 11; } nav .nav { display: flex; flex-wrap: wrap; } nav .nav .closed { width: 15px; height: 15px; display: block; position: absolute; top: 0px; right: 0; cursor: pointer; opacity: 1; } nav .nav .closed:before { content: ''; width: 15px; height: 2px; display: block; background: #444547; position: absolute; top: 0; left: 0; -moz-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } nav .nav .closed:after { content: ''; width: 15px; height: 2px; display: block; background: #444547; position: absolute; top: 0; right: 0; -moz-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } nav .nav .closed:hover:before, nav .nav .closed:hover:after { background: #ea1c24; } nav .nav-menu { display: flex; } nav .nav-menu div { width: 80px; display: flex; flex-direction: column; flex-wrap: wrap; padding: 0 35px; border-left: 1px solid #ebebeb; } nav .nav-menu div a { color: #404041; font: 15px/30px 'OpenSans Semi Bold'; text-transform: uppercase; text-decoration: none; } nav .nav-menu div a:hover { color: #ea1c24; } nav .nav-menu div:first-child { margin-left: 170px; } nav .nav-menu div:last-child { border-right: 1px solid #ebebeb; margin-right: 0; } nav .nav-social { width: 130px; display: flex; flex-wrap: wrap; align-items: center; margin-left: 30px; } nav .nav-social a { width: 32px; height: 32px; color: #fff; margin: 0 5px 10px; text-decoration: none; display: flex; justify-content: center; align-items: center; border-radius: 3px; background: #252525; } nav .nav-social a:before { content: ''; font: 18px 'Icons'; } nav .nav-social a:hover { background: #ea1c24; } nav .nav-social a.vkontakte:before { content: 'v'; } nav .nav-social a.facebook:before { content: 'f'; } nav .nav-social a.twitter:before { content: 't'; } nav .nav-social a.instargam { margin-top: -65px; } nav .nav-social a.instargam:before { content: 'i'; } nav .nav-social a.youtube { margin-top: -65px; } nav .nav-social a.youtube:before { content: 'y'; } nav .nav:before { content: ''; width: 130px; height: 72px; display: block; background: url('data:image/png;base64,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') center no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 11; } /* #Container ================================================== */ .link-test-auto { width: 100%; height: 250px; display: block; background: url('../banners/2.png') center no-repeat; } .calendar-banner { position: relative; z-index: 1; } .calendar-banner .text { width: 100%; height: 100px; display: block; position: relative; z-index: 1; text-decoration: none; } .calendar-banner .closed { position: absolute; top: -18px; right: 2px; color: #fff; font: 28px/0px 'Roboto Regular'; z-index: 100; cursor: pointer; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .container { margin: 0 auto; position: relative; } .breadcrumbs { margin: 10px 0 5px; } .breadcrumbs a { font: 12px 'OpenSans'; color: #444547; text-decoration: underline; } .breadcrumbs a:last-child { text-decoration: none; } .pagination { font: 14px 'OpenSans Semi Bold'; padding-top: 20px; } .pagination li { height: 21px; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; line-height: 21px; padding: 0 5px; } .pagination li a { color: #e0002a; text-decoration: underline; } .pagination li.active { background: #e0002a; } .pagination li.active span, .pagination li.active a { color: #fff; background: #e0002a; } .pagination li.disabled { color: #aaa; } .sidebar { width: 300px; } .sidebar-oldcars { width: 100%; color: #000; margin-bottom: 18px; border-radius: 3px; display: block; text-decoration: none; text-align: left; border: 1px solid #e9eaeb; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); } .sidebar-oldcars img { max-width: 95%; display: block; margin: 10px auto 0; } .sidebar-oldcars p { font: 18px/25px 'Roboto Regular'; margin-top: -5px; padding-left: 20px; } .sidebar-oldcars:hover { color: #e0002a; } .sidebar-arcap { width: 100%; height: 159px; overflow: hidden; display: block; margin-bottom: 18px; position: relative; } .sidebar-arcap .logo { width: 170px; position: absolute; top: 55px; left: 60px; z-index: 8; } .sidebar-arcap .gif { position: relative; max-width: 100%; z-index: 5; } .sidebar-arcap:after { width: 160px; height: 26px; content: 'Наши краш-тесты'; color: #fff; text-align: center; font: 16px/24px 'Roboto Bold'; background: #ec7e0f; position: absolute; z-index: 8; top: 110px; left: 67px; opacity: 0; -webkit-transition: all 400ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 400ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 400ms ease-in-out; -moz-transition-delay: 0; transition: all 400ms ease-in-out; transition-delay: 0; } .sidebar-arcap:before { content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 6; background: rgba(255, 255, 255, 0.3); -webkit-transition: all 400ms ease-in-out; -webkit-transition-delay: 300ms; -o-transition: all 400ms ease-in-out; -o-transition-delay: 300ms; -moz-transition: all 400ms ease-in-out; -moz-transition-delay: 300ms; transition: all 400ms ease-in-out; transition-delay: 300ms; } .sidebar-arcap:hover:after { opacity: 1; -webkit-transition: all 400ms ease-in-out; -webkit-transition-delay: 300ms; -o-transition: all 400ms ease-in-out; -o-transition-delay: 300ms; -moz-transition: all 400ms ease-in-out; -moz-transition-delay: 300ms; transition: all 400ms ease-in-out; transition-delay: 300ms; } .sidebar-arcap:hover:before { background: rgba(255, 255, 255, 0.6); -webkit-transition: all 400ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 400ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 400ms ease-in-out; -moz-transition-delay: 0; transition: all 400ms ease-in-out; transition-delay: 0; } .sidebar-300 { margin-bottom: 15px; } .sidebar-sport { width: 100%; height: 150px; display: block; margin-bottom: 20px; border-radius: 2px; background-color: #ea1c24; background-image: url('../img/a-sport.png'); background-repeat: no-repeat; background-position: center; } .sidebar-white { padding: 18px 20px; margin-bottom: 20px; border: 1px solid #e9eaeb; border-radius: 3px; position: relative; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); } .sidebar-white p { margin: 0; } .sidebar-white-title { font: 16px 'OpenSans Semi Bold'; } .sidebar-white-button { padding-bottom: 10px; } .sidebar-white .forum { font: 16px 'OpenSans Semi Bold'; text-decoration: none; display: inline-block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .sidebar-white .forum:before { content: 'F'; font: 45px 'Icons'; margin-right: 10px; position: absolute; top: 10px; left: 10px; opacity: .1; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .sidebar-white .forum:hover { color: #000; } .sidebar-white .forum:hover:before { color: #e0002a; opacity: 1; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .sidebar-white .owl-carousel { margin-top: 5px; margin-bottom: 10px; position: relative; } .sidebar-white .owl-carousel div { height: 80px; background-repeat: no-repeat; background-size: contain; background-position: center; font-size: 0; } .sidebar-white .owl-carousel:before { content: ''; width: 80px; height: 75px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); } .sidebar-white .owl-carousel:after { content: ''; width: 80px; height: 75px; display: block; position: absolute; top: 0; right: 0; z-index: 1; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%); } .sidebar-white.newsletter { text-align: center; } .sidebar-white.newsletter .title { color: #e0002a; font-family: 'OpenSans Semi Bold'; margin-bottom: 5px; } .sidebar-white.newsletter .text { font-size: 14px; font-family: 'OpenSans Italic'; line-height: 16px; margin-bottom: 15px; } .sidebar-white.newsletter .input { width: 100%; font: 14px 'OpenSans'; border: 1px solid #e7e7e7; border-radius: 3px; padding: 9px 13px; margin-bottom: 10px; box-sizing: border-box; box-shadow: inset 0 3px 3px -3px #e7e7e7; margin-bottom: 15px; } .sidebar-white.newsletter .button { margin-bottom: 5px; } .sidebar-white.link { text-decoration: none; display: block; padding-left: 95px; } .sidebar-white.link .title { color: #e0002a; font: 16px 'OpenSans Semi Bold'; } .sidebar-white.link .text { color: #000; font: 15px 'OpenSans'; } .sidebar-white.location { background: url('../img/sidebar/ar-location.png') left center no-repeat; } .sidebar-white.parking { background: url('../img/sidebar/ar-parking.png') left center no-repeat; } .sidebar-white.center { text-align: center; } .sidebar-gray { background: #fbfbfb; border: 1px solid #e9eaeb; border-radius: 3px; padding: 18px 20px; margin-bottom: 20px; position: relative; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); } .sidebar-gray-title { color: #e0002a; font: 16px 'OpenSans Semi Bold'; } .sidebar-gray-wrapp { position: relative; } .sidebar-gray-wrapp .item { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #e9eaeb; } .sidebar-gray-wrapp .item p { font: 14px/18px 'OpenSans'; margin-bottom: 10px; } .sidebar-gray-wrapp .item img { width: 100%; height: auto; } .sidebar-gray-wrapp .item .date { color: #e0002a; color: 14px; } .sidebar-gray-wrapp .item:first-child { margin-top: 10px; } .sidebar-gray-wrapp .item:last-child { border-bottom: 0; margin-bottom: 20px; } .sidebar-gray-wrapp .mCSB_scrollTools .mCSB_draggerContainer { right: -25px; } .sidebar-gray-wrapp:before { content: ''; width: 100%; height: 30px; display: block; position: absolute; top: 0; z-index: 1; background: -moz-linear-gradient(top, #fbfbfb 0%, #fbfbfb 10%, rgba(251, 251, 251, 0) 100%); background: -webkit-linear-gradient(top, #fbfbfb 0%, #fbfbfb 10%, rgba(251, 251, 251, 0) 100%); background: linear-gradient(to bottom, #fbfbfb 0%, #fbfbfb 10%, rgba(251, 251, 251, 0) 100%); } .sidebar-gray-wrapp:after { content: ''; width: 100%; height: 30px; display: block; position: absolute; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 0) 7%, #fbfbfb 90%, #fbfbfb 100%); background: -webkit-linear-gradient(top, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 0) 7%, #fbfbfb 90%, #fbfbfb 100%); background: linear-gradient(to bottom, rgba(251, 251, 251, 0) 0%, rgba(251, 251, 251, 0) 7%, #fbfbfb 90%, #fbfbfb 100%); } .sidebar-gray-more { text-align: center; } .sidebar-gray-more .more { font: 16px 'OpenSans Semi Bold'; text-decoration: none; position: relative; } .sidebar-gray-more .more:after { content: '>'; font: 13px 'Icons'; position: absolute; top: 6px; right: -10px; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .sidebar-gray-more .more:hover:after { right: -15px; } .sidebar-them { position: relative; border-radius: 3px; margin-bottom: 20px; background: #f7f7f7; } .sidebar-them-title { color: #e0002a; font: 28px 'Roboto Regular'; position: relative; padding: 16px 0 17px 20px; } .sidebar-them-title:after { color: #e0002a; content: '\e91c'; font: 65px 'Icons'; position: absolute; right: 19px; top: 15px; opacity: .05; } .sidebar-them-wrapp .item { margin-bottom: 20px; } .sidebar-them-wrapp .item-img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 201px; position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; } .sidebar-them-wrapp .item-img-comments { color: #fff; position: relative; z-index: 2; opacity: 1; font: 37px 'OpenSans Semi Bold'; -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 200ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 200ms ease-in-out; -moz-transition-delay: 0; transition: all 200ms ease-in-out; transition-delay: 0; } .sidebar-them-wrapp .item-img-comments:before { content: '\e909'; font: 32px 'Icons'; margin-right: 10px; } .sidebar-them-wrapp .item-img-border { width: 100%; height: 201px; display: block; z-index: 5; position: absolute; top: 0; left: 0; } .sidebar-them-wrapp .item-img-border-fire { position: absolute; top: 5px; left: 13px; z-index: 10; } .sidebar-them-wrapp .item-img-border-fire:before { color: #c2c2c2; content: '\e91c'; font: 20px 'Icons'; -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 200ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 200ms ease-in-out; -moz-transition-delay: 0; transition: all 200ms ease-in-out; transition-delay: 0; } .sidebar-them-wrapp .item-img-border:before { content: ''; position: absolute; left: 0; top: 0; border: 30px solid transparent; border-left: 30px solid #f7f7f7; border-top: 30px solid #f7f7f7; } .sidebar-them-wrapp .item-img-border:after { content: ''; position: absolute; right: 0; bottom: 0; border: 5px solid transparent; border-right: 5px solid #f7f7f7; border-bottom: 5px solid #f7f7f7; } .sidebar-them-wrapp .item-img:after { content: ''; width: 100%; height: 201px; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); -webkit-transition: all 200ms ease-in-out; -webkit-transition-delay: 150ms; -o-transition: all 200ms ease-in-out; -o-transition-delay: 150ms; -moz-transition: all 200ms ease-in-out; -moz-transition-delay: 150ms; transition: all 200ms ease-in-out; transition-delay: 150ms; } .sidebar-them-wrapp .item-content { color: #000; margin: 0 10px; padding: 10px 10px 15px; font: 16px/20px 'OpenSans Semi Bold'; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background: #fff; } .sidebar-them-wrapp .item:hover { cursor: pointer; } .sidebar-them-wrapp .item:hover .item-img:after, .sidebar-them-wrapp .item:hover .item-img-comments { opacity: 0; } .sidebar-them-wrapp .item:hover .item-img-border-fire:before { color: #e0002a; } .sidebar-them-wrapp .item:last-child { margin-bottom: 10px; } .sidebar-them:after { content: ''; width: 100%; height: 2px; display: block; } .sidebar-discussing { position: relative; border-radius: 3px; margin-bottom: 20px; background: #f7f7f7; } .sidebar-discussing-title { color: #e0002a; font: 28px 'Roboto Regular'; position: relative; padding: 16px 0 17px 20px; } .sidebar-discussing-wrapp .item { color: #000; text-decoration: none; margin: 0 20px; display: block; margin-bottom: 20px; } .sidebar-discussing-wrapp .item-autor { display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-bottom: 15px; } .sidebar-discussing-wrapp .item-autor img { width: 45px; height: 45px; border-radius: 100%; display: block; margin-right: 15px; } .sidebar-discussing-wrapp .item-autor span { width: 200px; color: #7f7f7f; font: 16px/21px 'OpenSans'; } .sidebar-discussing-wrapp .item-autor:after { content: ''; position: absolute; left: 11px; bottom: -15px; border: 10px solid transparent; border-bottom: 10px solid #fff; } .sidebar-discussing-wrapp .item-text { font: 14px/20px 'OpenSans'; padding: 10px; max-height: 114px; overflow: hidden; background: #fff; border-radius: 3px; position: relative; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .sidebar-discussing-wrapp .item-text.shadow:after { content: ''; width: 100%; height: 50px; display: block; position: absolute; bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 90%, #ffffff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 90%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 90%, #ffffff 100%); } .sidebar-discussing-wrapp .item:hover { cursor: pointer; } .sidebar-discussing-wrapp .item:hover .item-text { color: #e0002a; } .sidebar-discussing-wrapp .item:last-child { margin-bottom: 10px; } .sidebar-discussing:after { content: ''; width: 100%; height: 2px; display: block; } .sidebar .tgb { padding: 10px; border-radius: 2px; margin-bottom: 20px; background: #dde5e8; color: #000; text-decoration: none; display: flex; justify-content: space-between; padding-bottom: 10px; } .sidebar .tgb div { width: 100px; } .sidebar .tgb div img { max-width: 100%; display: block; } .sidebar .tgb p { width: 173px; font: 16px/20px 'OpenSans'; margin: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .tgb:hover p { color: #e0002a; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse { height: 119px; background: #fff url('../img/sidebar/lada-vx/bg.png') bottom center no-repeat; border: 1px solid #e9eaeb; border-radius: 3px; position: relative; overflow: hidden; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); cursor: pointer; } .sidebar .widgetResourse-vesta, .sidebar .widgetResourse-xray { height: 119px; position: absolute; bottom: 0; z-index: 5; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse-vesta span, .sidebar .widgetResourse-xray span { color: #e0002a; font: 14px 'OpenSans Semi Bold'; display: inline-block; position: absolute; } .sidebar .widgetResourse-vesta img, .sidebar .widgetResourse-xray img { display: block; } .sidebar .widgetResourse-vesta { width: 250px; left: -185px; padding-right: 38px; padding-left: 50px; } .sidebar .widgetResourse-vesta img { margin-top: 24px; } .sidebar .widgetResourse-vesta span { top: -15px; right: 123px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0ms; -o-transition: all 0.3s ease-in-out; -o-transition-delay: 0ms; -moz-transition: all 0.3s ease-in-out; -moz-transition-delay: 0ms; transition: all 0.3s ease-in-out; transition-delay: 0ms; } .sidebar .widgetResourse-xray { width: 250px; right: -185px; padding-right: 50px; padding-left: 38px; } .sidebar .widgetResourse-xray img { margin-top: 10px; } .sidebar .widgetResourse-xray span { top: -15px; right: 123px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0ms; -o-transition: all 0.3s ease-in-out; -o-transition-delay: 0ms; -moz-transition: all 0.3s ease-in-out; -moz-transition-delay: 0ms; transition: all 0.3s ease-in-out; transition-delay: 0ms; } .sidebar .widgetResourse-title { color: #e0002a; text-align: center; font: 20px/22px 'OpenSans Semi Bold'; margin-top: 31px; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse:hover .widgetResourse-title { margin-top: -40px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse:hover .widgetResourse-vesta { left: -306px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse:hover .widgetResourse-vesta:hover { left: -25px; z-index: 10; } .sidebar .widgetResourse:hover .widgetResourse-vesta:hover span { top: 5px; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 350ms; -o-transition: all 0.2s ease-in-out; -o-transition-delay: 350ms; -moz-transition: all 0.2s ease-in-out; -moz-transition-delay: 350ms; transition: all 0.2s ease-in-out; transition-delay: 350ms; } .sidebar .widgetResourse:hover .widgetResourse-xray { right: -306px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse:hover .widgetResourse-xray:hover { right: -25px; z-index: 10; } .sidebar .widgetResourse:hover .widgetResourse-xray:hover span { top: 5px; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 350ms; -o-transition: all 0.2s ease-in-out; -o-transition-delay: 350ms; -moz-transition: all 0.2s ease-in-out; -moz-transition-delay: 350ms; transition: all 0.2s ease-in-out; transition-delay: 350ms; } .chat-site { width: 500px; top: 0; right: -503px; bottom: 0; position: fixed; background: #fff; z-index: 301; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all 550ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 550ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 550ms ease-in-out; -moz-transition-delay: 0; transition: all 550ms ease-in-out; transition-delay: 0; } .chat-site .item { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 0; margin: 0 10px; border-bottom: 1px solid #eee; } .chat-site .item-left { width: 75px; } .chat-site .item-left .img { width: 75px; height: 75px; display: block; border-radius: 100%; margin-bottom: 10px; } .chat-site .item-left .like { color: #999; font: 14px 'OpenSans Semi Bold'; text-align: center; cursor: pointer; } .chat-site .item-left .like:before { content: '\e912'; font: 18px 'Icons'; margin: -1px 5px 0 0; display: inline-block; vertical-align: top; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .chat-site .item-left .like:hover:before, .chat-site .item-left .like.active:before { color: #4aa9d9; } .chat-site .item-right { width: 395px; margin-left: 10px; } .chat-site .item-right .name { color: #000; font: 16px 'OpenSans Semi Bold'; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 5px; } .chat-site .item-right .name .date { color: #999; font: 12px 'OpenSans Italic'; padding-bottom: 1px; } .chat-site .item-right .text p { color: #333; font: 16px/22px 'OpenSans'; margin: 0 0 5px; } .chat-site .item-right .text p:last-child { margin-bottom: 0; } .chat-site .item-right .text img { max-width: 100%; display: block; margin-bottom: 5px; } .chat-site .item-right .text img:last-child { margin-bottom: 0; } .chat-site .mCSB_dragger_bar { right: -3px; } .chat-site.active { right: 0; -webkit-transition: all 550ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 550ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 550ms ease-in-out; -moz-transition-delay: 0; transition: all 550ms ease-in-out; transition-delay: 0; } .chat-site:before { content: ''; width: 100%; height: 20px; display: block; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .chat-site:after { content: ''; width: 100%; height: 20px; display: block; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 85%, #ffffff 100%); z-index: 1; } .chat-link { text-decoration: none; position: fixed; right: 20px; bottom: 20px; display: block; z-index: 310; -webkit-transition: all 550ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 550ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 550ms ease-in-out; -moz-transition-delay: 0; transition: all 550ms ease-in-out; transition-delay: 0; } .chat-link:before { content: '\e907'; font: 40px 'Icons'; color: #e0002a; display: block; -webkit-transition: all 550ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 550ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 550ms ease-in-out; -moz-transition-delay: 0; transition: all 550ms ease-in-out; transition-delay: 0; } .chat-link:after { color: #fff; content: '+'; width: 20px; height: 20px; font: 28px/17px 'OpenSans Semi Bold'; text-align: center; display: block; background: #e0002a; position: absolute; top: 11px; left: 9px; opacity: 0; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .chat-link.active { right: 495px; z-index: 302; } .chat-link.active:after { opacity: 1; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .chat-overlay { width: 100%; height: 100%; position: fixed; overflow: hidden; top: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 300; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .chat-overlay.active { background: rgba(0, 0, 0, 0.7); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .up-button { top: 0; left: 0; width: 35px; height: 100%; position: fixed; cursor: pointer; background-color: #f8f8f8; opacity: 0.4; z-index: 11; text-align: center; padding-top: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; display: none; } .up-button .arrow { width: 16px; height: 16px; font: 16px 'Icons'; font-weight: 600; display: inline-block; margin: 0 auto; transform: rotate(270deg); } .up-button .down { transform: rotate(90deg); } .up-button:hover { opacity: 0.9; } .photobox a { text-align: center; text-decoration: none; } .photobox a:hover { cursor: zoom-in; } .photobox img { margin-bottom: 10px; } .photobox.one { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 15px; } .photobox.one a { width: 575px; display: block; } .photobox.one a img { max-width: 100%; margin: 0 auto 10px; } .photobox.two { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; } .photobox.two a { width: 286px; overflow: hidden; display: block; } .photobox.two a img { max-width: 100%; } .photobox.three { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; } .photobox.three a { width: 189px; overflow: hidden; display: block; } .photobox.three a img { max-width: 100%; } .photobox.four { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5px; } .photobox.four a { width: 286px; overflow: hidden; display: block; margin-bottom: 3px; } .photobox.four a img { max-width: 100%; } .photobox.four a:nth-of-type(1), .photobox.four a:nth-of-type(2) { margin-bottom: 10px; } .photobox.sliderBox { margin-bottom: 25px; } .photobox.sliderBox a { width: 286px; overflow: hidden; display: block; margin-right: 3px; } .photobox.sliderBox a img { max-width: 100%; } .photobox.sliderBox .slick-arrow { width: 40px; height: 183px; font-size: 0; position: absolute; top: 0; background: transparent; background-repeat: no-repeat; z-index: 11; outline: none; } .photobox.sliderBox .slick-prev { left: -40px; } .photobox.sliderBox .slick-prev:before { width: 25px; height: 25px; content: '<'; font: 25px 'Icons'; letter-spacing: -2px; text-align: center; margin-left: 5px; display: block; color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.3); border-radius: 100%; -moz-transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -ms-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .photobox.sliderBox .slick-prev:hover:before { color: rgba(244, 0, 52, 0.9); border: 2px solid rgba(244, 0, 52, 0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .photobox.sliderBox .slick-next { right: -40px; } .photobox.sliderBox .slick-next:before { width: 25px; height: 25px; content: '<'; font: 25px 'Icons'; letter-spacing: -2px; text-align: center; margin-left: 5px; display: block; color: rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.3); border-radius: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .photobox.sliderBox .slick-next:hover:before { color: rgba(244, 0, 52, 0.9); border: 2px solid rgba(244, 0, 52, 0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .photobox.sliderBox .slick-dots { width: 100%; position: absolute; bottom: -18px; padding-left: 0; display: flex !important; justify-content: center; } .photobox.sliderBox .slick-dots li { width: 8px; height: 8px; display: block; font-size: 0; margin: 0 4px; border-radius: 100%; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .photobox.sliderBox .slick-dots li:hover, .photobox.sliderBox .slick-dots li.slick-active { background: rgba(244, 0, 52, 0.9); cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .photobox.sliderBox .slick-dots li:before { display: none; } .photobox span { color: #919191; font: 13px/18px 'OpenSans Italic'; } .photobox + .img-comment { color: #919191; font: 15px/19px 'OpenSans Italic'; display: block; text-align: center; padding: 10px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; } .photobox + .img-comment:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .anons { width: 100%; margin-top: 20px; background: #f2f2f2; } .anons-print { width: 272px; height: 358px; position: relative; z-index: 2; } .anons-print img { margin-left: 16px !important; } .anons-print:before { content: ''; width: 303px; height: 388px; display: block; position: absolute; top: -9px; left: 0; background: url('../img/anons/shadow.png') 0 0 no-repeat; } .anons-ipad { margin-top: 28px; position: relative; z-index: 1; } .anons-ipad-img { position: relative; margin-bottom: 32px; } .anons-ipad-img:before { content: ''; width: 270px; height: 212px; display: block; position: absolute; top: -27px; left: -29px; background: url('../img/anons/ipad.png') 0 0 no-repeat; z-index: 2; } .anons-ipad a { width: 190px; height: 40px; display: block; margin-bottom: 11px; position: relative; background: url('../img/anons/button.png') 0 0 no-repeat; } .anons-ipad a.apple:before { background-position: 0 -116px; } .anons-ipad a.google { background-position: 0 -38px; } .anons-ipad a.google:before { background-position: 0 -156px; } .anons-ipad a.windows { background-position: 0 -76px; } .anons-ipad a.windows:before { background-position: 0 -196px; } .anons-ipad a:before { content: ''; width: 190px; height: 40px; display: block; position: absolute; top: 0px; left: 0px; background-image: url('../img/anons/button.png'); background-position: 0 0; background-repeat: no-repeat; z-index: 1; } .anons-ipad a:last-child { margin-bottom: 0; } .anons-text { width: 350px; margin-top: 15px; } .anons-text p { color: #e90f30; font: 37px/0px 'OpenSans Semi Bold'; margin: 0 0 45px; } .anons-text ul li { color: #000; font: 16px/22px 'OpenSans Semi Bold'; margin-bottom: 20px; padding-left: 20px; position: relative; } .anons-text ul li a { color: #000; text-decoration: none; } .anons-text ul li a:hover { color: #e0002a; } .anons-text ul li:before { content: ''; width: 6px; height: 6px; display: block; position: absolute; top: 8px; left: 0px; border-radius: 100%; background: #e0002a; } .anons-text .more { font: 14px 'OpenSans Bold'; text-decoration: none; text-transform: uppercase; display: inline-block; position: relative; margin-left: 20px; } .anons-text .more:after { content: '>'; font: 12px 'Icons'; position: absolute; top: 4px; right: -11px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .anons-text .more:hover:after { right: -16px; } .anons img { display: block; margin: 0; position: relative; z-index: 1; } .anons .container { padding: 40px 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .admin-panel { margin: 0; background: #777; font-size: 13px; padding: 7px; } .admin-panel a, .admin-panel span { color: #fff; text-decoration: none; cursor: pointer; } .admin-panel a:hover, .admin-panel span:hover { color: #fbfbfb ; text-decoration: underline; } .admin-panel li { display: inline-block; padding: 0 10px; } .admin-panel li ul { display: none; width: 112px; position: absolute; z-index: 999; background: #777; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding: 5px 0; } .admin-panel li ul li { display: block; padding: 5px 10px; } .admin-panel li ul:hover { display: block; } .admin-panel li span:hover + ul { display: block; } /* #Footer ================================================== */ footer { width: 100%; position: relative; background: #444445; } footer .foot { padding: 5px 0 0; } footer .foot-social { display: flex; flex-wrap: wrap; justify-content: center; } footer .foot-social-item { width: 238px; height: 66px; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; margin-top: 25px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } footer .foot-social-item span { width: 162px; color: #fff; text-transform: uppercase; display: block; } footer .foot-social-item:before { content: ''; color: #fff; width: 66px; height: 66px; font: 30px 'Icons'; margin-right: 10px; display: flex; justify-content: center; align-items: center; background: #858585; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } footer .foot-social-item.facebook:before { content: 'f'; } footer .foot-social-item.twitter:before { content: 't'; } footer .foot-social-item.instargam:before { content: 'i'; } footer .foot-social-item.vkontakte:before { content: 'v'; } footer .foot-social-item.youtube:before { content: 'y'; } footer .foot-social-item:hover { font-family: 'Roboto Bold'; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } footer .foot-social-item:hover.facebook { background: url('data:image/png;base64,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'); } footer .foot-social-item:hover.twitter { background: url('data:image/png;base64,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'); } footer .foot-social-item:hover.instargam { background: url('data:image/png;base64,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'); } footer .foot-social-item:hover.vkontakte { background: url('data:image/png;base64,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'); } footer .foot-social-item:hover.youtube { background: url('data:image/png;base64,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'); } footer .foot-social-item:hover:before { background: transparent; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } footer .foot-content { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } footer .foot-content-nav { width: 70%; display: flex; flex-wrap: wrap; } footer .foot-content-nav div { width: 20%; display: flex; flex-direction: column; flex-wrap: wrap; margin-right: 5%; } footer .foot-content-nav div a { color: #fff; font: 15px/30px 'OpenSans Semi Bold'; text-transform: uppercase; text-decoration: none; } footer .foot-content-nav div a:hover { color: #ea1c24; } footer .foot-content-nav div:last-child { margin-right: 0; } footer .foot-content-info { width: 250px; margin-top: 10px; flex-wrap: wrap; } footer .foot-content-info .search { padding: 6px 0; border-radius: 3px; position: relative; background: #fff; } footer .foot-content-info .search .input { width: 190px; font: 14px 'OpenSans'; padding: 0 10px; border: 0; background: none; outline: none; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } footer .foot-content-info .search .input:hover { color: #ea1c24; } footer .foot-content-info .search .butt { -webkit-appearance: none; color: #444445; font: 20px 'Icons'; padding: 0; border: 0; background: none; position: absolute; top: 5px; right: 10px; } footer .foot-content-info .button { text-align: center; display: block; margin-top: 15px; } footer .foot-content-info .error { color: #706f70; font: 13px/21px 'OpenSans'; margin-top: 10px; } footer .foot-content-info .error span { border-radius: 2px; border: 1px solid #706f70; padding: 0 5px; } footer .foot-copy { color: #706f70; font-size: 13px; text-align: center; padding: 15px 0 10px; } @font-face { font-family: 'Roboto Regular'; font-weight: normal; font-style: normal; src: url('../fonts/roboto.eot'); src: local('Roboto Regular'), url('../fonts/roboto.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto.ttf') format('truetype'), url('../fonts/roboto.svg#Roboto Regular') format('svg'); } @font-face { font-family: 'Roboto Bold'; font-weight: normal; font-style: normal; src: url('../fonts/robotobold.eot'); src: local('Roboto Bold'), url('../fonts/robotobold.eot?#iefix') format('embedded-opentype'), url('../fonts/robotobold.ttf') format('truetype'), url('../fonts/robotobold.svg#Roboto Bold') format('svg'); } @font-face { font-family: 'Roboto Bold Italic'; font-weight: normal; font-style: normal; src: url('../fonts/robotobolditalic.eot'); src: local('Roboto Bold Italic'), url('../fonts/robotobolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/robotobolditalic.ttf') format('truetype'), url('../fonts/robotobolditalic.svg#Roboto Bold Italic') format('svg'); } @font-face { font-family: 'Roboto Italic'; font-weight: normal; font-style: normal; src: url('../fonts/robotoitalic.eot'); src: local('Roboto Italic'), url('../fonts/robotoitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoitalic.ttf') format('truetype'), url('../fonts/robotoitalic.svg#Roboto Italic') format('svg'); } @font-face { font-family: 'Roboto Light'; font-weight: normal; font-style: normal; src: url('../fonts/robotolight.eot'); src: local('Roboto Light'), url('../fonts/robotolight.eot?#iefix') format('embedded-opentype'), url('../fonts/robotolight.ttf') format('truetype'), url('../fonts/robotolight.svg#Roboto Light') format('svg'); } @font-face { font-family: 'Roboto Light Italic'; font-weight: normal; font-style: normal; src: url('../fonts/robotolightitalic.eot'); src: local('Roboto Light Italic'), url('../fonts/robotolightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/robotolightitalic.ttf') format('truetype'), url('../fonts/robotolightitalic.svg#Roboto Light Italic') format('svg'); } @font-face { font-family: 'Roboto Black'; font-weight: normal; font-style: normal; src: url('../fonts/robotoblack.eot'); src: local('Roboto Black'), url('../fonts/robotoblack.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoblack.ttf') format('truetype'), url('../fonts/robotoblack.svg#Roboto Black') format('svg'); } @font-face { font-family: 'Roboto Black Italic'; font-weight: normal; font-style: normal; src: url('../fonts/robotoblackitalic.eot'); src: local('Roboto Black Italic'), url('../fonts/robotoblackitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/robotoblackitalic.ttf') format('truetype'), url('../fonts/robotoblackitalic.svg#Roboto Black Italic') format('svg'); } @font-face { font-family: 'Roboto Medium'; font-weight: normal; font-style: normal; src: url('../fonts/robotomedium.eot'); src: local('Roboto Medium'), url('../fonts/robotomedium.eot?#iefix') format('embedded-opentype'), url('../fonts/robotomedium.ttf') format('truetype'), url('../fonts/robotomedium.svg#Roboto Medium') format('svg'); } @font-face { font-family: 'Roboto Medium Italic'; font-weight: normal; font-style: normal; src: url('../fonts/robotomediumitalic.eot'); src: local('Roboto Medium Italic'), url('../fonts/robotomediumitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/robotomediumitalic.ttf') format('truetype'), url('../fonts/robotomediumitalic.svg#Roboto Medium Italic') format('svg'); } @font-face { font-family: 'Roboto Thin'; font-weight: normal; font-style: normal; src: url('../fonts/robotothin.eot'); src: local('Roboto Thin'), url('../fonts/robotothin.eot?#iefix') format('embedded-opentype'), url('../fonts/robotothin.ttf') format('truetype'), url('../fonts/robotothin.svg#Roboto Thin') format('svg'); } @font-face { font-family: 'Roboto Thin Italic'; font-weight: normal; font-style: normal; src: url('../fonts/robotothinitalic.eot'); src: local('Roboto Thin Italic'), url('../fonts/robotothinitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/robotothinitalic.ttf') format('truetype'), url('../fonts/robotothinitalic.svg#Roboto Thin Italic') format('svg'); } @font-face { font-family: 'OpenSans'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans.eot'); src: local('OpenSans'), url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg'); } @font-face { font-family: 'OpenSans Bold'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans-Bold.eot'); src: local('OpenSans Bold'), url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans Bold') format('svg'); } @font-face { font-family: 'OpenSans Italic'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans-Italic.eot'); src: local('OpenSans Italic'), url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic.ttf') format('truetype'), url('../fonts/OpenSans-Italic.svg#OpenSans Italic') format('svg'); } @font-face { font-family: 'OpenSans Light'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans-Light.eot'); src: local('OpenSans Light'), url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans Light') format('svg'); } @font-face { font-family: 'OpenSans Bold Italic'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans-BoldItalic.eot'); src: local('OpenSans Bold Italic'), url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'), url('../fonts/OpenSans-BoldItalic.svg#OpenSans Bold Italic') format('svg'); } @font-face { font-family: 'OpenSans Semi Bold'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans-Semibold.eot'); src: local('OpenSans Semi Bold'), url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans Semi Bold') format('svg'); } @font-face { font-family: 'OpenSans Semi Bold Italic'; font-weight: normal; font-style: normal; src: url('../fonts/OpenSans-SemiboldItalic.eot'); src: local('OpenSans Semi Bold Italic'), url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype'), url('../fonts/OpenSans-SemiboldItalic.svg#OpenSans Semi Bold Italic') format('svg'); } @font-face { font-family: 'Exo2 Regular'; font-weight: normal; font-style: normal; src: url('../fonts/Exo2-Regular.eot'); src: local('Exo2 Regular'), url('../fonts/Exo2-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo2-Regular.ttf') format('truetype'), url('../fonts/Exo2-Regular.svg#Exo2 Regular') format('svg'); } @font-face { font-family: 'Icons'; font-weight: normal; font-style: normal; src: url('../fonts/icon.eot'); src: local('Icons'), url('../fonts/icon.eot?#iefix') format('embedded-opentype'), url('../fonts/icon.ttf') format('truetype'), url('../fonts/icon.svg#Icons') format('svg'); } @font-face { font-family: 'GetVoIP Grotesque'; font-weight: normal; font-style: normal; src: url('../fonts/Getvoipgrotesque.eot'); src: local('GetVoIP Grotesque'), url('../fonts/Getvoipgrotesque.eot?#iefix') format('embedded-opentype'), url('../fonts/Getvoipgrotesque.ttf') format('truetype'), url('../fonts/Getvoipgrotesque.svg#GetVoIP Grotesque') format('svg'); } @media only screen and (min-width: 960px) and (max-width: 1200px) { @-moz-document url-prefix() { .anons-text { margin-right: -100px; } } } @media only screen and (min-width: 960px) and (max-width: 1200px) and screen and (-ms-high-contrast: active), only screen and (min-width: 960px) and (max-width: 1200px) and (-ms-high-contrast: none) { .anons-text { margin-right: -100px; } } @media only screen and (min-width: 1280px) and (max-width: 1920px) { @-moz-document url-prefix() { .anons .container:before { left: 403px !important; } .anons .container:after { right: 472px !important; } } } .popup-login { width: 280px; margin: 80px auto 20px; position: relative; overflow: hidden; border-radius: 3px; background: #f7f7f7; } .popup-login-nav { display: flex; justify-content: space-between; } .popup-login-nav a { width: 140px; height: 44px; display: flex; justify-content: center; align-items: center; color: #fff; font: 15px/17px 'OpenSans Bold'; text-decoration: none; background: #e0002a; box-shadow: inset 0 -5px 8px -5px rgba(0, 0, 0, 0.4); } .popup-login-nav a:hover { color: #fff; background: #ea1c24; } .popup-login-nav a.active { color: #e0002a; background: transparent; box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); cursor: default; } .popup-login-nav a.active:hover { background: transparent; cursor: default; } .popup-login-social { display: flex; flex-direction: column; padding: 25px 20px 0; } .popup-login-social a { color: #fff; font: 12px 'OpenSans'; text-decoration: none; text-align: right; position: relative; padding: 8px 0px; display: block; border-radius: 2px; } .popup-login-social a.vk { background: #4b77a1; padding-right: 50px; margin-bottom: 10px; } .popup-login-social a.vk:before { content: 'v'; font: 20px 'Icons'; border-right: 1px solid #5981a8; padding-right: 10px; position: absolute; top: 5px; left: 10px; } .popup-login-social a.fb { background: #3b5998; padding-right: 53px; } .popup-login-social a.fb:before { content: 'f'; font: 20px 'Icons'; border-right: 1px solid #4d67a0; padding-right: 15px; position: absolute; top: 5px; left: 15px; } .popup-login-form { padding: 0 20px; } .popup-login-form .error { color: #e0002a; font-size: 12px; text-align: center; margin-top: 15px; } .popup-login-form-item { margin-top: 10px; } .popup-login-form-item label { color: #555; font: 12px 'OpenSans'; display: block; } .popup-login-form-item a { font-size: 12px; display: block; margin-bottom: 10px; text-align: center; } .popup-login-form-item a:hover { text-decoration: none; } .popup-login-form-item .input { -webkit-appearance: none; width: 100%; font: 14px 'OpenSans'; color: #000; border: 1px solid #e7e7e7; border-radius: 3px; padding: 7px 13px; box-sizing: border-box; box-shadow: inset 0 3px 3px -3px #e7e7e7; outline: none; } .popup-login-form-item .button { -webkit-appearance: none; width: 100%; } .popup-login-form-item:last-child { margin: 15px 0 20px; } .popup-registration { width: 280px; margin: 80px auto 20px; position: relative; overflow: hidden; border-radius: 3px; background: #f7f7f7; } .popup-registration-nav { display: flex; justify-content: space-between; } .popup-registration-nav a { width: 140px; height: 44px; display: flex; justify-content: center; align-items: center; color: #fff; font: 15px/17px 'OpenSans Bold'; text-decoration: none; background: #e0002a; box-shadow: inset 0 -5px 8px -5px rgba(0, 0, 0, 0.4); } .popup-registration-nav a:hover { color: #fff; background: #ea1c24; } .popup-registration-nav a.active { color: #e0002a; background: transparent; box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); cursor: default; } .popup-registration-nav a.active:hover { background: transparent; cursor: default; } .popup-registration-form { padding: 0 20px; } .popup-registration-form .error { color: #e0002a; font-size: 12px; text-align: center; margin-top: 15px; } .popup-registration-form-item { margin-top: 10px; } .popup-registration-form-item label { color: #555; font: 12px 'OpenSans'; display: block; } .popup-registration-form-item a { font-size: 12px; display: block; margin-bottom: 10px; text-align: center; } .popup-registration-form-item a:hover { text-decoration: none; } .popup-registration-form-item p { font-size: 10px; line-height: 14px; text-align: center; margin-top: 15px; } .popup-registration-form-item p a { font-size: 10px; } .popup-registration-form-item .input { -webkit-appearance: none; width: 100%; font: 14px 'OpenSans'; color: #000; border: 1px solid #e7e7e7; border-radius: 3px; padding: 7px 13px; box-sizing: border-box; box-shadow: inset 0 3px 3px -3px #e7e7e7; outline: none; } .popup-registration-form-item .button { -webkit-appearance: none; width: 100%; } .popup-registration-form-item .two { display: flex; flex-wrap: wrap; justify-content: space-between; } .popup-registration-form-item .two .input { width: 48.5%; } .popup-registration-form-item:last-child { margin: 15px 0 20px; } .popup-remind { width: 280px; margin: 80px auto 20px; position: relative; overflow: hidden; border-radius: 3px; background: #f7f7f7; } .popup-remind-title { color: #e0002a; font: 15px 'OpenSans Semi Bold'; text-align: center; margin-top: 15px; } .popup-remind-form { padding: 0 20px; } .popup-remind-form p { font-size: 10px; line-height: 14px; text-align: center; margin-top: 10px; } .popup-remind-form p.error { color: #e0002a; font-size: 12px; text-align: center; margin-top: 15px; } .popup-remind-form-item { margin-top: 10px; } .popup-remind-form-item label { color: #555; font: 12px 'OpenSans'; display: block; } .popup-remind-form-item a { font-size: 12px; display: block; margin-bottom: 10px; text-align: center; } .popup-remind-form-item a:hover { text-decoration: none; } .popup-remind-form-item .input { -webkit-appearance: none; width: 100%; font: 14px 'OpenSans'; color: #000; border: 1px solid #e7e7e7; border-radius: 3px; padding: 7px 13px; box-sizing: border-box; box-shadow: inset 0 3px 3px -3px #e7e7e7; outline: none; } .popup-remind-form-item .button { -webkit-appearance: none; width: 100%; } .popup-remind-form-item .two { display: flex; flex-wrap: wrap; justify-content: space-between; } .popup-remind-form-item .two .input { width: 48.5%; } .popup-remind-form-item:last-child { margin: 15px 0 20px; } .popup-blog { width: 800px; margin: 80px auto 20px; position: relative; background: #fff; } .popup-blog-cover { overflow: hidden; position: relative; } .popup-blog-cover img { max-width: 100%; position: relative; z-index: 1; } .popup-blog-cover .autor { width: 100%; display: flex; align-items: center; position: absolute; bottom: 4px; padding: 10px 20px; z-index: 2; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 80%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 80%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 80%, rgba(0, 0, 0, 0.65) 100%); } .popup-blog-cover .autor-img { width: 60px; height: 60px; margin-right: 15px; overflow: hidden; border-radius: 100%; } .popup-blog-cover .autor-img img { width: 60px; height: 60px; } .popup-blog-cover .autor-name { color: #fff; font: 22px 'OpenSans'; } .popup-blog-content { margin: 15px 30px 0; padding-bottom: 10px; } .popup-blog-content h1 { font-size: 26px; line-height: 30px; margin-bottom: 10px; } .popup-blog-content h2 { font-size: 22px; line-height: 26px; margin-bottom: 10px; } .popup-blog-content h3 { font-size: 18px; line-height: 22px; margin-bottom: 10px; } .popup-blog-content p { font: 17px/25px 'Roboto Light'; margin-bottom: 20px; } .popup-blog-content ul, .popup-blog-content ol { margin: 0 0 15px 20px; } .popup-blog-content ul li, .popup-blog-content ol li { margin-bottom: 5px; font: 17px/25px 'Roboto Light'; } .popup-blog-content ul li { list-style-type: square; } .popup-blog-content ol li { list-style-type: decimal; } .popup-blog-content img { max-width: 100%; display: block; margin-bottom: 20px; } .popup-blog-content iframe { width: 100%; height: 52vh; margin-bottom: 20px; } .popup-blog-content table { font-size: 14px; border-collapse: collapse; margin-top: 20px; margin-bottom: 10px; overflow-x: auto; width: 100%!important; border-bottom: 3px solid #d5dfe1; border-left: 3px solid #dde5e8; border-right: 3px solid #dde5e8; display: block; } .popup-blog-content table tbody { display: table; width: 100%; } .popup-blog-content table tbody tr { border-bottom: 1px dotted #d5dfe1; } .popup-blog-content table tbody tr:first-child { background-color: #e8f0f3; border-left: 0; border-right: 0; } .popup-blog-content table tbody tr:last-child { border-bottom: 0; } .popup-blog-content table tbody tr th { padding: 10px 5px; font-weight: 100; font-size: 15px; background-color: #dde5e8; text-align: left; border-bottom: 3px solid #bd2228; border-left: 3px solid #dde5e8; border-right: 3px solid #dde5e8; } .popup-blog-content table tbody tr td { padding: 10px 15px; color: #686666; } .popup-blog-content table tbody tr td:first-child { border-bottom: none; } .popup-cap { width: 560px; padding: 20px 20px 30px; margin: 80px auto 20px; position: relative; background: #fff; } .popup-cap-img { height: 270px; position: relative; margin-bottom: 10px; } .popup-cap-img:after { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 99%, #ffffff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 99%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 99%, #ffffff 100%); } .popup-cap-title { font: 24px/28px 'OpenSans Semi Bold'; margin-bottom: 15px; } .popup-cap-text { font: 18px/24px 'OpenSans'; } .popup-cap-text span { font-family: 'OpenSans Semi Bold'; display: block; margin: 15px 0 10px; } .popup-cap-text ul { padding-bottom: 5px; } .popup-cap-text ul li { position: relative; margin-bottom: 10px; padding-left: 35px; line-height: 24px; } .popup-cap-text ul li:before { content: '—'; display: block; position: absolute; top: 0; left: 3px; } .popup-cap-button { text-align: center; margin-top: 25px; } .popup-club { width: 800px; margin: 40px auto; position: relative; background: #fff; } .popup-club-img { position: relative; } .popup-club-img img { max-width: 100%; height: 340px; } .popup-club-img .info { width: 225px; height: 100%; color: #fff; position: absolute; top: 0; right: 0; z-index: 5; } .popup-club-img .info-autor { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .popup-club-img .info-autor img { width: 70px; height: 70px; border-radius: 100%; display: block; } .popup-club-img .info-autor p { font: 18px/22px Georgia; margin-left: 20px; } .popup-club-img .info-date { font: 16px 'OpenSans Italic'; margin-bottom: 10px; } .popup-club-img .info-date:before { content: '\e90c'; font: 14px 'Icons'; display: inline-block; margin: 4px 5px 0 0; vertical-align: top; } .popup-club-img .info-time { font: 16px 'OpenSans Italic'; margin-bottom: 10px; } .popup-club-img .info-time:before { content: '\e90d'; font: 14px 'Icons'; display: inline-block; margin: 4px 5px 0 0; vertical-align: top; } .popup-club-img .info-location { font: 16px 'OpenSans Italic'; } .popup-club-img .info-location:before { content: '\e90e'; font: 14px 'Icons'; margin: 0 5px 0 0; } .popup-club-img .info-wrapp { height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; } .popup-club-img:before { content: ''; width: 100%; height: 340px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } .popup-club-content { padding: 10px 30px 20px; } .popup-club-content h1 { font: 24px/30px Georgia; margin-bottom: 15px; } .popup-club-content h2 { font: 20px/26px Georgia; margin-bottom: 15px; } .popup-club-content p { font: 16px/24px 'OpenSans'; margin-bottom: 20px; } .popup-club-content p:last-child { margin-bottom: 0; } .popup-club-content ul, .popup-club-content ol { padding-left: 20px; margin-bottom: 20px; } .popup-club-content ul li, .popup-club-content ol li { font: 16px/24px 'OpenSans'; margin-bottom: 5px; } .popup-club-content ul:last-child, .popup-club-content ol:last-child { margin-bottom: 0; } .popup-club-content ul li { list-style-type: disc; } .popup-club-content ol li { list-style-type: decimal; } .popup-club-discussion-rules { width: 800px; margin: 40px auto; position: relative; background: #fff; } .popup-club-discussion-rules-content { padding: 10px 30px 20px; } .popup-club-discussion-rules-content h1 { font: 24px/30px Georgia; margin-bottom: 15px; } .popup-club-discussion-rules-content h2 { font: 20px/26px Georgia; margin-bottom: 15px; } .popup-club-discussion-rules-content p { font: 16px/24px 'OpenSans'; margin-bottom: 20px; } .popup-club-discussion-rules-content p:last-child { margin-bottom: 0; } .popup-club-discussion-rules-content ul, .popup-club-discussion-rules-content ol { padding-left: 20px; margin-bottom: 20px; } .popup-club-discussion-rules-content ul li, .popup-club-discussion-rules-content ol li { font: 16px/24px 'OpenSans'; margin-bottom: 5px; } .popup-club-discussion-rules-content ul:last-child, .popup-club-discussion-rules-content ol:last-child { margin-bottom: 0; } .popup-club-discussion-rules-content ul li { list-style-type: disc; } .popup-club-discussion-rules-content ol li { list-style-type: decimal; } .typo-popup { width: 400px; margin: 0 auto; background: #fff; padding: 15px 10px 25px; box-sizing: border-box; font-family: 'OpenSans'; text-align: center; } .typo-popup .text { font-size: 14px; } .typo-popup .button { width: 150px; margin: 20px auto; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 25px; height: 25px; line-height: 23px; position: absolute; right: -25px; top: -25px; text-decoration: none; text-align: center; opacity: .7; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 30px; font-family: Arial, Baskerville, monospace; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .mfp-close:hover, .mfp-close:focus { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #fff; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .jq-checkbox { top: -1px; vertical-align: middle; width: 14px; height: 14px; margin: 0 5px 0 0; border: 2px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-checkbox__div { margin: 2px 0 0 2px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-checkbox.checked .jq-checkbox__div { width: 10px; height: 10px; margin: 2px 0 0 2px; border-radius: 1px; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); background: #e0002a; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-checkbox.focused { border: 2px solid #ccc; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-checkbox.disabled { opacity: .55; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-radio { top: -1px; vertical-align: middle; width: 14px; height: 14px; margin: 0 5px 0 0; border: 2px solid #ccc; border-radius: 50%; background: #fff; cursor: pointer; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-radio__div { margin: 2px 0 0 2px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 2px 0 0 2px; border-radius: 50%; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); background: #e0002a; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-radio.focused { border: 2px solid #ccc; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-radio.disabled { opacity: .55; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .jq-file input { height: auto; line-height: 1em; cursor: pointer; } .jq-file__name { overflow: hidden; box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; white-space: nowrap; text-overflow: ellipsis; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; display: inline-block; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; text-align: left; /* для Opera Presto */ -moz-appearance: textfield; } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 35px; padding: 0 45px 0 10px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 1px; background: #fff; font: 13px/32px 'OpenSans Italic'; color: rgba(0, 0, 0, 0.7); } .jq-selectbox__select:hover { background: #fff; } .jq-selectbox__select:active { background: #fff; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid rgba(0, 0, 0, 0.2); } .jq-selectbox.disabled .jq-selectbox__select { opacity: .3; } .jq-selectbox__select-text { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox .placeholder { color: rgba(0, 0, 0, 0.7); } .jq-selectbox__trigger { position: absolute; top: 5px; right: 0; width: 34px; height: 75%; border-left: 1px solid #CCC; } .jq-selectbox__trigger-arrow { position: absolute; top: 2px; right: 16px; width: 0; height: 0; } .jq-selectbox__trigger-arrow:before { color: #999; content: '\3c'; display: block; font: 16px 'Icons'; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jq-selectbox:hover .jq-selectbox__trigger-arrow:before { color: #666; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jq-selectbox.disabled .jq-selectbox__trigger-arrow:before { opacity: .3; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; margin-top: 36px; color: rgba(0, 0, 0, 0.7); border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); font: 14px/18px Arial, sans-serif; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; line-height: 20px; padding: 5px 10px 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; color: #231F20; } .jq-selectbox li.selected { color: #e0002a; line-height: 20px; } .jq-selectbox li:hover { background-color: rgba(244, 0, 52, 0.1); color: #e0002a; line-height: 20px; } .jq-selectbox li.disabled { color: rgba(0, 0, 0, 0.2); line-height: 20px; } .jq-selectbox li.disabled:hover { background: none; line-height: 20px; } .jq-selectbox li.optgroup { font-weight: bold; line-height: 20px; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; line-height: 20px; } .jq-selectbox li.option { padding-left: 25px; line-height: 20px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:focus, input[type='password'].styler:focus, input[type='search'].styler:focus, input[type='tel'].styler:focus, input[type='text'].styler:focus, input[type='url'].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler::-moz-focus-inner, input[type='button'].styler::-moz-focus-inner, input[type='submit'].styler::-moz-focus-inner, input[type='reset'].styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:not([disabled]):active, input[type='button'].styler:not([disabled]):active, input[type='submit'].styler:not([disabled]):active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 3px; background: #f40034; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .black { top: -100px; border-radius: 2px; background: rgba(0, 0, 0, 0.8); } .black .tooltipster-content { color: #fff; font-size: 11px; text-align: left; line-height: 14px; padding: 3px 10px 2px; overflow: hidden; } .black .tooltipster-arrow { z-index: 10; } .black .tooltipster-arrow-top span, .black .tooltipster-arrow-top-right span, .black .tooltipster-arrow-top-left span { border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-top: 5px solid; bottom: -5px; } .black .tooltipster-arrow-bottom span, .black .tooltipster-arrow-bottom-right span, .black .tooltipster-arrow-bottom-left span { border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-bottom: 5px solid; top: -5px; } .black .tooltipster-arrow-right span, .black .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 5px solid transparent !important; border-bottom: 5px solid transparent !important; border-right: 5px solid; top: 50%; margin-top: -5px; left: -5px; } .black .tooltipster-arrow-left span, .black .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 5px solid transparent !important; border-bottom: 5px solid transparent !important; border-left: 5px solid; top: 50%; margin-top: -5px; right: -5px; } .forum-tip { margin-top: -22px; border-radius: 2px; background: rgba(0, 0, 0, 0.8); } .forum-tip .tooltipster-content { color: #fff; font-size: 11px; text-align: left; line-height: 14px; padding: 3px 10px 2px; overflow: hidden; } .forum-tip .tooltipster-arrow { z-index: 10; } .forum-tip .tooltipster-arrow-top span, .forum-tip .tooltipster-arrow-top-right span, .forum-tip .tooltipster-arrow-top-left span { border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-top: 5px solid; bottom: -5px; } .forum-tip .tooltipster-arrow-bottom span, .forum-tip .tooltipster-arrow-bottom-right span, .forum-tip .tooltipster-arrow-bottom-left span { border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-bottom: 5px solid; top: -5px; } .forum-tip .tooltipster-arrow-right span, .forum-tip .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 5px solid transparent !important; border-bottom: 5px solid transparent !important; border-right: 5px solid; top: 50%; margin-top: -5px; left: -5px; } .forum-tip .tooltipster-arrow-left span, .forum-tip .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 5px solid transparent !important; border-bottom: 5px solid transparent !important; border-left: 5px solid; top: 50%; margin-top: -5px; right: -5px; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ 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: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .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)"; } .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)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: 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-color: 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; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: 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, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: 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-color: #fff; background-color: 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; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: 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 { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: 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-color: #000; background-color: 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; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: 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, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: 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-color: #fff; background-color: 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; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: 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 { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: 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-color: #000; background-color: 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; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: 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-color: #000; background-color: 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; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * Owl Carousel v2.1.6 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; 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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { 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-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .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; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .str_wrap { width: 100%; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .str_move { position: absolute; top: 0; left: 0; padding-left: 20px; } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; padding-right: 20px; } .page-main .main { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 25px; } .page-main .main-content-wrapp { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-main .main-content-wrapp .item { display: flex; flex-wrap: wrap; flex-direction: column; box-sizing: border-box; position: relative; margin: 0 0 20px; border: 1px solid #e9e9e9; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); border-radius: 0 0 5px 5px; cursor: pointer; } .page-main .main-content-wrapp .item-img { margin: -1px -1px 0; overflow: hidden; position: relative; background-position: center; background-size: cover; } .page-main .main-content-wrapp .item-img .info { color: #fff; font-size: 12px; font-family: 'OpenSans Semi Bold'; text-decoration: none; position: absolute; bottom: 10px; z-index: 2; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-main .main-content-wrapp .item-img .info:hover { color: #e0002a; } .page-main .main-content-wrapp .item-img .info.tag { left: 10px; } .page-main .main-content-wrapp .item-img .info.comments-count { right: 10px; } .page-main .main-content-wrapp .item-img .info.comments-count:before { content: 'C'; font: 11px 'Icons'; margin-right: 5px; } .page-main .main-content-wrapp .item-img:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-main .main-content-wrapp .item-img:after { content: ''; width: 100%; height: 60px; display: block; position: absolute; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); } .page-main .main-content-wrapp .item-ad + .item { display: none !important; } .page-main .main-content-wrapp .item .link { color: #000; font: 16px/22px 'OpenSans'; text-decoration: none; display: block; padding: 15px 20px; margin-bottom: 40px; } .page-main .main-content-wrapp .item .date { color: #8d8d8d; border-top: 1px solid #e9e9e9; font-size: 14px; font-family: sans-serif; padding: 7px 0 7px 20px; position: absolute; bottom: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .page-main .main-content-wrapp .item .date .paypost { color: #e0002a; font: 24px 'Icons'; margin-right: 20px; } .page-main .main-content-wrapp .item .date .paypost.active { color: #ccc; } .page-main .main-content-wrapp .item:hover .item-img:before { opacity: 1; } .page-main .main-content-wrapp .vote { width: 100%; border: 1px solid #e9e9e9; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); border-radius: 0 0 5px 5px; margin-bottom: 20px; } .page-main .main-content-wrapp .vote p { font: 18px/22px 'OpenSans Semi Bold'; padding: 15px 20px 20px; } .page-main .main-content-wrapp .vote-img { width: 100%; background-size: cover; background-position: center; margin: -1px -1px 0 -1px; } .page-main .main-content-wrapp .vote-wrapp { display: flex; flex-wrap: wrap; position: relative; padding: 10px 20px 30px; } .page-main .main-content-wrapp .vote-wrapp label { color: #424244; font: 14px 'Roboto Bold'; cursor: pointer; margin-bottom: 20px; } .page-main .main-content-wrapp .vote-wrapp label:hover .jq-radio__div { width: 10px; height: 10px; margin: 2px 0 0 2px; border-radius: 50%; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); background: #ccc; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-main .main-content-wrapp .vote-wrapp.two label { width: 50%; margin-bottom: 20px; } .page-main .main-content-wrapp .vote-wrapp.three label { width: 32%; margin-bottom: 20px; } .page-main .main-content-wrapp .vote-wrapp.between { justify-content: space-between; } .page-main .main-content-wrapp .vote-result { padding: 0 20px 5px; } .page-main .main-content-wrapp .vote-result-item { margin-bottom: 10px; } .page-main .main-content-wrapp .vote-result-item p { color: #424244; font: 14px 'Roboto Bold'; padding: 0; margin-bottom: 5px; } .page-main .main-content-wrapp .vote-result-item .bar { width: 100%; height: 20px; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; background: #eee; } .page-main .main-content-wrapp .vote-result-item .bar-line { min-width: 7.3%; height: 20px; background: #e0002a; position: relative; } .page-main .main-content-wrapp .vote-result-item .bar-line-number { color: #e0002a; font-size: 12px; line-height: 1px; display: inline-block; padding: 11px 5px 10px 10px; position: absolute; right: 0; background: #eee; } .page-main .main-content-wrapp .vote-result-item .bar-line-number:before { content: ''; position: absolute; left: 0px; top: 6px; border: 4px solid transparent; border-left: 4px solid #e0002a; } .page-main .main-content-wrapp .vote-footer { text-align: center; padding-bottom: 20px; } .page-main .main-content-wrapp .vote-footer p { color: #b5b5b5; margin-top: 15px; padding: 0; font: 14px 'Roboto Italic'; } .page-main .main-content-wrapp .vote-footer .result-message { display: none; } .page-main .main-content-wrapp .widgetResourse { width: 100%; margin: 1px auto 30px; cursor: pointer !important; } .page-main .main-content-wrapp .widgetResourse-title { font: 30px/30px 'OpenSans Semi Bold'; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .page-main .main-content-wrapp .widgetResourse-header { display: flex; flex-wrap: wrap; justify-content: center; position: relative; } .page-main .main-content-wrapp .widgetResourse-header-title { text-align: center; position: relative; z-index: 1; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .page-main .main-content-wrapp .widgetResourse-header-title .marafon { color: #fff; text-transform: uppercase; padding: 35px 0; border-radius: 3px 3px 0 0; background: #e0002a; } .page-main .main-content-wrapp .widgetResourse-header-vesta, .page-main .main-content-wrapp .widgetResourse-header-xray { position: relative; z-index: 2; } .page-main .main-content-wrapp .widgetResourse-header-vesta .title, .page-main .main-content-wrapp .widgetResourse-header-xray .title { color: #e0002a; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources, .page-main .main-content-wrapp .widgetResourse-header-xray .resources { display: flex; margin-top: 5px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp { display: flex; flex-wrap: wrap; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair { display: flex; flex-direction: column; position: relative; cursor: pointer; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair span, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair span { display: flex; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol { text-align: left; display: flex; flex-direction: column; position: relative; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress, .page-main .main-content-wrapp .widgetResourse-header-xray .progress { display: flex; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp { display: flex; flex-wrap: wrap; align-items: center; } .page-main .main-content-wrapp .widgetResourse-header:before { content: ''; width: 100%; height: 102%; display: block; position: absolute; top: 0; left: 0; z-index: 5; background: rgba(255, 255, 255, 0.9); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-main .main-content-wrapp .widgetResourse-header:after { content: 'Перейти на спецпроект'; color: #fff; font: 16px 'Roboto Bold'; letter-spacing: .5px; text-transform: uppercase; text-decoration: none; background: #e0002a; border-radius: 2px; padding: 10px 35px; cursor: pointer; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -145px; z-index: 6; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-main .main-content-wrapp .widgetResourse-header:hover:before, .page-main .main-content-wrapp .widgetResourse-header:hover:after { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-main .main-content-wrapp .widgetResourse-mobi { display: none; } .page-main .main-content-wrapp .specKia { display: block; position: relative; margin-bottom: 20px; } .page-main .main-content-wrapp .specKia-button { width: 300px; height: 80px; color: #fff; text-align: center; border-radius: 10px; font: 40px/75px 'Roboto Regular'; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -150px; background: #ea1c24; box-shadow: 0 5px 0 0 #920012; opacity: 0; z-index: 10; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-main .main-content-wrapp .specKia-img { max-width: 100%; opacity: 1; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-main .main-content-wrapp .specKia:hover .specKia-img { opacity: .1; } .page-main .main-content-wrapp .specKia:hover .specKia-button { margin: -40px 0 0 -150px; opacity: 1; } .page-main .main-content-wrapp .specKia:hover .specKia-button:hover { margin: -37px 0 0 -150px; box-shadow: 0 2px 0 0 #920012; } .page-main .main-content-wrapp .specKia:hover .specKia-button:active { margin: -37px 0 0 -150px; box-shadow: inset 0 2px 0 0 #920012; } .page-main .main-content .all-site-post { text-align: center; margin-top: 30px; margin-bottom: 15px; } .page-main .main-content .swiper-slide { color: #000; text-decoration: none; cursor: pointer; } .page-main .main-content .swiper-slide .img { position: relative; overflow: hidden; background-position: center; background-size: cover; } .page-main .main-content .swiper-slide .img:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-main .main-content .swiper-slide p { padding: 0 20px 0; font: 18px/24px 'OpenSans Semi Bold'; } .page-main .main-content .swiper-slide .sticker { top: 10px; right: 10px; } .page-main .main-content .swiper-slide .sticker .more { display: none; } .page-main .main-content .swiper-slide .sticker.s2, .page-main .main-content .swiper-slide .sticker.s3, .page-main .main-content .swiper-slide .sticker.s4, .page-main .main-content .swiper-slide .sticker.s5 { width: auto; right: 0; } .page-main .main-content .swiper-slide:hover .img:before { opacity: 1; } .page-main .main-content .swiper-button-prev { margin-top: -67px; background-image: none; } .page-main .main-content .swiper-button-prev:before { color: #000; content: '<'; font: 40px/44px 'Icons'; display: block; position: absolute; top: 0px; left: 5px; z-index: 5; -moz-transform: scale(1) rotate(-180deg); -webkit-transform: scale(1) rotate(-180deg); -ms-transform: scale(1) rotate(-180deg); transform: scale(1) rotate(-180deg); } .page-main .main-content .swiper-button-prev:after { color: #fff; content: '<'; font: 36px/44px 'Icons'; display: block; position: absolute; top: 0px; left: 10px; z-index: 3; -moz-transform: scale(1) rotate(-180deg); -webkit-transform: scale(1) rotate(-180deg); -ms-transform: scale(1) rotate(-180deg); transform: scale(1) rotate(-180deg); } .page-main .main-content .swiper-button-next { margin-top: -67px; background-image: none; } .page-main .main-content .swiper-button-next:before { color: #000; content: '<'; font: 40px/44px 'Icons'; display: block; position: absolute; top: 0; left: 7px; z-index: 5; } .page-main .main-content .swiper-button-next:after { color: #fff; content: '<'; font: 36px/44px 'Icons'; display: block; position: absolute; top: 0px; left: 3px; z-index: 3; } .page-main .main-content .swiper-container { padding-bottom: 0; margin-bottom: 20px; border-bottom: 1px solid #e9eaeb; } .page-main .online-conf { width: 100%; position: relative; } .page-section .main { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 25px; } .page-section .main-content-wrapp { display: flex; flex-wrap: wrap; } .page-section .main-content-wrapp .item { box-sizing: border-box; position: relative; margin: 0 17px 17px 0; border: 1px solid #e9e9e9; box-shadow: 0 5px 3px -5px rgba(0, 0, 0, 0.5); border-radius: 0 0 5px 5px; cursor: pointer; } .page-section .main-content-wrapp .item-img { margin: -1px -1px 0; overflow: hidden; position: relative; background-position: center; background-size: cover; } .page-section .main-content-wrapp .item-img .info { color: #fff; font-size: 12px; font-family: 'OpenSans Semi Bold'; text-decoration: none; position: absolute; bottom: 10px; z-index: 2; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-section .main-content-wrapp .item-img .info:hover { color: #e0002a; } .page-section .main-content-wrapp .item-img .info.tag { left: 10px; } .page-section .main-content-wrapp .item-img .info.comments-count { right: 10px; } .page-section .main-content-wrapp .item-img .info.comments-count:before { content: 'C'; font: 11px 'Icons'; margin-right: 5px; } .page-section .main-content-wrapp .item-img:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .page-section .main-content-wrapp .item-img:after { content: ''; width: 100%; height: 60px; display: block; position: absolute; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); } .page-section .main-content-wrapp .item-ad + .item { display: none !important; } .page-section .main-content-wrapp .item .link { color: #000; font: 16px/22px 'OpenSans'; text-decoration: none; display: block; padding: 15px 20px; margin-bottom: 40px; } .page-section .main-content-wrapp .item .date { color: #8d8d8d; border-top: 1px solid #e9e9e9; font-size: 14px; font-family: sans-serif; padding: 7px 0 7px 20px; position: absolute; bottom: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .page-section .main-content-wrapp .item .date .paypost { color: #e0002a; font: 24px 'Icons'; margin-right: 20px; } .page-section .main-content-wrapp .item .date .paypost.active { color: #ccc; } .page-section .main-content-wrapp .item:hover .item-img:before { opacity: 1; } .page-section .main-content-wrapp .wrap { display: flex; flex-wrap: wrap; margin-bottom: 0; } .page-section .main-content-wrapp .wrap:last-child { margin-bottom: 0; } .page-section .main-content-wrapp:after { content: ''; width: 100%; display: block; } .page-club { background: #f8f8f8; } .page-club header { width: 100%; height: 70px; background: #bc0023; display: flex; flex-direction: column; align-items: center; position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); z-index: 100; } .page-club header .menu { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 7px; } .page-club header .menu-left { display: flex; flex-wrap: wrap; align-items: center; } .page-club header .menu-left-logo { width: 113px; height: 56px; display: block; margin-right: 30px; background: url('../img/logo.png') 0 0 no-repeat; } .page-club header .menu-left-item { color: #fff; font: 18px 'OpenSans Semi Bold'; text-transform: uppercase; text-decoration: none; position: relative; padding: 0 15px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club header .menu-left-item:after { content: ''; width: 100%; height: 0px; position: absolute; bottom: -23px; left: 0; background: rgba(255, 255, 255, 0); -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club header .menu-left-item:hover:after { height: 3px; background: #ffffff; } .page-club header .menu-right { width: 150px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page-club header .menu-right-search:before { content: '\73'; font: 21px 'Icons'; display: block; margin-top: -1px; } .page-club header .menu-right-user:before { content: '\75'; font: 21px 'Icons'; display: block; margin-top: -1px; } .page-club header .menu-right-burger { width: 20px; height: 12px; position: relative; display: block; border-top: 4px solid #840000; border-bottom: 4px solid #840000; } .page-club header .menu-right-burger:before { content: ''; width: 20px; height: 4px; background: #840000; position: absolute; top: 4px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club header .menu-right-burger:hover { border-color: #fff; } .page-club header .menu-right-burger:hover:before { background: #fff; } .page-club header .menu-right a { color: #840000; text-decoration: none; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club header .menu-right a:hover { color: #fff; } .page-club header .menu-right .head-right-profil-loger { width: 45px; margin-left: 0; } .page-club header .menu-right .head-right-profil-loger img { cursor: pointer; } .page-club header .menu-right .head-right-profil-loger .item { padding: 0px 20px 15px; } .page-club header .menu-right .head-right-profil-loger .item img { cursor: default; } .page-club header .menu-right .head-right-profil-loger .item-user p { font: 14px/18px 'OpenSans'; } .page-club header .menu-right .head-right-profil-loger .item-nav { padding-top: 15px; margin-top: 5px; } .page-club header .menu-right .head-right-profil-loger .item-nav a { color: #000; } .page-club header .menu-right .head-right-profil-loger .item-nav a:first-child { margin-bottom: 10px; } .page-club header .menu-right .head-right-profil-loger .item-nav a:hover { color: #e0002a; } .page-club .header-search { display: none; width: 100%; height: 70px; display: flex; align-items: center; position: absolute; top: 0px; background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0); z-index: 2; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .header-search input[type="text"] { width: 100%; font: 24px 'OpenSans Italic'; text-align: center; border: 0; } .page-club .header-search:before { content: ''; position: absolute; right: 173px; top: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; z-index: 1; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .header-search.active { top: 70px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .header-search.zindex { z-index: 105; } .page-club .header-search.zindex:before { top: -20px; } .page-club .header-menu { display: none; width: 100%; background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0); position: absolute; z-index: 2; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .header-menu-nav { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; column-gap: 79px; position: relative; margin: 24px 0 25px 159px; } .page-club .header-menu-nav li a { color: #000; font: 18px 'OpenSans Semi Bold'; text-decoration: none; text-transform: uppercase; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .header-menu-nav li a:hover, .page-club .header-menu-nav li a.active { color: #e0002a; } .page-club .header-menu-nav li:nth-of-type(2), .page-club .header-menu-nav li:nth-of-type(5), .page-club .header-menu-nav li:nth-of-type(8) { margin: 14px 0; } .page-club .header-menu-nav:before { content: ''; width: 1px; height: 100%; display: block; background: #ccc; opacity: .4; position: absolute; top: 0; left: 148px; } .page-club .header-menu-nav:after { content: ''; width: 1px; height: 100%; display: block; background: #ccc; opacity: .4; position: absolute; top: 0; right: 152px; } .page-club .header-menu-soc { width: 198px; display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .header-menu-soc li a { width: 30px; height: 30px; color: #fff; font: 18px 'Icons'; text-decoration: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #000; border-radius: 2px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .header-menu-soc li a.vk:hover { background: #48729e; } .page-club .header-menu-soc li a.fb:hover { background: #3c5a98; } .page-club .header-menu-soc li a.tw:hover { background: #00aced; } .page-club .header-menu-soc li a.in:hover { background: #9d7144; } .page-club .header-menu-soc li a.yt:hover { background: #e0002a; } .page-club .header-menu .container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .page-club .header-menu .container:before { content: ''; position: absolute; right: 0; top: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; z-index: 1; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .page-club .header-menu.active { top: 70px !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .header-menu.zindex { z-index: 105; } .page-club .header-menu.zindex .container:before { top: -20px; -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; } .page-club .club-menu { width: 100%; height: 80px; position: relative; background: #f1f1f1; z-index: 1; } .page-club .club-menu .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page-club .club-menu .container ul { display: flex; flex-wrap: wrap; align-items: center; } .page-club .club-menu .container ul li { margin-right: 50px; } .page-club .club-menu .container ul li span, .page-club .club-menu .container ul li .club-logo { color: #000; font: 32px 'OpenSans Semi Bold'; text-transform: uppercase; } .page-club .club-menu .container ul li span:hover, .page-club .club-menu .container ul li .club-logo:hover { color: #e0002a; } .page-club .club-menu .container ul li a { color: #878787; font: 18px 'OpenSans'; text-decoration: none; position: relative; padding: 0 5px; } .page-club .club-menu .container ul li a.active:after { content: ''; width: 100%; height: 3px; display: block; position: absolute; bottom: -29px; background: #e0002a; } .page-club .club-menu .container ul li a:hover { color: #484848; } .page-club .club-menu .container ul li:first-child { margin-right: 70px; } .page-club .club-menu .container ul li:last-child { margin-right: 0; } .page-club .btn { color: #fff; font: 16px 'Roboto Regular'; text-decoration: none; border: 0; border-radius: 50px; padding: 8px 25px; margin-top: 0; box-shadow: 0 3px 0 0 #999; background: #ccc; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .btn:hover { margin-top: 2px; box-shadow: 0 1px 0 0 #999; } .page-club .btn:active { margin-top: 2px; box-shadow: inset 0 2px 0 0 #999; } .page-club .btn.blue { background: #4aa9d9; box-shadow: 0 3px 0 0 #358dba; } .page-club .btn.blue:hover { margin-top: 2px; box-shadow: 0 1px 0 0 #358dba; } .page-club .btn.blue:active { margin-top: 2px; box-shadow: inset 0 2px 0 0 #358dba; } .page-club .btn.red { background: #bc0023; box-shadow: 0 3px 0 0 #800118; } .page-club .btn.red:hover { margin-top: 2px; box-shadow: 0 1px 0 0 #800118; } .page-club .btn.red:active { margin-top: 2px; box-shadow: inset 0 2px 0 0 #800118; } .page-club .btn.forum:before { content: '\e906'; font: 16px 'Icons'; margin-right: 10px; } .page-club .btn.blog:before { content: '\e905'; font: 16px 'Icons'; margin-right: 10px; } .page-club .btn.comments:before { content: '\e908'; font: 17px 'Icons'; margin-right: 10px; } .page-club .main-head { width: 100%; height: 240px; position: relative; overflow: hidden; } .page-club .main-head-closed { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 10px; right: 10px; background: rgba(0, 0, 0, 0.65); z-index: 1; cursor: pointer; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .main-head-closed:before { content: '+'; color: #fff; font: 30px/0px 'OpenSans Semi Bold'; display: block; -moz-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .page-club .main-head-closed:hover { background: rgba(0, 0, 0, 0.85); } .page-club .main-head-wrapp { width: 1920px; height: 240px; position: absolute; left: 50%; margin-left: -960px; } .page-club .main-head-wrapp img { float: left; } .page-club .main-head-wrapp img:nth-of-type(2), .page-club .main-head-wrapp img:nth-of-type(5), .page-club .main-head-wrapp img:nth-of-type(8), .page-club .main-head-wrapp img:nth-of-type(11) { margin: 120px 0 0 -240px; } .page-club .main-feed { margin-top: 20px; } .page-club .main-feed .blog { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px; margin-bottom: 20px; text-decoration: none; background: #fff; position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .main-feed .blog-img { color: #fff; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; position: relative; align-items: center; background-position: center; background-size: cover; background-repeat: no-repeat; } .page-club .main-feed .blog-img .title { font-family: Georgia; position: relative; margin-bottom: 0; z-index: 2; opacity: 1; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 350ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 250ms; transition: all 350ms ease-in-out; transition-delay: 250ms; } .page-club .main-feed .blog-img .info { font-family: 'OpenSans Semi Bold'; position: relative; border-top: 1px solid #fff; padding: 20px 5px 0; margin-top: 0; z-index: 2; opacity: 1; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 350ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 250ms; transition: all 350ms ease-in-out; transition-delay: 250ms; } .page-club .main-feed .blog-img .info-views:before { content: '\e90b'; font-family: 'Icons'; margin-right: 5px; } .page-club .main-feed .blog-img .info-comments { margin: 0 30px; } .page-club .main-feed .blog-img .info-comments:before { content: '\e908'; font-family: 'Icons'; margin-right: 5px; } .page-club .main-feed .blog-img .info-favorites:before { content: '\e90a'; font-family: 'Icons'; margin-right: 5px; } .page-club .main-feed .blog-img .info div { display: inline-block; } .page-club .main-feed .blog-img .vote { width: 100%; color: #fff; font-family: 'OpenSans Semi Bold'; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; bottom: 0; z-index: 2; opacity: 1; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 350ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 250ms; transition: all 350ms ease-in-out; transition-delay: 250ms; } .page-club .main-feed .blog-img .vote-up { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; margin-right: 0; background: rgba(15, 131, 0, 0.7); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 350ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 250ms; transition: all 350ms ease-in-out; transition-delay: 250ms; } .page-club .main-feed .blog-img .vote-down { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; position: relative; margin-left: 0; background: rgba(131, 0, 0, 0.7); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 350ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 250ms; transition: all 350ms ease-in-out; transition-delay: 250ms; } .page-club .main-feed .blog-img:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; background: rgba(0, 0, 0, 0.6); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .blog-autor { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; } .page-club .main-feed .blog-autor .img { border-radius: 100%; display: block; } .page-club .main-feed .blog-autor .name { color: #000; font-family: Georgia; letter-spacing: 0.2px; text-align: center; margin-bottom: 0; } .page-club .main-feed .blog-autor .date { color: #c5c5c5; font-family: 'OpenSans Italic'; } .page-club .main-feed .blog.edition .blog-autor .img { border: 5px solid #e0002a; } .page-club .main-feed .blog.fixed:before { content: '\e913'; font: 48px 'Icons'; position: absolute; top: -1px; left: 20px; z-index: 10; } .page-club .main-feed .blog:hover .blog-img .title { margin-bottom: 40px; opacity: 0; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .blog:hover .blog-img .info { opacity: 0; margin-top: 40px; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .blog:hover .blog-img .vote { opacity: 0; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .blog:hover .blog-img .vote-up { margin-right: 40px; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .blog:hover .blog-img .vote-down { margin-left: 40px; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .blog:hover .blog-img:before { opacity: 0; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 350ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 250ms; transition: all 350ms ease-in-out; transition-delay: 250ms; } .page-club .main-feed .discussion { height: 97px; display: flex; flex-wrap: wrap; text-decoration: none; margin-bottom: 20px; background: #fff; position: relative; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .main-feed .discussion-icon { width: 97px; height: 97px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #f2f2f2; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .discussion-icon:before { color: #c3c3c3; font-family: 'Icons'; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .discussion-wrapp { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page-club .main-feed .discussion-wrapp-content .title { height: 38px; color: #000; font: 28px Georgia; margin: -3px 0 5px; white-space: nowrap; position: relative; overflow: hidden; } .page-club .main-feed .discussion-wrapp-content .title:before { content: ''; width: 20px; height: 38px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 98%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 98%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 98%, rgba(255, 255, 255, 0) 100%); } .page-club .main-feed .discussion-wrapp-content .title:after { content: ''; width: 100px; height: 38px; display: block; position: absolute; top: 0; right: 0; z-index: 1; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 75%, #ffffff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 75%, #ffffff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 75%, #ffffff 100%); } .page-club .main-feed .discussion-wrapp-content .info { color: #999; margin-left: 20px; } .page-club .main-feed .discussion-wrapp-content .info-name { font: 16px 'OpenSans'; } .page-club .main-feed .discussion-wrapp-content .info-name:after { content: '•'; font-size: 25px; line-height: 0; display: inline-block; vertical-align: top; margin: 11px 6px 0 10px; opacity: .5; } .page-club .main-feed .discussion-wrapp-content .info-date { font: 16px 'OpenSans Italic'; margin-right: 10px; } .page-club .main-feed .discussion-wrapp-content .info-comments { font: 14px 'OpenSans'; } .page-club .main-feed .discussion-wrapp-content .info-comments:before { content: '\e908'; font: 13px 'Icons'; margin-right: 5px; opacity: .5; } .page-club .main-feed .discussion-wrapp-messages { width: 80px; height: 97px; color: rgba(0, 0, 0, 0.1); font: 137px/88px 'OpenSans Semi Bold'; text-align: right; margin-right: -3px; overflow: hidden; } .page-club .main-feed .discussion.car .discussion-icon:before { content: '\e914'; font-size: 23.5px; } .page-club .main-feed .discussion.car:hover .discussion-icon { background: rgba(120, 179, 194, 0.2); } .page-club .main-feed .discussion.car:hover .discussion-icon:before { color: #78b3c2; } .page-club .main-feed .discussion.track .discussion-icon:before { content: '\e915'; font-size: 39.5px; } .page-club .main-feed .discussion.track:hover .discussion-icon { background: rgba(231, 174, 92, 0.2); } .page-club .main-feed .discussion.track:hover .discussion-icon:before { color: #e7ae5c; } .page-club .main-feed .discussion.sport .discussion-icon:before { content: '\e918'; font-size: 16.5px; } .page-club .main-feed .discussion.sport:hover .discussion-icon { background: rgba(235, 127, 102, 0.2); } .page-club .main-feed .discussion.sport:hover .discussion-icon:before { color: #eb7f66; } .page-club .main-feed .discussion.future .discussion-icon:before { content: '\e916'; font-size: 32.5px; } .page-club .main-feed .discussion.future:hover .discussion-icon { background: rgba(200, 230, 129, 0.2); } .page-club .main-feed .discussion.future:hover .discussion-icon:before { color: #c8e681; } .page-club .main-feed .discussion.law .discussion-icon:before { content: '\e917'; font-size: 69.5px; } .page-club .main-feed .discussion.law:hover .discussion-icon { background: rgba(102, 155, 235, 0.2); } .page-club .main-feed .discussion.law:hover .discussion-icon:before { color: #669beb; } .page-club .main-feed .discussion.garage .discussion-icon:before { content: '\e919'; font-size: 42.5px; } .page-club .main-feed .discussion.garage:hover .discussion-icon { background: rgba(181, 155, 136, 0.2); } .page-club .main-feed .discussion.garage:hover .discussion-icon:before { color: #b59b88; } .page-club .main-feed .discussion.fixed:before { content: '\e913'; font: 20px 'Icons'; position: absolute; top: -1px; left: 10px; z-index: 1; } .page-club .main-feed .meeting { text-decoration: none; display: block; position: relative; background: transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); margin: 46px 0 50px; } .page-club .main-feed .meeting-title { color: #000; font-family: Georgia; text-align: center; margin-bottom: 20px; } .page-club .main-feed .meeting-intro { color: #666; font-family: 'OpenSans'; margin-bottom: 15px; } .page-club .main-feed .meeting-info { color: #999; font-family: 'OpenSans'; display: flex; flex-wrap: wrap; justify-content: center; } .page-club .main-feed .meeting-info .date { font-family: 'OpenSans Italic'; } .page-club .main-feed .meeting-info .views { display: flex; flex-wrap: wrap; align-items: center; margin: 0 25px; } .page-club .main-feed .meeting-info .views:before { content: '\e90b'; font: 12px 'Icons'; margin-right: 5px; opacity: .6; } .page-club .main-feed .meeting-info .comments { display: flex; flex-wrap: wrap; align-items: center; } .page-club .main-feed .meeting-info .comments:before { content: '\e908'; font: 13px 'Icons'; margin-right: 5px; opacity: .6; } .page-club .main-feed .meeting-img { position: relative; margin-top: 20px; } .page-club .main-feed .meeting-img-wrapp:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-club .main-feed .meeting-img-wrapp .images { float: left; background-position: center; background-size: cover; background-repeat: no-repeat; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(1), .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(3) { margin-right: 3px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(2) { margin-bottom: 3px; } .page-club .main-feed .meeting-img-link { color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.45); -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .meeting-img-link .col { font-family: 'OpenSans Semi Bold'; text-decoration: none; } .page-club .main-feed .meeting-img-link .col:after { content: '+'; margin-left: 5px; } .page-club .main-feed .meeting-img-link .more { width: 100%; font: 16px 'OpenSans Semi Bold'; text-align: center; text-transform: uppercase; display: block; position: absolute; bottom: 20px; left: 0; opacity: 0; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .meeting-img-link:hover .more { bottom: 50px; opacity: 1; } .page-club .main-feed .meeting.first { margin-top: 0; } .page-club .main-feed .meeting.first:before { display: none !important; } .page-club .main-feed .meeting.last { margin-bottom: 0; } .page-club .main-feed .meeting.last:after { display: none !important; } .page-club .main-feed .meeting.fixed .meeting-img:before { content: '\e913'; font: 48px 'Icons'; position: absolute; top: -1px; left: 20px; z-index: 1; } .page-club .main-feed .meeting:before { content: ''; width: 226px; height: 1px; display: block; position: absolute; top: -20px; left: 50%; margin-left: -113px; background: #ea1c24; } .page-club .main-feed .meeting:after { content: ''; width: 226px; height: 1px; display: block; position: absolute; bottom: -26px; left: 50%; margin-left: -113px; background: #ea1c24; } .page-club .main-feed .meeting + .meeting { margin-top: -5px; } .page-club .main-feed .meeting-anons { width: 100%; height: 330px; display: flex; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background: #fff; margin-bottom: 20px; } .page-club .main-feed .meeting-anons-content { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; } .page-club .main-feed .meeting-anons-content .title { color: #000; font-family: Georgia; text-align: center; margin-bottom: 20px; } .page-club .main-feed .meeting-anons-content .info { color: #999; font: 16px 'OpenSans Italic'; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; } .page-club .main-feed .meeting-anons-content .info-date:before { content: '\e90c'; } .page-club .main-feed .meeting-anons-content .info-time { margin: 0 20px; } .page-club .main-feed .meeting-anons-content .info-time:before { content: '\e90d'; } .page-club .main-feed .meeting-anons-content .info-location:before { content: '\e90e'; } .page-club .main-feed .meeting-anons-content .info div:before { font: 16px 'Icons'; margin-right: 5px; } .page-club .main-feed .meeting-anons-img { width: 300px; position: relative; } .page-club .main-feed .meeting-anons-img img { width: 300px; height: 330px; } .page-club .main-feed .meeting-anons-img .name { width: 100%; color: #fff; font: 28px/36px Georgia; letter-spacing: 0.5px; text-align: center; position: absolute; bottom: 20px; z-index: 6; } .page-club .main-feed .meeting-anons-img:before { content: ''; width: 15px; height: 330px; display: block; position: absolute; top: 0; left: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAFKCAYAAADCNAUhAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAA20lEQVR42uzauw3DMAwFQDqbZBMj+w+heBGmMpDEP4luj/09AYL0Kk6ZmVGcR9wYGIZhGIZhGIZhGIZhGIZhGIZhGIZhGIZhGIbrs1TxEhFz5Pi8M/OZmRFVOIp/4AjewF68C3vwIbzCp/AMX8Ij3AX3cDf8x0PwGw/DFZfgil8VuOJ25+SsBnzfdqvedilg74W16gsbCjj7Va36q7oCepqkVZvkNGCkPVu1PW/39iZgKq6pLhExTzd2XJfJgiwMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAM1+czAIOQhq6A53SaAAAAAElFTkSuQmCC') 0 0 no-repeat; z-index: 10; } .page-club .main-feed .meeting-anons-img:after { content: ''; width: 100%; height: 55%; display: block; position: absolute; bottom: 0; left: 0; z-index: 5; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); } .page-club .main-feed .chat { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 60px 0 70px; } .page-club .main-feed .chat-img { width: 98px; height: 98px; } .page-club .main-feed .chat-img img { max-width: 100%; border-radius: 100%; } .page-club .main-feed .chat-chat { display: flex; flex-wrap: wrap; } .page-club .main-feed .chat-chat .content-name { color: #000; font: 18px Georgia; margin-bottom: 10px; } .page-club .main-feed .chat-chat .content-name .date { color: #999; font: 14px 'OpenSans Italic'; padding-left: 20px; } .page-club .main-feed .chat-chat .content-text { font: 16px/24px 'OpenSans'; padding: 15px 20px; border-radius: 5px; position: relative; background: #fff; } .page-club .main-feed .chat-chat .content-text p { margin: 0 0 10px; } .page-club .main-feed .chat-chat .content-text p:last-child { margin-bottom: 0; } .page-club .main-feed .chat-chat .content-text img { max-width: 100%; margin: 0 0 10px; } .page-club .main-feed .chat-chat .content-text img:last-child { margin-bottom: 0; } .page-club .main-feed .chat-chat .content-text:before { content: ''; position: absolute; left: -20px; top: 15px; border: 10px solid transparent; border-top: 10px solid #fff; border-right: 10px solid #fff; } .page-club .main-feed .chat-chat .like { color: #c2c2c2; font-family: 'OpenSans Semi Bold'; margin: 52px 0 0 20px; cursor: pointer; } .page-club .main-feed .chat-chat .like:before { content: '\e912'; font: 40px 'Icons'; margin-right: 10px; -webkit-transition: all 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 350ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 350ms ease-in-out; -moz-transition-delay: 0; transition: all 350ms ease-in-out; transition-delay: 0; } .page-club .main-feed .chat-chat .like:hover:before { color: #4aa9d9; } .page-club .main-feed .chat-chat .like.active:before { color: #4aa9d9; } .page-club .main-feed .chat.first { margin-top: 0; } .page-club .main-feed .chat.last { margin-bottom: 20px; } .page-club .main-user-filter { display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0; } .page-club .main-user-filter label { font: 14px 'OpenSans Semi Bold'; text-transform: uppercase; padding-right: 50px; } .page-club .main-user-filter select { opacity: 0; } .page-club .main-user-filter .jq-selectbox { margin-right: 10px; } .page-club .main-user-filter .jq-selectbox__dropdown { top: 6px; } .page-club .main-user-filter .jq-selectbox__select { border-color: #ddd; } .page-club .main-user-filter .jq-selectbox:last-child { margin-right: 0; } .page-club .main-user-wrapp { display: flex; align-items: center; flex-wrap: wrap; } .page-club .main-user-wrapp .item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 120px; text-decoration: none; margin: 0 10px 10px 0; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } .page-club .main-user-wrapp .item-img { width: 120px; height: 120px; position: relative; } .page-club .main-user-wrapp .item-img img { width: 120px; height: 120px; display: block; } .page-club .main-user-wrapp .item-img:before { content: ''; width: 120px; height: 120px; display: block; position: absolute; top: 0; left: 0; opacity: 0; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .main-user-wrapp .item-img:after { content: ''; position: absolute; right: 0px; top: 50%; margin-top: -10px; border: 10px solid transparent; border-right: 10px solid #fff; z-index: 5; } .page-club .main-user-wrapp .item-text { display: flex; flex-wrap: wrap; justify-content: space-between; padding-right: 30px; } .page-club .main-user-wrapp .item-text-user_name { color: #000; font: 18px/22px Georgia; margin-bottom: 5px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .main-user-wrapp .item-text-user_city { color: #a5a5a5; font: 14px/16px 'Roboto Regular'; margin-bottom: 5px; } .page-club .main-user-wrapp .item-text-user_car { color: #999; font: 14px/16px 'Roboto Regular'; } .page-club .main-user-wrapp .item-text-info { color: #9e9e9e; font: 14px 'OpenSans'; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; padding-left: 30px; border-left: 1px solid #f0f0f0; } .page-club .main-user-wrapp .item-text-info_discussion { position: relative; } .page-club .main-user-wrapp .item-text-info_discussion:before { content: '\e908'; font: 12px 'Icons'; margin-right: 3px; margin-left: -2px; opacity: .5; } .page-club .main-user-wrapp .item-text-info_blog { position: relative; } .page-club .main-user-wrapp .item-text-info_blog:before { content: '\e909'; font: 12px 'Icons'; margin-right: 5px; opacity: .5; } .page-club .main-user-wrapp .item-text-info_meeting { position: relative; } .page-club .main-user-wrapp .item-text-info_meeting:before { content: '\e90f'; font: 12px 'Icons'; margin-right: 5px; margin-left: -2px; opacity: .5; } .page-club .main-user-wrapp .item:hover .item-text-user_name { color: #e0002a; } .page-club .main-user-wrapp .item:hover .item-img:before { opacity: 1; } .page-club .main-user-wrapp .item:nth-of-type(2n) { margin-right: 0; } .page-club .discussion { background: #fff; position: relative; margin-top: -1px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .discussion-main-nav { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 40px; } .page-club .discussion-main-nav .item { color: #999; text-transform: uppercase; text-decoration: none; display: flex; flex-wrap: wrap; align-items: center; } .page-club .discussion-main-nav .item:before { color: #cdcdcd; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 100%; border: 2px solid #ddd; font-family: 'Icons'; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-main-nav .item.car:before { content: '\e914'; } .page-club .discussion-main-nav .item.car:hover:before, .page-club .discussion-main-nav .item.car.active:before { color: #78b3c2; border-color: #78b3c2; } .page-club .discussion-main-nav .item.track:before { content: '\e915'; } .page-club .discussion-main-nav .item.track:hover:before, .page-club .discussion-main-nav .item.track.active:before { color: #e7ae5c; border-color: #e7ae5c; } .page-club .discussion-main-nav .item.sport:before { content: '\e918'; } .page-club .discussion-main-nav .item.sport:hover:before, .page-club .discussion-main-nav .item.sport:hover.active { color: #eb7f66; border-color: #eb7f66; } .page-club .discussion-main-nav .item.future:before { content: '\e916'; } .page-club .discussion-main-nav .item.future:hover:before, .page-club .discussion-main-nav .item.future.active:before { color: #c8e681; border-color: #c8e681; } .page-club .discussion-main-nav .item.law:before { content: '\e917'; } .page-club .discussion-main-nav .item.law:hover:before, .page-club .discussion-main-nav .item.law.active:before { color: #669beb; border-color: #669beb; } .page-club .discussion-main-nav .item.garage:before { content: '\e919'; } .page-club .discussion-main-nav .item.garage:hover:before, .page-club .discussion-main-nav .item.garage.active:before { color: #b59b88; border-color: #b59b88; } .page-club .discussion-main-filter { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; border-top: 1px dashed #ccc; } .page-club .discussion-main-filter .item { display: none; } .page-club .discussion-main-filter .item span { color: #000; font: 24px Georgia; margin-right: 50px; } .page-club .discussion-main-filter .item a { color: #999; font: 14px 'OpenSans'; text-decoration: none; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-main-filter .item a:after { color: #999; content: '•'; font-size: 20px; display: inline-block; vertical-align: top; margin: 4px 6px 0 10px; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; transition: all 0 ease-in-out; } .page-club .discussion-main-filter .item a:last-child:after { display: none; } .page-club .discussion-main-filter .item a:hover { color: #333; } .page-club .discussion-main-filter .rules { display: none; color: #999; font: 14px 'OpenSans Semi Bold'; text-decoration: none; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-main-filter .rules:before { content: '\e911'; font: 16px 'Icons'; margin-right: 5px; } .page-club .discussion-main-filter .rules:hover { color: #e0002a; } .page-club .discussion-main-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 40px; margin-bottom: 30px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; } .page-club .discussion-main-head .item span { color: #000; font: 24px Georgia; margin-right: 50px; } .page-club .discussion-main-head .item a { color: #999; font: 14px 'OpenSans'; text-decoration: none; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-main-head .item a:after { color: #999; content: '•'; font-size: 20px; display: inline-block; vertical-align: top; margin: 4px 6px 0 10px; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; transition: all 0 ease-in-out; } .page-club .discussion-main-head .item a:last-child:after { display: none; } .page-club .discussion-main-head .item a:hover { color: #333; } .page-club .discussion-main-head .rules { color: #999; font: 14px 'OpenSans Semi Bold'; text-decoration: none; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-main-head .rules:before { content: '\e911'; font: 16px 'Icons'; margin-right: 5px; } .page-club .discussion-main-head .rules:hover { color: #e0002a; } .page-club .discussion-page-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; margin-bottom: 15px; position: relative; border-bottom: 1px dashed #ccc; } .page-club .discussion-page-head h1 { font: 33px/39px Georgia; } .page-club .discussion-page-head .autor { width: 250px; display: flex; flex-wrap: wrap; align-items: center; } .page-club .discussion-page-head .autor img { width: 60px; height: 60px; display: block; margin-right: 20px; border-radius: 100%; } .page-club .discussion-page-head .autor p { font: 14px/16px 'OpenSans'; } .page-club .discussion-page-head .autor p span { color: #999; font-size: 12px; margin-top: 10px; display: block; } .page-club .discussion-page-head .comments-link { color: #fff; font: 12px 'OpenSans Semi Bold'; text-decoration: none; text-transform: uppercase; display: inline-block; position: absolute; padding: 1px 5px; bottom: -9px; left: -6px; background: #545454; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-page-head .comments-link:before { content: ''; position: absolute; left: 0; bottom: -6px; border: 3px solid transparent; border-top: 3px solid #1f1f1f; border-right: 3px solid #1f1f1f; -webkit-transition: all 0 ease-in-out; -webkit-transition-delay: 150ms; -o-transition: all 0 ease-in-out; -o-transition-delay: 150ms; -moz-transition: all 0 ease-in-out; -moz-transition-delay: 150ms; transition: all 0 ease-in-out; transition-delay: 150ms; } .page-club .discussion-page-head .comments-link:hover { background: #e0002a; } .page-club .discussion-page-head .comments-link:hover:before { border-top: 3px solid #a2001e; border-right: 3px solid #a2001e; } .page-club .discussion-page-rules { border-top: 1px dashed #ccc; padding: 20px 40px; } .page-club .discussion-page-rules .title { font: 21px Georgia; } .page-club .discussion-page-rules ol { padding-left: 20px; } .page-club .discussion-page-rules ol li { color: #666; font: 16px/24px 'OpenSans'; list-style-type: decimal; } .page-club .discussion-page-rules p { color: #666; font: 16px/24px 'OpenSans'; } .page-club .discussion-wrapp { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .discussion-wrapp-contents { margin-left: 40px; } .page-club .discussion-wrapp-contents .item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; position: relative; cursor: pointer; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; } .page-club .discussion-wrapp-contents .item-star { text-decoration: none; position: absolute; top: 2px; left: -23px; } .page-club .discussion-wrapp-contents .item-star:before { color: #ccc; content: '\e90a'; font: 16px 'Icons'; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-wrapp-contents .item-star:hover:before { color: #ffe1b5; } .page-club .discussion-wrapp-contents .item-star.active:before { color: #fcb54f; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-wrapp-contents .item-content { padding-right: 20px; } .page-club .discussion-wrapp-contents .item-content-title { color: #000; font: 18px/24px Georgia; text-decoration: none; } .page-club .discussion-wrapp-contents .item-content-info { color: #999; font: 12px 'OpenSans'; margin-top: 10px; } .page-club .discussion-wrapp-contents .item-content-info .section { color: #999; text-decoration: none; text-transform: uppercase; } .page-club .discussion-wrapp-contents .item-content-info .section:after { color: #999; content: '•'; font-size: 16px; display: inline-block; vertical-align: top; margin: 2px 6px 0 10px; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; transition: all 0 ease-in-out; } .page-club .discussion-wrapp-contents .item-content-info .section:hover { color: #333; } .page-club .discussion-wrapp-contents .item-content-info .user { color: #999; text-decoration: none; } .page-club .discussion-wrapp-contents .item-content-info .user:after { color: #999; content: '•'; ont-size: 16px; display: inline-block; vertical-align: top; margin: 2px 6px 0 10px; -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; transition: all 0 ease-in-out; } .page-club .discussion-wrapp-contents .item-content-info .user:hover { color: #333; } .page-club .discussion-wrapp-contents .item-content-info .date { font-family: 'OpenSans Semi Bold'; cursor: default; } .page-club .discussion-wrapp-contents .item-info-comments { color: #999; font: 16px 'OpenSans Semi Bold'; margin-bottom: 10px; } .page-club .discussion-wrapp-contents .item-info-comments:before { content: '\e908'; font: 15px 'Icons'; display: inline-block; vertical-align: top; margin: 4px 5px 0 0; opacity: .5; } .page-club .discussion-wrapp-contents .item-info-update { color: #999; font: 11px 'OpenSans Semi Bold'; } .page-club .discussion-wrapp-contents .item-info-update:before { content: '\e910'; font: 9px 'Icons'; margin-right: 5px; opacity: .5; } .page-club .discussion-wrapp-contents .item:hover .item-content-title { color: #e0002a; } .page-club .discussion-wrapp-contents .item:last-child, .page-club .discussion-wrapp-contents .item:nth-of-type(10) { border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; } .page-club .discussion-wrapp-page { margin-left: 40px; } .page-club .discussion-wrapp-page h1 { font: 33px/39px Georgia; } .page-club .discussion-wrapp-page h2 { font: 28px/28px Georgia; } .page-club .discussion-wrapp-page h3 { font: 24px/24px Georgia; } .page-club .discussion-wrapp-page ul, .page-club .discussion-wrapp-page ol { padding-left: 20px; } .page-club .discussion-wrapp-page ul li, .page-club .discussion-wrapp-page ol li { color: #545454; font: 20px/28px 'OpenSans'; letter-spacing: .3px; margin-bottom: 3px; } .page-club .discussion-wrapp-page ul li { list-style-type: square; } .page-club .discussion-wrapp-page ol li { list-style-type: decimal; } .page-club .discussion-wrapp-page p { color: #545454; font: 20px/28px 'OpenSans'; letter-spacing: .3px; } .page-club .discussion-wrapp-page a { color: #e0002a; } .page-club .discussion-wrapp-page img { max-width: 100%; } .page-club .discussion-wrapp-page img + span { color: #e0002a; display: block; padding: 5px 40px 0; } .page-club .discussion-wrapp-add { margin-left: 40px; } .page-club .discussion-wrapp-add .title { font: 21px Georgia; margin-bottom: 20px; } .page-club .discussion-wrapp-add .mce-tinymce { border: 1px solid #efefef !important; margin-bottom: 20px; } .page-club .discussion-wrapp-add .mce-toolbar-grp { padding: 0 0 2px; border-bottom: 1px solid #efefef !important; } .page-club .discussion-wrapp-add .mce-btn { border: 0; background: #fff; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-wrapp-add .mce-btn:hover { background: #ececec; } .page-club .discussion-wrapp-add .mce-panel { border: 0; background: none; } .page-club .discussion-wrapp-add textarea { min-height: 165px; } .page-club .discussion-wrapp-sidebar { width: 250px; margin-right: 40px; } .page-club .discussion-wrapp-sidebar .topics { margin-top: 3px; } .page-club .discussion-wrapp-sidebar .topics-title { color: #000; font: 24px/23px Georgia; padding-left: 10px; margin-bottom: 7px; } .page-club .discussion-wrapp-sidebar .topics-link { color: #999; font: 12px 'OpenSans Semi Bold'; display: block; text-transform: uppercase; text-decoration: none; padding: 5px 10px; border-top: 1px solid #f1f1f1; } .page-club .discussion-wrapp-sidebar .topics-link:hover, .page-club .discussion-wrapp-sidebar .topics-link.active { color: #333; } .page-club .discussion-wrapp-sidebar .topics-rules { color: #999; font: 14px 'OpenSans Semi Bold'; text-decoration: none; display: block; margin-top: 30px; margin-left: 10px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .discussion-wrapp-sidebar .topics-rules:before { content: '\e911'; font: 16px 'Icons'; margin-right: 5px; } .page-club .discussion-wrapp-sidebar .topics-rules:hover { color: #e0002a; } .page-club .discussion-wrapp-sidebar .topics-share { margin-top: 30px; } .page-club .discussion-wrapp-sidebar .topics-share .ya-share2__list { display: block; text-align: center; } .page-club .discussion-wrapp-sidebar .topics-share .ya-share2__badge { border-radius: 0; } .page-club .discussion-wrapp-sidebar .topics-share .ya-share2__icon { width: 35px; height: 35px; } .page-club .discussion-wrapp-sidebar .topics-share .ya-share2__counter { font-size: 20px; line-height: 34px; } .page-club .discussion-wrapp-sidebar .add-row { position: relative; margin-bottom: 30px; } .page-club .discussion-wrapp-sidebar .add-row input[type="text"] { width: 230px; font: 19px/23px Georgia; padding: 6px 10px; border: 1px solid #efefef; } .page-club .discussion-wrapp-sidebar .add-row input[type="submit"] { display: block; width: 100%; margin-top: 57px; } .page-club .discussion-wrapp-sidebar .add-row-title { color: #000; font: 21px Georgia; margin-bottom: 20px; margin-left: 20px; } .page-club .discussion-wrapp-sidebar .add-row .jq-selectbox { width: 250px; } .page-club .discussion-wrapp-sidebar .add-row .jq-selectbox li:hover { color: #333; background: #fbfbfa; } .page-club .discussion-wrapp-sidebar .add-row .jq-selectbox__select { border: 1px solid #efefef; border-radius: 0; font: 14px/34px 'OpenSans'; } .page-club .discussion-wrapp-sidebar .add-row .jq-selectbox__dropdown { top: 5px; border-radius: 0; } .page-club .discussion-wrapp-sidebar .add-row .jq-selectbox__trigger { border-left: 1px solid #efefef; } .page-club .discussion-wrapp-sidebar .add-row .jq-selectbox__trigger-arrow { border-top: 4px solid #efefef; } .page-club .discussion-wrapp-sidebar .add-row .count { color: #999; font: 12px 'OpenSans Italic'; position: absolute; top: 4px; right: 0; } .page-club .discussion-wrapp-sidebar .add-row .count input { color: #999; font: 14px 'OpenSans Italic'; width: 17px; padding: 0; border: 0; } .page-club .discussion-wrapp-sidebar .add-row .error { color: #e0002a; font: 10px 'OpenSans Semi Bold'; position: absolute; top: 25px; left: 0; display: none; } .page-club .discussion-wrapp-sidebar .add-row.error .error { display: inline-block; } .page-club .discussion-wrapp-sidebar .add-row.error input { border-color: #e0002a; } .page-club .discussion-wrapp-sidebar .add-row.error .jq-selectbox__select { border: 1px solid #e0002a; } .page-club .discussion-wrapp-sidebar .add-row.error .jq-selectbox__trigger { border-left: 1px solid #e0002a; } .page-club .discussion-wrapp-sidebar .add-row.error .jq-selectbox__trigger-arrow { border-top: 4px solid #e0002a; } .page-club .discussion-favorites { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding-bottom: 40px; } .page-club .discussion-favorites-title { color: #000; font: 22px Georgia; margin-bottom: 30px; } .page-club .discussion-favorites-text { color: #999; font: 18px/24px 'OpenSans Italic'; text-align: center; margin-bottom: 30px; } .page-club .discussion-youpost { height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; position: relative; } .page-club .discussion-youpost-title { color: #000; font: 22px Georgia; margin-top: 40px; margin-bottom: 10px; } .page-club .discussion-youpost-text { color: #999; font: 18px/24px 'OpenSans Italic'; text-align: center; margin-bottom: 20px; } .page-club .discussion-youpost:after { content: ''; width: 100%; height: 75px; display: block; } .page-club .discussion-comments { border-top: 1px dashed #ccc; padding: 20px 40px 20px; margin-top: 10px; } .page-club .discussion-comments-title { display: flex; align-items: center; font: 21px Georgia; } .page-club .discussion-comments-title span { color: #fff; height: 8px; overflow: hidden; font: 11px/8px 'OpenSans Bold'; display: inline-block; border-radius: 2px; padding: 3px 3px 3px 4px; margin: 4px 0 0 10px; background: #e0002a; } .page-club .discussion-comments-no p { color: #999; font: 22px 'OpenSans Italic'; text-align: center; } .page-club .discussion-comments-no p:before { color: #eee; content: '\e908'; font: 80px 'Icons'; display: block; margin: 0 auto 15px; } .page-club .discussion-comments-add { border-top: 1px dashed #ccc; margin-top: 20px; padding: 15px 0 25px; } .page-club .discussion-comments-add textarea { width: 100%; min-height: 165px; padding: 10px 13px; margin: 25px 0 30px; resize: vertical; outline: none; border: 1px solid #efefef; border-radius: 5px; background: #fefefe; box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.1); } .page-club .blog { background: #fff; position: relative; margin-top: -1px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .blog-page-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; margin-bottom: 15px; position: relative; border-bottom: 1px dashed #ccc; } .page-club .blog-page-head h1 { font: 33px/39px Georgia; } .page-club .blog-page-head .title { font: 24px/23px Georgia; } .page-club .blog-page-title { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; margin-bottom: 7px; position: relative; z-index: 2; } .page-club .blog-page-title .autor { width: 250px; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; } .page-club .blog-page-title .autor img { width: 50px; height: 50px; display: block; margin-right: 20px; border-radius: 100%; } .page-club .blog-page-title .autor p { color: #fff; font: 12px/16px 'OpenSans Semi Bold'; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .blog-page-title .autor p span { color: #999; font-size: 12px; margin-top: 2px; display: block; } .page-club .blog-page-title .autor:hover p { color: #e0002a; } .page-club .blog-page-title .autor:hover p span { color: #999; } .page-club .blog-page-title .info { width: 250px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page-club .blog-page-title .info-vote { width: 106px; display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .blog-page-title .info-vote .item { width: 44px; height: 44px; color: #ccc; font: 14px 'OpenSans Bold'; text-decoration: none; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; border: 2px solid #ccc; border-radius: 100%; overflow: hidden; } .page-club .blog-page-title .info-vote .item.up { color: #c8e681; border-color: #c8e681; } .page-club .blog-page-title .info-vote .item.up:before { content: ''; margin-top: -5px; border: 5px solid transparent; border-bottom: 8px solid #c8e681; } .page-club .blog-page-title .info-vote .item.up:hover { background: rgba(200, 230, 129, 0.3); } .page-club .blog-page-title .info-vote .item.down { color: #eb7f66; border-color: #eb7f66; } .page-club .blog-page-title .info-vote .item.down:before { content: ''; margin-bottom: -5px; border: 5px solid transparent; border-top: 8px solid #eb7f66; } .page-club .blog-page-title .info-vote .item.down:hover { background: rgba(235, 127, 102, 0.3); } .page-club .blog-page-title .info-icon { width: 134px; display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .blog-page-title .info-icon .views { color: #fff; font: 12px 'OpenSans Semi Bold'; } .page-club .blog-page-title .info-icon .views:before { color: rgba(255, 255, 255, 0.5); content: '\e90b'; font: 11px 'Icons'; margin-right: 5px; } .page-club .blog-page-title .info-icon .comments { color: #fff; font: 12px 'OpenSans Semi Bold'; text-decoration: none; } .page-club .blog-page-title .info-icon .comments:before { color: rgba(255, 255, 255, 0.5); content: '\e908'; font: 11px 'Icons'; margin-right: 5px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .blog-page-title .info-icon .comments:hover:before { color: #e0002a; } .page-club .blog-page-title .info-icon .favorites { color: #fff; font: 12px 'OpenSans Semi Bold'; text-decoration: none; } .page-club .blog-page-title .info-icon .favorites:before { color: rgba(255, 255, 255, 0.5); content: '\e90a'; font: 12px 'Icons'; display: inline-block; vertical-align: top; margin: 2px 5px 0 0; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .blog-page-title .info-icon .favorites:hover:before { color: #ffe1b5; } .page-club .blog-page-title .info-icon .favorites.active:before { color: #fcb54f; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .blog-page-image { width: 100%; height: 60vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; display: flex; lex-wrap: wrap; align-items: flex-end; } .page-club .blog-page-image:after { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); z-index: 1; } .page-club .blog-wrapp { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .blog-wrapp-page { width: 100%; margin: 0 40px; } .page-club .blog-wrapp-page h1 { font: 33px/39px Georgia; } .page-club .blog-wrapp-page h2 { font: 28px/28px Georgia; } .page-club .blog-wrapp-page h3 { font: 24px/24px Georgia; } .page-club .blog-wrapp-page ul, .page-club .blog-wrapp-page ol { padding-left: 20px; } .page-club .blog-wrapp-page ul li, .page-club .blog-wrapp-page ol li { color: #545454; font: 20px/28px 'OpenSans'; letter-spacing: .3px; margin-bottom: 3px; } .page-club .blog-wrapp-page ul li { list-style-type: square; } .page-club .blog-wrapp-page ol li { list-style-type: decimal; } .page-club .blog-wrapp-page p { color: #545454; font: 20px/28px 'OpenSans'; letter-spacing: .3px; } .page-club .blog-wrapp-page a { color: #e0002a; } .page-club .blog-wrapp-page img { max-width: 100%; } .page-club .blog-wrapp-page img + span { color: #e0002a; display: block; padding: 5px 40px 0; } .page-club .blog-wrapp-add { margin-left: 40px; } .page-club .blog-wrapp-add .title { font: 21px Georgia; margin-bottom: 20px; } .page-club .blog-wrapp-add .mce-tinymce { border: 1px solid #efefef !important; margin-bottom: 20px; } .page-club .blog-wrapp-add .mce-toolbar-grp { padding: 0 0 2px; border-bottom: 1px solid #efefef !important; } .page-club .blog-wrapp-add .mce-btn { border: 0; background: #fff; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .blog-wrapp-add .mce-btn:hover { background: #ececec; } .page-club .blog-wrapp-add .mce-panel { border: 0; background: none; } .page-club .blog-wrapp-add textarea { min-height: 165px; } .page-club .blog-wrapp-soc { width: 100%; margin: 2px 0 -11px; padding: 4px 40px; display: flex; flex-wrap: wrap; align-items: center; background: #f8f8f8; } .page-club .blog-wrapp-soc .text { color: #000; font: 12px 'OpenSans Bold'; text-transform: uppercase; padding-right: 50px; } .page-club .blog-wrapp-soc .ya-share2__list { display: block; text-align: center; } .page-club .blog-wrapp-soc .ya-share2__badge { border-radius: 2px; } .page-club .blog-wrapp-soc .ya-share2__icon { width: 35px; height: 35px; } .page-club .blog-wrapp-soc .ya-share2__counter { font-size: 20px; line-height: 34px; } .page-club .blog-wrapp-sidebar { width: 250px; margin-right: 40px; } .page-club .blog-wrapp-sidebar .topics { margin-top: 3px; } .page-club .blog-wrapp-sidebar .topics-title { color: #000; font: 24px/23px Georgia; padding-left: 10px; margin-bottom: 7px; } .page-club .blog-wrapp-sidebar .topics-link { color: #999; font: 12px 'OpenSans Semi Bold'; display: block; text-transform: uppercase; text-decoration: none; padding: 5px 10px; border-top: 1px solid #f1f1f1; } .page-club .blog-wrapp-sidebar .topics-link:hover, .page-club .blog-wrapp-sidebar .topics-link.active { color: #333; } .page-club .blog-wrapp-sidebar .topics-rules { color: #999; font: 14px 'OpenSans Semi Bold'; text-decoration: none; display: block; margin-top: 30px; margin-left: 10px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .blog-wrapp-sidebar .topics-rules:before { content: '\e911'; font: 16px 'Icons'; margin-right: 5px; } .page-club .blog-wrapp-sidebar .topics-rules:hover { color: #e0002a; } .page-club .blog-wrapp-sidebar .topics-share { margin-top: 30px; } .page-club .blog-wrapp-sidebar .topics-share .ya-share2__list { display: block; text-align: center; } .page-club .blog-wrapp-sidebar .topics-share .ya-share2__badge { border-radius: 0; } .page-club .blog-wrapp-sidebar .topics-share .ya-share2__icon { width: 35px; height: 35px; } .page-club .blog-wrapp-sidebar .topics-share .ya-share2__counter { font-size: 20px; line-height: 34px; } .page-club .blog-wrapp-sidebar .add-row { position: relative; margin-bottom: 30px; } .page-club .blog-wrapp-sidebar .add-row input[type="text"] { width: 230px; font: 19px/23px Georgia; padding: 6px 10px; border: 1px solid #efefef; } .page-club .blog-wrapp-sidebar .add-row input[type="file"], .page-club .blog-wrapp-sidebar .add-row select { opacity: 0; } .page-club .blog-wrapp-sidebar .add-row input[type="submit"] { display: block; width: 100%; margin-top: 57px; } .page-club .blog-wrapp-sidebar .add-row-title { color: #000; font: 21px Georgia; margin-bottom: 20px; } .page-club .blog-wrapp-sidebar .add-row .jq-selectbox { width: 250px; } .page-club .blog-wrapp-sidebar .add-row .jq-selectbox li:hover { color: #333; background: #fbfbfa; } .page-club .blog-wrapp-sidebar .add-row .jq-selectbox__select { border: 1px solid #efefef; border-radius: 0; font: 14px/34px 'OpenSans'; } .page-club .blog-wrapp-sidebar .add-row .jq-selectbox__dropdown { top: 5px; border-radius: 0; } .page-club .blog-wrapp-sidebar .add-row .jq-selectbox__trigger { border-left: 1px solid #efefef; } .page-club .blog-wrapp-sidebar .add-row .jq-selectbox__trigger-arrow { border-top: 4px solid #efefef; } .page-club .blog-wrapp-sidebar .add-row .jq-file { width: 250px; border-radius: 0; box-shadow: 0 0 rgba(0, 0, 0, 0); } .page-club .blog-wrapp-sidebar .add-row .jq-file__name { border-radius: 0; border: 1px solid #efefef; border-bottom-color: #efefef; box-shadow: 0 0 #fff; font: 14px/34px 'OpenSans'; } .page-club .blog-wrapp-sidebar .add-row .jq-file__browse { color: #fff; border-radius: 0; text-shadow: 0 0 #fff; border: 1px solid #4aa9d9; margin: -1px -1px 0 0; background: #4aa9d9; box-shadow: 0 0 #fff; } .page-club .blog-wrapp-sidebar .add-row .count { color: #999; font: 12px 'OpenSans Italic'; position: absolute; top: 4px; right: 0; } .page-club .blog-wrapp-sidebar .add-row .count input { color: #999; font: 14px 'OpenSans Italic'; width: 17px; padding: 0; border: 0; } .page-club .blog-wrapp-sidebar .add-row .error { color: #e0002a; font: 10px 'OpenSans Semi Bold'; position: absolute; top: 25px; left: 0; display: none; } .page-club .blog-wrapp-sidebar .add-row.error .error { display: inline-block; } .page-club .blog-wrapp-sidebar .add-row.error input { border-color: #e0002a; } .page-club .blog-wrapp-sidebar .add-row.error .jq-selectbox__select { border: 1px solid #e0002a; } .page-club .blog-wrapp-sidebar .add-row.error .jq-selectbox__trigger { border-left: 1px solid #e0002a; } .page-club .blog-wrapp-sidebar .add-row.error .jq-selectbox__trigger-arrow { border-top: 4px solid #e0002a; } .page-club .blog-wrapp-sidebar .add-row.error .jq-file__name { border: 1px solid #e0002a; border-bottom-color: #e0002a; } .page-club .blog-wrapp-sidebar .add-row.error .jq-file__browse { border: 1px solid #e0002a; background: #e0002a; } .page-club .blog-favorites { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; padding-bottom: 40px; } .page-club .blog-favorites-title { color: #000; font: 22px Georgia; margin-bottom: 30px; } .page-club .blog-favorites-text { color: #999; font: 18px/24px 'OpenSans Italic'; text-align: center; margin-bottom: 30px; } .page-club .blog-youpost { height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; position: relative; } .page-club .blog-youpost-title { color: #000; font: 22px Georgia; margin-top: 40px; margin-bottom: 10px; } .page-club .blog-youpost-text { color: #999; font: 18px/24px 'OpenSans Italic'; text-align: center; margin-bottom: 20px; } .page-club .blog-youpost:after { content: ''; width: 100%; height: 75px; display: block; } .page-club .blog-comments { border-top: 1px dashed #ccc; padding: 20px 40px 20px; margin-top: 10px; } .page-club .blog-comments-title { display: flex; align-items: center; font: 21px Georgia; } .page-club .blog-comments-title span { color: #fff; height: 8px; overflow: hidden; font: 11px/8px 'OpenSans Bold'; display: inline-block; border-radius: 2px; padding: 3px; margin: 4px 0 0 10px; background: #e0002a; } .page-club .blog-comments-no p { color: #999; font: 22px 'OpenSans Italic'; text-align: center; } .page-club .blog-comments-no p:before { color: #eee; content: '\e908'; font: 80px 'Icons'; display: block; margin: 0 auto 15px; } .page-club .blog-comments-add { border-top: 1px dashed #ccc; margin-top: 20px; padding: 15px 0 25px; } .page-club .blog-comments-add textarea { width: 100%; min-height: 165px; padding: 10px 13px; margin: 25px 0 30px; resize: vertical; outline: none; border: 1px solid #efefef; border-radius: 5px; background: #fefefe; box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.1); } .page-club .meeting { background: #fff; position: relative; margin-top: -1px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); } .page-club .meeting-page-title { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; margin-bottom: 7px; position: relative; z-index: 2; } .page-club .meeting-page-title .autor { width: 250px; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; } .page-club .meeting-page-title .autor img { width: 50px; height: 50px; display: block; margin-right: 20px; border-radius: 100%; } .page-club .meeting-page-title .autor p { color: #fff; font: 12px/16px 'OpenSans Semi Bold'; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .meeting-page-title .autor p span { color: #999; font-size: 12px; margin-top: 2px; display: block; } .page-club .meeting-page-title .autor:hover p { color: #e0002a; } .page-club .meeting-page-title .autor:hover p span { color: #999; } .page-club .meeting-page-image { width: 100%; height: 60vh; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; display: flex; lex-wrap: wrap; align-items: flex-end; } .page-club .meeting-page-image:after { content: ''; width: 100%; height: 200px; display: block; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); z-index: 1; } .page-club .meeting-wrapp { display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .meeting-wrapp-page { width: 100%; margin: 0 40px; } .page-club .meeting-wrapp-page h1 { font: 33px/39px Georgia; } .page-club .meeting-wrapp-page h2 { font: 28px/28px Georgia; } .page-club .meeting-wrapp-page h3 { font: 24px/24px Georgia; } .page-club .meeting-wrapp-page ul, .page-club .meeting-wrapp-page ol { padding-left: 20px; } .page-club .meeting-wrapp-page ul li, .page-club .meeting-wrapp-page ol li { color: #545454; font: 20px/28px 'OpenSans'; letter-spacing: .3px; margin-bottom: 3px; } .page-club .meeting-wrapp-page ul li { list-style-type: square; } .page-club .meeting-wrapp-page ol li { list-style-type: decimal; } .page-club .meeting-wrapp-page p { color: #545454; font: 20px/28px 'OpenSans'; letter-spacing: .3px; } .page-club .meeting-wrapp-page p.sub { font-family: 'OpenSans Semi Bold'; } .page-club .meeting-wrapp-page a { color: #e0002a; } .page-club .meeting-wrapp-page img { max-width: 100%; } .page-club .meeting-wrapp-page img + span { color: #e0002a; display: block; padding: 5px 40px 0; } .page-club .meeting-wrapp-gallery { display: flex; flex-wrap: wrap; margin: 5px 0 25px; } .page-club .meeting-wrapp-gallery a { display: block; overflow: hidden; margin: 0 3px 3px 0; cursor: zoom-in; } .page-club .meeting-wrapp-gallery a img { display: block; } .page-club .meeting-wrapp-info { width: 100%; margin: 2px 0 -11px; padding: 4px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: #f8f8f8; } .page-club .meeting-wrapp-info .soc { display: flex; flex-wrap: wrap; align-items: center; } .page-club .meeting-wrapp-info .soc .text { color: #000; font: 12px 'OpenSans Bold'; text-transform: uppercase; padding-right: 50px; } .page-club .meeting-wrapp-info .soc .ya-share2__list { display: block; text-align: center; } .page-club .meeting-wrapp-info .soc .ya-share2__badge { border-radius: 2px; } .page-club .meeting-wrapp-info .soc .ya-share2__icon { width: 35px; height: 35px; } .page-club .meeting-wrapp-info .soc .ya-share2__counter { font-size: 20px; line-height: 34px; } .page-club .meeting-wrapp-info .info { width: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .page-club .meeting-wrapp-info .info-icon { width: auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .page-club .meeting-wrapp-info .info-icon .views { color: #999; font: 14px 'OpenSans Semi Bold'; } .page-club .meeting-wrapp-info .info-icon .views:before { color: rgba(153, 153, 153, 0.5); content: '\e90b'; font: 13px 'Icons'; margin-right: 5px; } .page-club .meeting-wrapp-info .info-icon .comments { color: #999; font: 14px 'OpenSans Semi Bold'; margin: 0 15px; text-decoration: none; } .page-club .meeting-wrapp-info .info-icon .comments:before { color: rgba(153, 153, 153, 0.5); content: '\e908'; font: 13px 'Icons'; margin-right: 5px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .meeting-wrapp-info .info-icon .favorites { color: #999; font: 14px 'OpenSans Semi Bold'; text-decoration: none; } .page-club .meeting-wrapp-info .info-icon .favorites:before { color: rgba(153, 153, 153, 0.5); content: '\e90a'; font: 14px 'Icons'; display: inline-block; vertical-align: top; margin: 2px 5px 0 0; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .meeting-wrapp-info .info-icon .favorites:hover:before { color: #ffe1b5; } .page-club .meeting-wrapp-info .info-icon .favorites.active:before { color: #fcb54f; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .page-club .meeting-comments { border-top: 1px dashed #ccc; padding: 20px 40px 20px; margin-top: 10px; } .page-club .meeting-comments-title { display: flex; align-items: center; font: 21px Georgia; } .page-club .meeting-comments-title span { color: #fff; height: 8px; overflow: hidden; font: 11px/8px 'OpenSans Bold'; display: inline-block; border-radius: 2px; padding: 3px; margin: 4px 0 0 10px; background: #e0002a; } .page-club .meeting-comments-no p { color: #999; font: 22px 'OpenSans Italic'; text-align: center; } .page-club .meeting-comments-no p:before { color: #eee; content: '\e908'; font: 80px 'Icons'; display: block; margin: 0 auto 15px; } .page-club .meeting-comments-add { border-top: 1px dashed #ccc; margin-top: 20px; padding: 15px 0 25px; } .page-club .meeting-comments-add textarea { width: 100%; min-height: 165px; padding: 10px 13px; margin: 25px 0 30px; resize: vertical; outline: none; border: 1px solid #efefef; border-radius: 5px; background: #fefefe; box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.1); } .page-club .paginator { font: 28px 'OpenSans'; display: flex; flex-wrap: wrap; justify-content: center; } .page-club .paginator li { margin: 0 15px; } .page-club .paginator li a { color: #ccc; display: block; text-decoration: none; } .page-club .paginator li a:hover { color: #333; } .page-club .paginator li.active span { color: #e0002a; } .page-club .paginator li.disabled a, .page-club .paginator li.disabled span { color: #eee; } .page-club .paginator li:first-child, .page-club .paginator li:last-child { font: 24px 'Icons'; } .page-club .paginator li:first-child a, .page-club .paginator li:last-child a { line-height: 32px; } .page-club .paginator li:first-child { margin-right: 0; } .page-club .paginator li:first-child a { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-club .paginator li:last-child { margin-left: 0; } .page-club .anons .container:before, .page-club .anons .container:after { background: #f8f8f8; } .page-technical-work { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; } .page-technical-work p { color: #333; font: 30px 'OpenSans'; text-align: center; } .page-technical-work p:before { content: '\e91a'; font: 180px 'Icons'; text-align: center; display: block; margin: 0 auto 40px; opacity: .3; } @media only screen and (min-width: 960px) { .sticker { position: absolute; opacity: 0; -webkit-transition: all 250ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 250ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 250ms ease-in-out; -moz-transition-delay: 0; transition: all 250ms ease-in-out; transition-delay: 0; } .sticker-item { color: #fff; width: 35px; height: 35px; font-family: 'Icons'; text-decoration: none; border-radius: 100%; margin-right: 10px; float: left; position: relative; background: rgba(224, 0, 42, 0.7); opacity: 0; z-index: 10; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } .sticker-item.pen { z-index: 100; } .sticker-item.pen:before { content: '\e904'; font-size: 23px; } .sticker-item.video:before { content: '\e900'; font-size: 15px; } .sticker-item.foto:before { content: '\e902'; font-size: 17px; } .sticker-item.pdf:before { content: '\e901'; font-size: 10px; } .sticker-item.upload:before { content: '\e910'; font-size: 18px; } .sticker-item.mc:before { content: '\e921'; font-size: 24px; margin-top: 6px; } .sticker-item.microphone:before { content: '\e922'; font-size: 23px; } .sticker-item.more { color: #fff; position: relative; opacity: 1; } .sticker-item.more:before { content: '...'; font: 20px 'Roboto Bold'; display: block; position: absolute; top: 0; left: 9px; opacity: 1; -webkit-transition: all 250ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 250ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 250ms ease-in-out; -moz-transition-delay: 250ms; transition: all 250ms ease-in-out; transition-delay: 250ms; } .sticker-item.more:after { content: '+'; font: 34px 'OpenSans'; display: block; position: absolute; top: -6px; left: 9px; opacity: 0; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .sticker-item:first-child, .sticker-item:nth-of-type(1) { opacity: 1; z-index: 20; } .sticker-item:last-child { margin-right: 0; } .sticker-item:hover { color: #fff; } .sticker.s2 { width: 85px; } .sticker.s2 .sticker-item:first-child { left: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0; transition: all 450ms ease-in-out; transition-delay: 0; } .sticker.s2 .sticker-item:nth-of-type(2) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 250ms; transition: all 450ms ease-in-out; transition-delay: 250ms; } .sticker.s2.active .sticker-item:first-child { left: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0; transition: all 450ms ease-in-out; transition-delay: 0; } .sticker.s2.active .sticker-item:nth-of-type(2) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 250ms; transition: all 450ms ease-in-out; transition-delay: 250ms; } .sticker.s3 { width: 170px; } .sticker.s3 .sticker-item:first-child { position: absolute; left: 90px; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s3 .sticker-item:nth-of-type(2) { margin-left: 45px; opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0ms; transition: all 450ms ease-in-out; transition-delay: 0ms; } .sticker.s3 .sticker-item:nth-of-type(3) { opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 50ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 50ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 50ms; transition: all 450ms ease-in-out; transition-delay: 50ms; } .sticker.s3.active .sticker-item:first-child { left: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0; transition: all 450ms ease-in-out; transition-delay: 0; } .sticker.s3.active .sticker-item:nth-of-type(2) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 250ms; transition: all 450ms ease-in-out; transition-delay: 250ms; } .sticker.s3.active .sticker-item:nth-of-type(3) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s4 { width: 215px; } .sticker.s4 .sticker-item:first-child { position: absolute; left: 135px; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s4 .sticker-item:nth-of-type(2) { margin-left: 45px; opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0ms; transition: all 450ms ease-in-out; transition-delay: 0ms; } .sticker.s4 .sticker-item:nth-of-type(3) { opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 50ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 50ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 50ms; transition: all 450ms ease-in-out; transition-delay: 50ms; } .sticker.s4 .sticker-item:nth-of-type(4) { opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 150ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 150ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 150ms; transition: all 450ms ease-in-out; transition-delay: 150ms; } .sticker.s4.active .sticker-item:first-child { left: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0; transition: all 450ms ease-in-out; transition-delay: 0; } .sticker.s4.active .sticker-item:nth-of-type(2) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 250ms; transition: all 450ms ease-in-out; transition-delay: 250ms; } .sticker.s4.active .sticker-item:nth-of-type(3) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s4.active .sticker-item:nth-of-type(4) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 150ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 150ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 150ms; transition: all 450ms ease-in-out; transition-delay: 150ms; } .sticker.s5 { width: 260px; } .sticker.s5 .sticker-item:first-child { position: absolute; left: 180px; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s5 .sticker-item:nth-of-type(2) { margin-left: 45px; opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0ms; transition: all 450ms ease-in-out; transition-delay: 0ms; } .sticker.s5 .sticker-item:nth-of-type(3) { opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 50ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 50ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 50ms; transition: all 450ms ease-in-out; transition-delay: 50ms; } .sticker.s5 .sticker-item:nth-of-type(4) { opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 150ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 150ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 150ms; transition: all 450ms ease-in-out; transition-delay: 150ms; } .sticker.s5 .sticker-item:nth-of-type(5) { opacity: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s5.active .sticker-item:first-child { left: 0; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 450ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 0; transition: all 450ms ease-in-out; transition-delay: 0; } .sticker.s5.active .sticker-item:nth-of-type(2) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 250ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 250ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 250ms; transition: all 450ms ease-in-out; transition-delay: 250ms; } .sticker.s5.active .sticker-item:nth-of-type(3) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 200ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 200ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 200ms; transition: all 450ms ease-in-out; transition-delay: 200ms; } .sticker.s5.active .sticker-item:nth-of-type(4) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 150ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 150ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 150ms; transition: all 450ms ease-in-out; transition-delay: 150ms; } .sticker.s5.active .sticker-item:nth-of-type(5) { opacity: 1; -webkit-transition: all 450ms ease-in-out; -webkit-transition-delay: 100ms; -o-transition: all 450ms ease-in-out; -o-transition-delay: 100ms; -moz-transition: all 450ms ease-in-out; -moz-transition-delay: 100ms; transition: all 450ms ease-in-out; transition-delay: 100ms; } .sticker.active .sticker-item.more:before { opacity: 0; -webkit-transition: all 250ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 250ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 250ms ease-in-out; -moz-transition-delay: 0; transition: all 250ms ease-in-out; transition-delay: 0; } .sticker.active .sticker-item.more:after { opacity: 1; -moz-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .swiper-slide .sticker { top: 20px !important; right: 5px !important; } .swiper-slide .sticker-item { width: 75px; height: 75px; margin-right: 15px; } .swiper-slide .sticker-item.pen:before { font-size: 50px; } .swiper-slide .sticker-item.video:before { font-size: 35px; } .swiper-slide .sticker-item.foto:before { font-size: 38px; } .swiper-slide .sticker-item.pdf:before { font-size: 20px; } .swiper-slide .sticker-item.upload:before { font-size: 45px; } .swiper-slide .sticker-item.mc:before { content: '\e921'; font-size: 46px; margin-top: 9px; } .swiper-slide .sticker-item.microphone:before { content: '\e922'; font-size: 36px; } .swiper-slide .sticker-item:nth-of-type(1) { left: -45px !important; } .swiper-slide .sticker.s1 .sticker-item { margin-right: -30px; } .shanhai .swiper-slide span.img { width: 100px; height: 100px; border-radius: 100%; display: block; } .shanhai .swiper-slide span.skoda { background: url('../spec/shanhai/skoda.jpg'); } .shanhai .swiper-slide span.lexus { background: url('../spec/shanhai/lexus.jpg'); } .shanhai .swiper-slide span.audi { background: url('../spec/shanhai/audi.jpg'); } .shanhai .swiper-slide span.mercedes { background: url('../spec/shanhai/mercedes.jpg'); } .shanhai .swiper-slide span.chevrolet { background: url('../spec/shanhai/chevrolet.jpg'); } .shanhai .swiper-slide span.citroen { background: url('../spec/shanhai/citroen.jpg'); } .shanhai .swiper-slide span.chery { background: url('../spec/shanhai/chery.jpg'); } .shanhai .swiper-slide span.volkswagen { background: url('../spec/shanhai/volkswagen.jpg'); } .shanhai .swiper-slide span.nissan { background: url('../spec/shanhai/nissan.jpg'); } .shanhai .swiper-slide span.toyota { background: url('../spec/shanhai/toyota.jpg'); } } @media only screen and (min-width: 960px) and (max-width: 1200px) { header .head-left-nav.special { display: none; } .foot-social a { margin-right: 5px; } .foot-social a:last-child { margin-right: 0; } .foot-copy { color: #706f70; font-size: 13px; text-align: center; padding: 15px 0 10px; } .container { width: 960px; min-width: 960px; } .anons-ipad { margin-left: -97px; } .anons-ipad a { margin-left: 12px; } .anons .container { overflow: hidden; } .anons .container:after { content: ''; width: 10px; height: 100%; display: block; position: absolute; top: 0; right: 394px; background: #fff; } } @media only screen and (min-width: 1201px) { .container { width: 1200px; min-width: 1200px; } .photobox.one a { width: 814px; } .photobox.two a { width: 405px; } .photobox.three a { width: 269px; } .photobox.four a { width: 405px; } .photobox.sliderBox a { width: 405px; } .anons-ipad a { margin-left: 10px; } .anons .container { overflow: hidden; } .anons .container:before { content: ''; width: 10px; height: 100%; display: block; position: absolute; top: 0; left: 353px; background: #fff; } .anons .container:after { content: ''; width: 10px; height: 100%; display: block; position: absolute; top: 0; right: 422px; background: #fff; } } @media only screen and (min-width: 300px) and (max-width: 959px) { .shanhai { padding: 10px 0 15px; } .shanhai .swiper-slide span.img { width: 55px; height: 55px; border-radius: 100%; display: block; background: #f00; } .shanhai .swiper-slide span.skoda { background: url('../spec/shanhai/_skoda.jpg'); } .shanhai .swiper-slide span.lexus { background: url('../spec/shanhai/_lexus.jpg'); } .shanhai .swiper-slide span.audi { background: url('../spec/shanhai/_audi.jpg'); } .shanhai .swiper-slide span.mercedes { background: url('../spec/shanhai/_mercedes.jpg'); } .shanhai .swiper-slide span.chevrolet { background: url('../spec/shanhai/_chevrolet.jpg'); } .shanhai .swiper-slide span.citroen { background: url('../spec/shanhai/_citroen.jpg'); } .shanhai .swiper-slide span.chery { background: url('../spec/shanhai/_chery.jpg'); } .shanhai .swiper-slide span.volkswagen { background: url('../spec/shanhai/_volkswagen.jpg'); } .shanhai .swiper-slide span.nissan { background: url('../spec/shanhai/_nissan.jpg'); } .shanhai .swiper-slide span.toyota { background: url('../spec/shanhai/_toyota.jpg'); } .shanhai-title .left { font-size: 24px; line-height: 24px; text-align: center; width: 100%; } .shanhai-title .right { display: none; } .link-test-auto { display: none !important; } html, body { overflow: hidden; overflow-x: hidden; overflow-y: scroll; } header { display: block; } header .head { display: block; } header .head:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } header .head-left { float: left; display: block; } header .head-left-logo { margin-top: 14px; margin-left: 10px; background-size: 130px 72px; } header .head-left-nav { display: none; } header .head-left-nav.special { display: none; } header .head-right { width: 180px; float: right; display: block; } header .head-right:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } header .head-right-search { width: 20px; height: 96px; float: left; margin-top: 4px; margin-left: 25px; } header .head-right-search a { display: block; } header .head-right-search span { display: none; } header .head-right-profil { width: 46px; height: 100px; text-align: center; display: inline-block; } header .head-right-profil-loger { width: 46px; height: 100px; float: left; display: block; } header .head-right-profil-loger img { margin: 28px auto 0; } header .head-right-profil-loger .item { display: block; } header .head-right-profil-loger .item-user { display: block; } header .head-right-profil-loger .item-user:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } header .head-right-profil-loger .item-user img { float: left; margin: 0; } header .head-right-profil-loger .item-user p { float: right; margin-top: 0; margin-bottom: 0; } header .head-right-profil-loger .item-nav a { margin: 0; } header .head-right-profil-loger .item-nav a:first-child { margin-bottom: 20px; } header .head-right-profil-loger .avatar-notification { position: absolute; background: #e0002a; color: #fff; font: 12px/18px 'Roboto Bold'; z-index: 1; border-radius: 50%; top: 60px; right: -5px; width: 20px; height: 20px; display: block; text-align: center; } header .head-right-profil:before { line-height: 107px; } header .head-right-menu { height: 100px; float: right; display: inline-block; } header .head-right-menu span { margin: 48px 0 0 20px; } nav { display: block; padding: 20px 0 35px; z-index: 500; position: relative; } nav .nav { display: block; } nav .nav-menu { display: block; } nav .nav-menu div { width: 110px; margin: 0 0 0 35px !important; padding: 0; border: 0 !important; } nav .nav-menu div a { font-size: 20px; line-height: 50px; display: block; } nav .nav-social { width: 90%; display: block; margin-top: 30px; } nav .nav-social a:before { line-height: 33px; } nav .nav-social-item { display: block !important; float: left; text-align: center; margin-top: 0 !important; margin-right: 15px !important; } nav .nav .closed { width: 45px; height: 45px; top: 10px; right: 10px; } nav .nav .closed:before, nav .nav .closed:after { width: 45px; } nav .nav:before { top: -85px; left: 10px; display: none; } .container { width: 100%; min-width: 100%; } .sticker { width: 40%; display: flex; justify-content: flex-end; padding-bottom: 10px; position: absolute; left: -1px; top: -1px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all 250ms ease-in-out; -webkit-transition-delay: 0; -o-transition: all 250ms ease-in-out; -o-transition-delay: 0; -moz-transition: all 250ms ease-in-out; -moz-transition-delay: 0; transition: all 250ms ease-in-out; transition-delay: 0; } .sticker-item { color: #fff; font-family: 'Icons'; text-decoration: none; margin-right: 10px; position: relative; width: 30px; height: 30px; border-radius: 100%; background: rgba(224, 0, 42, 0.7); z-index: 10; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } .sticker-item.pen:before { content: '\e904'; font-size: 15px; } .sticker-item.video:before { content: '\e900'; font-size: 11px; display: inline-block; vertical-align: top; margin-top: 1px; } .sticker-item.foto:before { content: '\e902'; font-size: 12px; } .sticker-item.pdf:before { content: '\e901'; font-size: 8px; } .sticker-item.upload:before { content: '\e910'; font-size: 11px; } .sticker-item.mc:before { content: '\e921'; font-size: 17px; margin-top: 4px; margin-left: 0; } .sticker-item.microphone:before { content: '\e922'; font-size: 13px; } .sticker-item:last-child { margin-right: 5px; } .sticker-item:hover { color: #fff; } .sticker.s1 { width: auto; } .sidebar { width: 300px; margin: 0 auto 20px; } .sidebar .tgb { display: block; padding: 10px; border-radius: 2px; margin-bottom: 20px; background: #dde5e8; } .sidebar .tgb:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .sidebar .tgb div { width: 100px; float: left; } .sidebar .tgb div img { max-width: 100%; display: block; float: left; } .sidebar .tgb p { padding-left: 110px; margin-top: -3px; font: 16px/20px 'OpenSans'; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .tgb:hover p { color: #e0002a; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar .widgetResourse { background: #fff url('../img/sidebar/lada-vx/bg-m.png') bottom center no-repeat; } .sidebar .widgetResourse-vesta, .sidebar .widgetResourse-xray { display: none; } .sidebar .widgetResourse-title { display: none; } .photobox span { text-align: center; display: block; margin: 0 0 10px; } .anons .container { display: block; } .anons-print { width: 100%; display: block; margin-bottom: 30px; } .anons-print img { margin: 0 auto !important; } .anons-print:before { left: 50% !important; margin-left: -152px !important; } .anons-ipad { width: 209px; display: block; margin: 60px auto 50px; } .anons-ipad-img { margin-bottom: 42px; } .anons-ipad a { margin-left: 10px; } .anons-text { width: 90%; display: block; margin: 15px auto 0 !important; } .anons-text p { font: 35px/0px 'OpenSans Semi Bold'; text-align: center; padding-bottom: 0px; } footer .foot-social { width: 94%; display: block; text-align: center; position: relative; margin: 15px auto; } footer .foot-social-item { width: 50px; height: 50px; display: inline-block; margin: 0 1.1%; } footer .foot-social-item span { display: none; } footer .foot-social-item:before { width: 50px; height: 50px; display: block; text-align: center; line-height: 49px; font-size: 30px; margin-right: 0; } footer .foot-content { display: block; margin-top: 0; } footer .foot-content-nav { width: 94%; margin: 0 auto; text-align: center; display: block !important; } footer .foot-content-nav div { width: 80px; display: inline-block !important; vertical-align: top; margin: 0 3.4%; } footer .foot-content-nav div a { font-size: 0.8em; line-height: 2em; display: block; text-align: left; } footer .foot-content-nav:after { content: ''; width: 100%; display: block; } footer .foot-content-info { width: 96vw; margin: 25px auto 0; } footer .foot-content-info .input { width: 77vw !important; } footer .foot-content-info .butt { position: absolute; top: 2px; right: 2px; } footer .foot-content-info .error { display: none; } footer .foot-copy { line-height: 17px; } } @media only screen and (min-width: 960px) and (max-width: 1200px) { .page-main .main-content { width: 620px; } .page-main .main-content-wrapp .item { width: 300px; cursor: pointer; } .page-main .main-content-wrapp .item-img { height: 199px; } .page-main .main-content-wrapp .item-img .sticker { top: 10px; right: 10px; } .page-main .main-content-wrapp .item .date { width: 279px; } .page-main .main-content-wrapp .item:nth-last-of-type(1), .page-main .main-content-wrapp .item:nth-last-of-type(2) { margin-bottom: 0; } .page-main .main-content-wrapp .vote-img { width: 620px; height: 280px; } .page-main .main-content-wrapp .widgetResourse-header-title { width: 40%; } .page-main .main-content-wrapp .widgetResourse-header-title .marafon { font: 18px/25px 'GetVoIP Grotesque'; text-transform: uppercase; } .page-main .main-content-wrapp .widgetResourse-header-title .sponsor { padding: 10px 0 95px; background: url('../spec/lada-vx/logo.svg') 40px 40px no-repeat; background-size: 131px 62px; } .page-main .main-content-wrapp .widgetResourse-header-title .sponsor span { font-family: 'Roboto Regular'; font-size: 10px; letter-spacing: 0.12em; } .page-main .main-content-wrapp .widgetResourse-header-vesta, .page-main .main-content-wrapp .widgetResourse-header-xray { width: 30%; } .page-main .main-content-wrapp .widgetResourse-header-vesta .title, .page-main .main-content-wrapp .widgetResourse-header-xray .title { font: 24px/24px 'OpenSans Semi Bold'; margin-top: 7px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair { font: 10px 'OpenSans'; padding-left: 26px; margin-right: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair span, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair span { font: 16px 'OpenSans Semi Bold'; margin-top: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair span:after, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair span:after { content: 'r'; font: 12px/24px 'Icons'; display: inline-block; padding-left: 5px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair:before, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair:before { content: ''; width: 20px; height: 28px; display: block; position: absolute; top: 4px; left: 0; background: url('../spec/lada-vx/repair.svg') 0 0 no-repeat; background-size: contain; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol { font: 10px 'OpenSans'; padding-left: 26px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol span, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol span { font: 16px 'OpenSans Semi Bold'; margin-top: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol:before, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol:before { content: ''; width: 20px; height: 28px; display: block; position: absolute; top: 4px; left: 0; background: url('../spec/lada-vx/petrol.svg') 0 0 no-repeat; background-size: contain; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress, .page-main .main-content-wrapp .widgetResourse-header-xray .progress { width: 100%; margin-top: 10px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp { width: 100%; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-passed, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-passed { font: 18px 'OpenSans Bold'; margin-right: 10px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-bar, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-bar { width: 45%; height: 18px; position: relative; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; padding-right: 2px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-bar-passed, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-bar-passed { height: 16px; display: block; margin: 1px 0 0 1px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAAAWCAYAAACmEtU9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAB4CSURBVHja7J1pV9tHtvV/EprneR4AicFgPMYxuG0nppNv3b3anXSMk1jYGLBkBgnQLKERzePz4j5VK9zbX8Br8bbeaFO1/9TZ5+xzSrG3tzefTqdYrVYikQgGg4HxeEwymaTb7WIymYhEIlitVubzOScnJ1xfX2MymQgGg7hcLubzORcXF+RyOUwmEz6fD7/fD0ChUOD09BSTyYTb7SYSiQBQq9VIJpNotVqcTifhcBi1Ws3NzQ3JZJL5fI7NZiMSiaDX6xmNRiSTSXq9HmazmUgkgsViYT6fk0qlqNfrmEwmQqEQTqeT+XxOJpOhUChgNBrx+/34fD7m8zn5fJ50Oo3RaMTj8RAOhwGoVqskk0n0ej0ul4tIJMLCwgLtdptkMolCoZCYdDodg8GAZDLJcDiUmMxmM/P5nGQySbPZxGg0Eg6HcTgczOdzzs/PKZVKmEwmAoEAHo+H+XxOLpcjk8lgMpnwer0Eg0EAyuUyyWQSk8kkMSmVSprNJslkkoWFBex2O5FIBK1WS6/XI5lMMh6PsVgsRCIRTCYT0+mUZDJJu92WZ2qz2ZjP55ydnVGpVDAajQSDQdxuN/P5nKurK66urjAajfh8PgKBAAClUomvX79iNBrlmSoUCur1OslkEo1GIzFpNBq63S7JZJI7nt3x7FvlmbJWq2E0GlldXcVoNNLpdMhms1xfX6NWq9nc3MRmszEYDMhms1QqFebzOaurq7hcLsbjMcVikXK5zHA4ZHFxEb/fz3w+p1wuUywWubm5we/3Ew6HUSqV1Go18vk89Xodp9PJ0tISWq2WZrNJLpejVqthNptZXV3FYDDcwqTVatnY2MBqtdLv98lms1SrVRQKBevr6zidTkajEYVCgXK5zGg0Ynl5GZ/Px2w2o1wuUyqV6HQ6hEIhQqEQCoWC6+trCoUCjUYDt9vN4uIiarWaRqMhMVksFlZWVtDr9dzc3EhMOp2Oe/fuYbFY6PV6XF1dUalUUCqVbGxs4HA4GI1G5PN5yuUyk8mEWCyGx+NhOp1KTL1ej3A4LMlbrVYpFos0m008Hg/RaBSVSkW9Xpf7Z7PZiMfj6HQ62u22xGowGFhfX8dsNtPtdrm6uqJaraJSqdjc3MRutzMcDsnlcpTLZabTKSsrK7jdbiaTCaVSiVKpRL/fJxqNEggEmM/nVCoVisUirVYLv98vP/J6vU6hUKBer2O324nFYuh0OlqtlsR0x7M7nn2rPFOtr6/j8/lQqVRMJhMuLi748OED29vbRKNR1Go1k8mEQqHA27dvefz4sSTWfD6nVqvx66+/Eg6Hef78OWazGYBOp8Mff/yBwWDg1atXmM1mlEol4/GYT58+0e/3efHiBTabjYWFBSaTCclkklwux/b2Nl6vV66fn59zcHDA9vY2kUhEYsrn87x9+5Znz55JYk2nU66vr/n3v//N8vIy33//PSaTCYB2u8379++xWq28fPkSk8mEUqlkOByyv7/PZDLh1atXWCwWifXLly+USiW2t7dxu90S09nZGV++fOH58+eEQiGJKZvN8uuvv/L8+XNisRharVaS9O3bt6yvr/Pw4UOJqdls8u7dO5xOJy9evMBsNqNQKOj3+yQSCRQKBT/++OOt/Ts6OqJer/P8+XNcLpfEdHJywunpKdvb2wQCAdRqNePxmMvLS96/f8/29jZLS0toNBpJ0rdv33L//n3W19cxmUzM53MajQb/+c9/8Pv97OzsSKy9Xo8///wTjUbDDz/8IPdvPB7z+fNn2u0229vb2O12ienr169kMhm2t7fveHbHs2+WZ4pWqzU3GAwMh0NSqRSdTgedTkcsFpMhs5AcKpWK5eVl3G43AOl0mkKhgFqtJhQKyRtKhPdqtRqv18vS0hIAlUqFVCqFWq3G6XQSi8VYWFig1WqRSqWYTqdYLBZisRh6vV5Kjn6/j16vJxaLYbFYmM1mpFIpGo0GarWa5eVlXC4XAGdnZ5RKJdRqNeFwWIbx2WyWi4sL1Go1fr+faDQqJcfJyQkqlQqXy0UsFkOpVNJoNEilUgBYrVZJxl6vRyqVYjAYYDAYiMVimM1mJpMJqVSKVquFWq0mFovhdDoBOD09pVwuo1ariUaj+Hw+AC4vL8lms6hUKgKBgJSLxWKRs7MzVCoVHo+HWCwGQL1eJ5VKSWkWi8XQaDR0Oh1SqRSj0Qij0Ug8HsdoNDIej0mlUrTbbbRaLbFYDLvdDsDXr1+pVquo1WoWFxfxer0AZDIZ8vk8KpVKRkJC2p6fn6NWq/F4PCwvLwNwfX1NKpWS0iwej6NSqaS0nUwmmM1mYrEYdzy749m3yjOlyWSi3+9TKpXI5/Oo1WoePXokQ+ZyuUyhUGAymfDo0SMZMlerVQqFAp1Oh7W1NYLBIPP5nHq9TrFY5Pr6mmg0yuLiIgqFglarRalUIpfL4fV6icfjMlck1q1WKxsbGxiNRnq9nsSk0Wh48OABVquV4XAo12ezGU+ePMHtdjMejyWmXq/HxsYGgUCA2WxGrVaT4frS0pLMdTSbTYrFIvl8nkAgcGvzBSa73c76+jp6vZ5utyvX9Xo9W1tbWCwWBoMB5XKZfD6PQqHg6dOnMoyvVCrk83kGgwH379/H5/MxnU4lpmazSTwel/mrRqNBsVikWCwSCoVYXl6W+atisUg2m8XpdLK2toZOp5OY8vk8RqORra0t/veZLiws8PjxYynNBNbxeMyDBw/wer0yQioWi7TbbVZXVwmFQvLmLxQKVCoVwuEwS0tLKJVKWq0WxWKRXC6H2+1mdXVVflBiX81mM5ubm9zx7I5n3zLPVNPplPPzc75+/crW1hbBYBC1Ws10OiWfz/P+/Xu2traIRqPo9XpmsxnVapV3794RjUa5f/8+VqsVgFarxe+//47FYuH169fYbDYpOT5+/MhsNuPnn3/GarXKkPnLly/UajW+//573G43KpWK6XTK2dkZ5+fnbG1t4ff7JaarqysSiQRbW1syiTubzahUKrx7945YLMaDBw9kyNxsNtnb28PpdPLq1SusVitKpZJer8f+/j4KhYK///3vEutkMuHo6IhWq8WLFy9wOp0S0+npKZeXl2xtbeHz+SSmy8tLDg4O2NraIhQKodFomE6nFItF9vb2WFtbY2lpCaPRKEn67t07PB6PlIVKpZJOp8OHDx/QaDTs7u5KrEJy9Ho9Xr9+jcPhYGFhgel0ytevX8nn8zx8+BCPxyOxXlxccHR0JDGp1WpmsxmFQoF3796xubnJ4uKilBzX19fs7e0RCATY2dnBZrP9H2n7ww8/SKyj0YiDgwNGoxFv3ry5JYOSySTlcpmnT5/eOtM7nt3x7FvlmeLTp0/zTqeDWq0mHo9jsVjkjzWbTWazGfF4XEqOi4sLKpUKs9mMaDQqq475fF7eviL5qlAoqFarXFxcMJvNcDgcxONxecum02nG4zEmk4mVlRU0Gg29Xo/z83N6vR5arZZ4PI7JZGI8HpNOp2m1WgDE43EcDocMma+vr5nNZiwuLkrJkcvlKBQKzGazW5KjXC5zdXXFbDbD5XKxvLyMQqGg0Whwfn4upZmIRjqdDul0mn6/j06nk5JjNBpxfn7Ozc0NCoWClZUVGd6n02lqtRqz2Yzl5WU8Hg8AV1dXlEolZrPZLclRKpUkJo/Hw9LSEgqFglqtRjqdZjabYbVaWVlZYWFhgZubG87PzxkOhxgMBuLxOHq9nuFwKDGpVCri8ThWq5XZbMb5+TmNRoPZbEYsFpOS4/LyknK5zGw2u5XkLxQK5HI5ZrMZPp+PaDQqCxKZTIbZbCZlkLj50+n0LWmm0+no9/uk02nueHbHs2+VZ0qRD3j06BE2m43RaES1WiWTyTAej3n27JkMT+v1OpeXl7TbbXkDz2Yzms0m2WyWcrlMPB4nGo2iVCppt9vk83kymcwtySFC5tPTU+x2OxsbG/IPLZfLnJ+fo9VqefDgARaLheFwKDFNp1OePn2K0+lkPB5Tq9W4vLyk0+nw8OFDWXVsNBqyUrm6uirJKzBdXl7ekhydTkdaTJxOJ+vr6zJXVC6XOTs7w2AwsLW1hdlsZjAYUKlUyGQyADx58gS73S4xXVxc0O/3efLkiZQcAlOtVmN9fV1KDlGxy+VyRKNRlpaWJEkLhQInJye43W7W1tbkR14qlTg/P8dkMrG5uYnRaJSY0um0lEHiTK+vr7m4uGA4HPLdd9/JSmi9Xufq6opms8nm5qaUHKIyXCgUWF5eZnFxEaVSKTGdnZ3h8/lYWVlBrVZLaXZ2dobFYmFjYwODwUC/36dSqXDHszuefcs8U62vr/9P+fv/h62ZTIaDgwM2NjZkKD2dTikUCuzt7RGPx1lcXJThfb1el5Lj+fPnMokrQmmVSsWrV69wOp0yvD84OKDT6fDixQtcLpeUIqIaKXIsAlM6neb4+Jh79+7dwpTP59nb22N9fV2G0sLusLe3h8/n4/vvv5fhvahGarVaXr58KTGJauRwOOTVq1e3MIlq5KNHj/B6vbfC+1QqxcbGxq3wPpvN8vvvv3Pv3j2i0SharVZKtr29PUKhEM+ePcNiscjwfm9vD5PJxN/+9jccDsetauRkMuHNmzc4HA65f4eHh9RqNZ48eYLH45FS5PT0lLOzMzY2Nm6d6eXlJYlEgo2NDcLhsJRspVKJvb09otEoGxsbsurYaDTY29vDZrPx4sULGVGJaiTAjz/+eAvT58+faTabUtr+tRp5eXnJvXv37nh2x7Nvlmcqv9+P2WxmOBySTqep1+v4/X78fj82m43ZbCbDU4/Hg9/vl5uczWYpFApYLBb8fj9utxulUkmpVCKbzaLRaPB6vfh8PmkUTafTzOdz+RsiqZ3JZOj3+3Jd3FzpdJpmsynNxVarVZK6Wq3KdYHp6uqKYrGIzWbD7/dLMooEtU6nw+fz4fV6peTIZDIoFAr52yKpnU6nGQ6Hcl2v19Pr9chkMtLf5ff7sVgsTCYTKc0EJrHJQgY5HA78fr/8cITkEEZlj8cjJcfFxQULCwu43W78fr8sVKTTaSaTifwNnU5Hr9cjnU5LH6HANBqNyGQy1Go1uW6325nP51IGuVwuuX9KpVLe7iaTSZ6pkLaXl5eo1WpcLpc800ajISMw8RvC/JtOp+n1ehLrHc/uePat8kxptVplGCrK7Ds7O7hcLmazGTc3N5ycnNBqtdjZ2ZE2CJFPyefzbG1tyQpVr9cjm83y9etXlpeXWV1dRaVSMRgMKBQK7O/v4/F4uH//PlqtltFoRKVS4fPnzxiNRp48eSJtELVajS9fvjCfz9ne3sbpdDKdTmm1WpycnNDpdHj58qU0Hnc6HdmR8PjxYynNut0ul5eXnJ+fE4/HZf5lMBiQz+c5ODggEAiwsbGBRqORFbuDgwPMZjOPHj2SNoharcbx8TELCws8f/4ch8PBdDql2Wzy9etXer0er169ktJM5Hiq1SpPnz4lHA6jUCjodrtcXFyQyWRYW1uTFpbBYEAul+Po6IhQKMS9e/dQqVQMh0OKxSKfPn3CZrPdwlStVjk6OkKtVvPs2TNsNhuTyYRms0kqlWI4HPK3v/0Nj8cjMZ2enlKv13n27Jk0Q3c6HS4uLri6umJzc1OeqTBcJ5NJIpEI6+vrtzB9/PgRp9PJgwcPZHdLpVLh8PAQnU7Hd999xx3P7nj2LfNMMRqN5iKUjkQiBAIB2Zp1dXXFx48fiUQiBINBmSiuVqt8+PABl8tFKBSSYfnNzQ2JRAKNRkM4HMbj8aDT6RiNRiQSCYbDIdFoFI/Hg9FoZDabcXBwIC0eXq9XJoSFgVQkWEVr1sXFBZ8/f5YuftGaVSqVSCQSeL1eiUkkfj98+IDBYJCYNBoNw+FQSo5IJILX68VgMDCbzfj48SONRkNiEp66ZDLJ1dWVxGS325nNZmQyGY6Pj29hEpW/RCJBIBAgGAzK6KLRaJBIJDCZTBKTWq2WMmg+nxOJRPB4PBJTIpGg3W5LTGazmdlsxvHxMfl8XvrmBCYh2QQmt9vNbDYjl8uRSCRkMv2v0UUikcBms0lMKpWKbrdLIpFgYWFBruv1eiaTCYlEgl6vJ/fPZDIxm804PDykXC4TiUTw+XzyJr/j2R3PvlWeqTKZDM1mE6vVSjAYxGazMZ1OyeVyVKtVzGbzrdBYtEfpdDopd5RKpWw5UiqVuN1ueXuINqjJZILT6ZQ9pDc3N+RyOfr9Pna7nXA4LBPtuVyOVqslMYlbIpfLcX19LTGJylU+n6dSqaDX6/F6vXi9XpRKpWxtU6lUuN1ugsGgxCSqlE6nU1bZRGvWYDDA4XAQDodloj2Xy3Fzc4PNZiMYDGKxWBiPx7fazsShCKKIvlYhwUQYLzB5PB4CgYCUZoVCgfl8LntthQzK5XKMRiMcDofsGOl2u+RyOTqdDna7nVAohMlkYjQakcvlaDQaWK1WAoGAjEYEJiF3xEdeLBYplUpotVq8Xq+UYKLdDsDlcskoRSTgx+MxDoeDaDQqCxW5XI5utys/BGH+zeVydzy749k3yzPl/v4+s9lMSg4Rhh4eHtJqtXj9+rX8gwaDgfRTfffdd5KMIh+QSqVYW1tjZWUFlUrFeDwmm83y559/EgwG2dzcvNXWtLe3h8Vi4fHjxxiNRlkdSyQSKJVKmUydz+fc3Nzw+fNnut0ur1+/lrdmv98nlUpRLBZl65nAdHZ2xunpKZubm8TjcRYWFhiPx1xdXbG/v08kEmFjY0O2OxWLRd69e4fdbufhw4cYDAZp2v3w4QMqlUom7WezGa1Wi0+fPjEYDHj58qW8Nfv9Pl++fKFarfLixQtCoRBKpZLBYMDp6SmZTIYHDx7ISuhoNJIeuaWlJSk5RPvcb7/9hsvl4sGDB+h0OqbTKdVqlT/++OOW5BAVu48fPzIej3nx4oW0ZvR6PY6Pj6nX67x+/Vp+OIPBgJOTEy4vL3n8+DGLi4sSk4hgVlZWpLQVH+379+/x+XxsbW3J9rlKpcLvv/+O0Wjk6dOnMhqp1+vc8eyOZ98yzxQfP36ci1tThPdfvnwhFArdmoQi8j5er5dAIPA/3iKlUoITE0F8Ph8ajUaG98LH5fP5pOlUhPdiXWy+CO/Fb4tbUxhIxbrX62U2m5HP59nf35eSQyR+r6+v2d/fx2KxyHVxO4q+VvHbIrzf39+n2+3KdSGDDg8PKZVK8rcdDset8F6sCxmUzWb59OkTwWBQ/rYI7xOJBHa7Xa6rVCra7Tb7+/uylcvn86HT6RiPxyQSCQaDgVwXhBAyMhgM3pJmQkYKTEIGXV5ecnh4SDAYlGcnZOT+/j4ul0tiEq1+iUQCnU4n17VaLYPBgP39fcbjscQkZJCQkQKT+MiFjBSY7nh2x7NvkWeqUCgkk7L5fF5O/hCHIgyhxWIRhUIhw3gRnhYKBabTqZQQ4scKhQKDwUBOSBEVvnw+T6fTwWg0sri4KP1aos1Kr9cTDoel5Mjn83LyhzgU8YeWSiWUSuWtkFm0KAm5I25ZITlGoxFer1eG8a1Wi3w+T7fbxWw2s7S0JHMmhUKBVquFwWCQY6TEdJZarYZGoyEYDMoPTYTxSqXylgwqFou35E4wGESpVErJMR6P5RiphYUFms2mbJGz2WwsLy/Ljop8Pk+73cZgMBCNRqXkEFNetFotoVAIu90urS2VSoWFhQX58SsUCnmmAG63W56paOWaTCZSqi4sLNBoNMjn8/T7fRwOh0x2C7/bzc2NPFMxGiyfz9NoNNDpdNzx7I5n3zLPVCJ5LfxoDoeD3d1dtFotgPSjTSYTdnd3MRqNt/xoxWKR3d1dXC6XDJnT6TQHBwfs7u7K9i9Bxn/84x/s7u6yuroqQ+nr62t++eUX7t+/z6NHj9Bqtcznc+lH8/l8/PjjjxLTYDDg06dPKBQKfvrpJ3Q63S0/WrVaZXd3F4fDITGdnZ2RTCbZ3d2VfjSRj3r79i27u7usrKyg1WqZTCZUKhXevn3LkydPePDggWxhE61qoVCIH374AY1GA0C/32d/fx+tVsvPP/+MVqu9NYWl1WrJdrH/7Ud78+aNbJ+bTCZcXV3x7t07dnd3WV5elvtXLpf517/+xfPnz2U1VxiMf/vtN5aXl3n16pXcv16vx4cPHzCZTPz0009otVoUCoX0yPX7fXZ3dzGZTP/Hj7a7uyuT/3+dwrK7u0s0GpWYisUi//znP3n58iX37t2TmMQUlrW1Nb7//nuJ6Y5ndzz7FnmmGI/H84uLC9LpNHa7XQ7OnM/nFItFjo6OsNvtcvCoSFKLkrxIqAtP09HRkWwjE0lW0dfa6XRk8lX0UyaTSSqVipQKIq+QTqe5vLyUPjURxufzeZLJ5C1MYrrI0dERBoMBt9tNOByW3rmjoyMAObhVWAuOjo5kkj8UCklz7vHxMbVaDZvNRigUkkbYs7Mzstksdrv9VhifzWY5OTnBZrPh8/lkJ0SlUuHo6Aiz2Swxieji6OiIhYUFiUmn0zEcDjk8PGQ4HOJwOAiFQrKX+PDwkGazKTEJ79zJyQmFQgGbzUYgEMDr9Ur/2tnZmTxT0QlRLpc5PDzEarXK/RMDWg8PD9FoNBKTVqul3+9zeHjIZDKRZyoqyYeHh7Tbbbl/wnD99etXSqWSxCQqxnc8u+PZt8ozVaFQoFqtMp1OCYfDspReqVQolUoMBgO5AQsLC3LIZ7fbJRgMSrnTbDYplUq02238fv+tXtFKpUKz2cRsNrOxsSETzpVKRY47isfjchpxpVKhWq3K/kuRG6lUKnKgpiD1XytU3W6XSCQi26AajQalUombmxvC4bBMtLfbbcrlMq1WC5vNxvr6uvRxVSoVOVZrdXVV2k4qlQrX19cALC4uympapVKhUqkwGo2kNUPkisSQ1OXlZem1E9NIOp0Oi4uLt0aAlctl2u22nNoifFwCk1arle1lw+GQSqVCrVZDoVCwvLwsDcli/yaTCaFQSMpIcab9fp/V1dVbA27F/nm9Xpn8bzablMtlbm5u8Hg8rK6uyqqjOFMxuFV4GKvVKrVaDaVSSSwWk/3TAtMdz+549i3yTPX777/j8/l4+fIler0ehUJBr9fj48ePqNVqdnd3MRgMtwaMCrOmzWaTVTNRZdvZ2ZFJbVH5+/DhAzs7O7cGZ5ZKJX799VcePnzI2tqanOTRaDR4//49oVCIFy9eyHaxTqfD/v4+er2eN2/eoNfrb0kOMaDVYrHIquPJyQnZbJadnR0Z3osBo/9tQGuxWOSXX37hu+++uzWgtV6v8+7dO5aWltjZ2UGv18sK6YcPH7BYLPzwww8S02g04vDwkPF4zOvXr6XkGI/H8hbc2dmRE2OE5Dg+PmZnZ+eWZMvn8/z6669sb2/L+YmTyYTr62t+++03VldXefz4scTUbrf5448/5BQbg8EgK3wHBwcAvHnzRp6pkBy1Wo2dnR0pI0UHyMnJCTs7O1KyiWrk3t4eOzs7cmq4GFX1yy+/sLm5yfr6uvTmiSksdzy749m3yjPF+/fv54FAQIanuVyOk5MTzGazTEaL/8jHx8cYDAZcLpccF99utzk6OkKhUEj/lZgucnR0xGAwkO9XiLdHjo+PaTQa8v0PkSc9OzujUChgNptv3ZpXV1eyCd7n8xEOh2V4/1fJIW7TZrPJ0dERKpVK+q9EeH90dMRoNMJmsxGNRmU1TeR3xPsfwi5ycnJCqVSSlU2REBbdDsKXJWRQsVjky5cvmM1mOVZfhPfHx8dymKzIv3S7XY6Pj5lMJhKT0WhkMplwfHzMzc0NZrOZaDR6a/Co8ISJm/yvMlK0YAkZlM/nSaVSWCwWiUnIyOPjY3Q6ncQkZjceHx/LqS0imT8ajTg+Pqbb7cozFW+PJJNJrq+vsVgshEIh6T08Pz8nm81iNpu549kdz75VninFmxBiLluxWKTRaBAIBG5p+GKxSLValW+PaDQaWcmrVqtyhJV4e0RUwdRqNffu3cNqtcoKlRi1dO/ePRwOB+PxWL6dMRgMWF5eltYMIXfa7ba0QohHo8TgVpfLxeLiIiqVSlbyxAGLEUx/xaTVauU7H8J4XC6XUSgUbGxsYLfbGY1G8u2M0Wj0X98eEVJLHIoYSHp9fS2J8tfqYqVSkVOsdTodNzc3EpNOp5Nj8nu93q3K5v379+XgUfFGy3g8/q9vjwhZKHJtAlO9Xsfr9UqvmBjcWq1WZcVTq9XSbrclVqPRyNraGkajkW63KzGpVCo2Njbk2yNifTqdyrdH/oqp1+txx7M7nn3LPPt/AwCfpfYNrxkRMAAAAABJRU5ErkJggg=='); } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-bar:before, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-bar:before { content: 'пройдено'; font: 11px 'OpenSans'; position: absolute; bottom: -17px; left: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta img, .page-main .main-content-wrapp .widgetResourse-header-xray img { max-width: 115%; } .page-main .main-content-wrapp .widgetResourse-header-vesta { text-align: right; } .page-main .main-content-wrapp .widgetResourse-header-vesta img { max-width: 120%; margin-right: -40px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .title { margin-right: 20px; margin-bottom: 11px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources, .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-passed { margin-left: 5px; } .page-main .main-content-wrapp .widgetResourse-header-xray { text-align: left; } .page-main .main-content-wrapp .widgetResourse-header-xray img { margin-left: -40px; } .page-main .main-content-wrapp .widgetResourse-header-xray .title { margin-left: 20px; } .page-main .main-content-wrapp .widgetResourse-header-xray .resources, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-passed { margin-left: 20px; } .page-main .main-content .swiper-slide .img { height: 365px; } .page-main .main-content .banner-mobi { display: none; } } @media only screen and (min-width: 1201px) { .page-main .main-content { width: 860px; } .page-main .main-content-wrapp .item { width: 275px; cursor: pointer; } .page-main .main-content-wrapp .item-img { height: 182px; } .page-main .main-content-wrapp .item-img .sticker { top: 10px; right: 10px; } .page-main .main-content-wrapp .item .date { width: 253px; } .page-main .main-content-wrapp .vote-img { width: 860px; height: 280px; } .page-main .main-content-wrapp .widgetResourse-header-title { width: 30%; } .page-main .main-content-wrapp .widgetResourse-header-title .marafon { font: 22px/30px 'GetVoIP Grotesque'; } .page-main .main-content-wrapp .widgetResourse-header-title .sponsor { padding: 10px 0 95px; background: url('../spec/lada-vx/logo.svg') 50px 40px no-repeat; background-size: 131px 62px; } .page-main .main-content-wrapp .widgetResourse-header-title .sponsor span { font-family: 'Roboto Regular'; font-size: 10px; letter-spacing: 0.12em; } .page-main .main-content-wrapp .widgetResourse-header-vesta, .page-main .main-content-wrapp .widgetResourse-header-xray { width: 35%; } .page-main .main-content-wrapp .widgetResourse-header-vesta img, .page-main .main-content-wrapp .widgetResourse-header-xray img { max-width: 100%; } .page-main .main-content-wrapp .widgetResourse-header-vesta .title, .page-main .main-content-wrapp .widgetResourse-header-xray .title { font: 24px/24px 'OpenSans Semi Bold'; margin-top: 12px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources, .page-main .main-content-wrapp .widgetResourse-header-xray .resources { display: flex; margin-top: 5px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp { display: flex; flex-wrap: wrap; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair { font: 10px 'OpenSans'; display: flex; flex-direction: column; position: relative; padding-left: 26px; margin-right: 20px; cursor: pointer; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair span, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair span { display: flex; font: 16px 'OpenSans Semi Bold'; margin-top: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair span:after, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair span:after { content: 'r'; font: 12px/24px 'Icons'; display: inline-block; padding-left: 5px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-repair:before, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-repair:before { content: ''; width: 20px; height: 28px; display: block; position: absolute; top: 4px; left: 0; background: url('../spec/lada-vx/repair.svg') 0 0 no-repeat; background-size: contain; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol { font: 10px 'OpenSans'; text-align: left; display: flex; flex-direction: column; position: relative; padding-left: 26px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol span, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol span { font: 16px 'OpenSans Semi Bold'; margin-top: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources-wrapp-petrol:before, .page-main .main-content-wrapp .widgetResourse-header-xray .resources-wrapp-petrol:before { content: ''; width: 20px; height: 28px; display: block; position: absolute; top: 4px; left: 0; background: url('../spec/lada-vx/petrol.svg') 0 0 no-repeat; background-size: contain; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress, .page-main .main-content-wrapp .widgetResourse-header-xray .progress { width: 100%; display: flex; margin-top: 10px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-passed, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-passed { font: 22px 'OpenSans Bold'; margin-right: 14px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-bar, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-bar { width: 70%; height: 24px; position: relative; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 2px; padding-right: 2px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-bar-passed, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-bar-passed { height: 22px; display: block; margin: 1px 0 0 1px; background: url('data:image/png;base64,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'); } .page-main .main-content-wrapp .widgetResourse-header-vesta .progress-wrapp-bar:before, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp-bar:before { content: 'пройдено'; font: 11px 'OpenSans'; position: absolute; bottom: -17px; left: 0; } .page-main .main-content-wrapp .widgetResourse-header-vesta { text-align: right; } .page-main .main-content-wrapp .widgetResourse-header-vesta img { margin-right: -54px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .title { margin-right: 30px; margin-bottom: 10px; } .page-main .main-content-wrapp .widgetResourse-header-vesta .resources { margin-top: 10px; } .page-main .main-content-wrapp .widgetResourse-header-xray { text-align: left; } .page-main .main-content-wrapp .widgetResourse-header-xray img { margin-left: -52px; } .page-main .main-content-wrapp .widgetResourse-header-xray .title { margin-left: 30px; } .page-main .main-content-wrapp .widgetResourse-header-xray .resources, .page-main .main-content-wrapp .widgetResourse-header-xray .progress-wrapp { display: flex; justify-content: flex-end; } .page-main .main-content .swiper-slide .img { height: 430px; } .page-main .main-content .banner-mobi { display: none; } } @media only screen and (min-width: 960px) { .page-main .js-w_closed { color: #fff; font-size: 30px; position: absolute; top: 0; right: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-decoration: none; opacity: .5; z-index: 11; } .page-main .vote-wrapp.bottom { display: block; } .page-main .vote-wrapp.bottom label { width: 100%; display: block; } } @media only screen and (min-width: 300px) and (max-width: 959px) { .page-main .main { margin-top: 0; } .page-main .main-content { width: 100%; } .page-main .main-content-wrapp:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-main .main-content-wrapp .item { width: 96%; margin-left: auto; margin-right: auto; display: block; position: relative; padding-bottom: 20px; border: 0; border-bottom: 1px solid #ccc; border-radius: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .page-main .main-content-wrapp .item:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-main .main-content-wrapp .item-img { width: 40%; height: 120px; float: left; position: static; } .page-main .main-content-wrapp .item-img .comments-count { right: auto; color: #fff; font: 12px 'OpenSans Semi Bold'; position: absolute; bottom: 5px; right: 10px; text-decoration: none; } .page-main .main-content-wrapp .item-img .comments-count:before { content: 'C'; font: 11px 'Icons'; margin-right: 5px; } .page-main .main-content-wrapp .item-img .wrapp-info { width: 55.3%; top: -1px; right: 0; position: absolute; display: flex; flex-wrap: wrap; justify-content: space-between; } .page-main .main-content-wrapp .item-img .wrapp-info .tag { left: 0; } .page-main .main-content-wrapp .item-img .wrapp-comment { width: 40%; height: 120px; position: absolute; top: 0; left: 0; } .page-main .main-content-wrapp .item-img .wrapp-comment .comments-count { background: rgba(0, 0, 0, 0.5); padding: 0 5px; bottom: 4px; right: 4px; } .page-main .main-content-wrapp .item-img .info { color: #000; bottom: 0; position: relative; } .page-main .main-content-wrapp .item-img .sticker { display: none; } .page-main .main-content-wrapp .item-img:before, .page-main .main-content-wrapp .item-img:after { display: none; } .page-main .main-content-wrapp .item .link { width: 55.2%; font-size: 12px; line-height: 16px; float: right; padding: 47px 0 0 0; margin-bottom: 0; } .page-main .main-content-wrapp .item .date { width: 55.3%; font-size: 12px; padding: 0 0 2px; display: block; position: absolute; top: 15px; right: 0; bottom: inherit; border-top: 0; border-bottom: 1px solid #e9e9e9; } .page-main .main-content-wrapp .item .date:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-main .main-content-wrapp .item .date .paypost { margin-top: 2px; margin-right: 0; font-size: 18px; float: right; } .page-main .main-content-wrapp .vote { border: 0; border-bottom: 1px solid #ccc; border-radius: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .page-main .main-content-wrapp .vote p { width: 90%; padding-right: 0; padding-left: 0; margin: 0 auto; font-size: 16px; line-height: 22px; } .page-main .main-content-wrapp .vote-img { width: 100%; height: 235px; margin: 0; } .page-main .main-content-wrapp .vote-wrapp { display: block; padding-bottom: 10px; } .page-main .main-content-wrapp .vote-wrapp.between label { width: 100%; margin-bottom: 20px; display: block; } .page-main .main-content-wrapp .vote-wrapp.bottom label { width: 100%; display: block; } .page-main .main-content-wrapp .vote-footer p { margin-top: 20px; } .page-main .main-content-wrapp .widgetResourse { display: none; } .page-main .main-content .all-site-post { margin-top: 10px; margin-bottom: 30px; } .page-main .main-content .swiper-slide .img { height: 240px; } .page-main .main-content .swiper-slide p { width: 80%; margin: 10px auto; padding-left: 0; padding-right: 0; font-size: 15px; line-height: 21px; } .page-main .main-content .swiper-button-next, .page-main .main-content .swiper-button-prev { margin-top: -77px; } .page-main .main-content .banner-mobi { width: 100%; color: #fff; font: 14px/20px 'OpenSans Bold'; text-align: center; padding: 20px 0; margin: 10px 0; display: block; background: url('../img/mob-ban-kia.png') center left no-repeat; position: relative; } .page-main .main-content .banner-mobi span { position: relative; z-index: 5; opacity: 0; } .page-main .main-content .banner-mobi .js-w_closed { width: 15px; height: 11px; position: absolute; top: 8px; right: 8px; display: block; } .page-main .main-content .banner-mobi .js-w_closed:before { content: ''; width: 2px; height: 12px; display: block; background: #ccc; position: absolute; top: -1px; left: 6px; -moz-transform: scale(1) rotate(45deg); -webkit-transform: scale(1) rotate(45deg); -ms-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .page-main .main-content .banner-mobi .js-w_closed:after { content: ''; width: 2px; height: 12px; display: block; background: #ccc; position: absolute; top: -1px; left: 6px; -moz-transform: scale(1) rotate(-45deg); -webkit-transform: scale(1) rotate(-45deg); -ms-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); } .page-main .main-content .sticker { background: transparent; } .page-main .main .sidebar-them-wrapp .item-img-comments { width: 100%; display: block; text-align: center; } .page-main .main .sidebar-discussing-wrapp .item-autor:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-main .main .sidebar-discussing-wrapp .item-autor img { float: left; } .page-main .js-w_closed { color: #fff; font-size: 30px; position: absolute; top: 2px; right: 3px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-decoration: none; opacity: .5; z-index: 11; } } @media only screen and (min-width: 960px) and (max-width: 1200px) { .page-section .main-content { width: 620px; } .page-section .main-content-wrapp .item { width: 300px; cursor: pointer; } .page-section .main-content-wrapp .item-img { height: 199px; } .page-section .main-content-wrapp .item-img .sticker { top: 10px; right: 10px; } .page-section .main-content-wrapp .item .date { width: 279px; } .page-section .main-content-wrapp .item:nth-of-type(2n+2) { margin-right: 0; } } @media only screen and (min-width: 1201px) { .page-section .main-content { width: 860px; } .page-section .main-content-wrapp .item { width: 275px; cursor: pointer; margin: 0 17px 17px 0; } .page-section .main-content-wrapp .item-img { height: 182px; } .page-section .main-content-wrapp .item-img .sticker { top: 10px; right: 10px; } .page-section .main-content-wrapp .item .date { width: 253px; } .page-section .main-content-wrapp .item:nth-of-type(3n+3) { margin-right: 0; } } @media only screen and (min-width: 300px) and (max-width: 959px) { .page-section .main { margin-top: 0; } .page-section .main-content { width: 100%; } .page-section .main-content-wrapp:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-section .main-content-wrapp .item { width: 96%; margin-left: auto; margin-right: auto; display: block; position: relative; padding-bottom: 20px; border: 0; border-bottom: 1px solid #ccc; border-radius: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .page-section .main-content-wrapp .item:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-section .main-content-wrapp .item-img { width: 40%; height: 120px; float: left; position: static; } .page-section .main-content-wrapp .item-img .comments-count { right: auto; color: #fff; font: 12px 'OpenSans Semi Bold'; position: absolute; bottom: 5px; right: 10px; text-decoration: none; } .page-section .main-content-wrapp .item-img .comments-count:before { content: 'C'; font: 11px 'Icons'; margin-right: 5px; } .page-section .main-content-wrapp .item-img .wrapp-info { width: 55.3%; top: -1px; right: 0; position: absolute; display: flex; flex-wrap: wrap; justify-content: space-between; } .page-section .main-content-wrapp .item-img .wrapp-info .tag { left: 0; } .page-section .main-content-wrapp .item-img .wrapp-comment { width: 40%; height: 120px; position: absolute; top: 0; left: 0; } .page-section .main-content-wrapp .item-img .wrapp-comment .comments-count { background: rgba(0, 0, 0, 0.5); padding: 0 5px; bottom: 4px; right: 4px; } .page-section .main-content-wrapp .item-img .info { color: #000; bottom: 0; position: relative; } .page-section .main-content-wrapp .item-img .sticker { display: none; } .page-section .main-content-wrapp .item-img:before, .page-section .main-content-wrapp .item-img:after { display: none; } .page-section .main-content-wrapp .item .link { width: 55.2%; font-size: 12px; line-height: 16px; float: right; padding: 47px 0 0 0; margin-bottom: 0; } .page-section .main-content-wrapp .item .date { width: 55.3%; font-size: 12px; padding: 0 0 2px; display: block; position: absolute; top: 15px; right: 0; bottom: inherit; border-top: 0; border-bottom: 1px solid #e9e9e9; } .page-section .main-content-wrapp .item .date:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .page-section .main-content-wrapp .item .date .paypost { margin-top: 2px; margin-right: 0; font-size: 18px; float: right; } } @media only screen and (min-width: 960px) and (max-width: 1200px) { .page-club .main-feed .blog-img { width: 705px; height: 397px; } .page-club .main-feed .blog-img .title { font-size: 28px; line-height: 38px; text-align: center; padding: 0 40px 15px; } .page-club .main-feed .blog-img .info { font-size: 14px; } .page-club .main-feed .blog-img .info-views:before { font-size: 12px; line-height: 15px; vertical-align: top; } .page-club .main-feed .blog-img .info-comments:before { font-size: 12px; line-height: 15px; vertical-align: top; } .page-club .main-feed .blog-img .info-favorites:before { font-size: 14px; line-height: 13px; vertical-align: top; } .page-club .main-feed .blog-img .vote-up { min-width: 35px; height: 40px; padding: 0 5px; } .page-club .main-feed .blog-img .vote-up:before { content: ''; border: 5px solid transparent; border-bottom: 10px solid #fff; margin: -4px 0 2px; } .page-club .main-feed .blog-img .vote-down { min-width: 35px; height: 40px; padding: 0 5px; } .page-club .main-feed .blog-img .vote-down:before { content: ''; border: 5px solid transparent; border-top: 10px solid #fff; margin: 1px 0 -3px; } .page-club .main-feed .blog-autor { width: 225px; } .page-club .main-feed .blog-autor .img { width: 100px; height: 100px; } .page-club .main-feed .blog-autor .name { font-size: 18px; line-height: 24px; } .page-club .main-feed .blog-autor .date { font-size: 12px; } .page-club .main-feed .discussion-wrapp { width: 863px; } .page-club .main-feed .discussion-wrapp-content { width: 780px; } .page-club .main-feed .meeting-title { font-size: 28px; } .page-club .main-feed .meeting-intro { font-size: 16px; line-height: 24px; } .page-club .main-feed .meeting-info { font-size: 14px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(1) { width: 500px; height: 488px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(2) { width: 457px; height: 259px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(3), .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(4) { width: 227px; height: 226px; } .page-club .main-feed .meeting-img-link { width: 227px; height: 226px; font-size: 50px; } .page-club .main-feed .meeting-img-link:after { font-size: 40px; } .page-club .main-feed .meeting-anons-content { width: 660px; } .page-club .main-feed .meeting-anons-content .title { font-size: 28px; line-height: 38px; } .page-club .main-feed .chat-chat { width: 830px; } .page-club .main-feed .chat-chat .content { width: 670px; } .page-club .main-user-filter .jq-selectbox { width: 253px; } .page-club .main-user-wrapp .item { width: 475px; } .page-club .main-user-wrapp .item-text { width: 310px; } .page-club .discussion-main-nav .item { height: 71px; font: 18px/23px 'OpenSans Semi Bold'; } .page-club .discussion-main-nav .item:nth-of-type(1), .page-club .discussion-main-nav .item:nth-of-type(4) { width: 238px; } .page-club .discussion-main-nav .item:nth-of-type(2), .page-club .discussion-main-nav .item:nth-of-type(5) { width: 235px; } .page-club .discussion-main-nav .item:nth-of-type(3), .page-club .discussion-main-nav .item:nth-of-type(6) { width: 214px; } .page-club .discussion-main-nav .item:nth-of-type(1) .page-club .discussion-main-nav .item:nth-of-type(2), .page-club .discussion-main-nav .item:nth-of-type(3) { margin-bottom: 30px; } .page-club .discussion-main-nav .item:before { width: 67px; height: 67px; margin-right: 35px; } .page-club .discussion-main-nav .item.car:before { font-size: 18px; } .page-club .discussion-main-nav .item.track:before { font-size: 27px; } .page-club .discussion-main-nav .item.sport:before { font-size: 12px; } .page-club .discussion-main-nav .item.future:before { font-size: 23px; } .page-club .discussion-main-nav .item.law:before { font-size: 47px; } .page-club .discussion-main-nav .item.garage:before { font-size: 34px; } .page-club .discussion-page-head h1 { width: 590px; } .page-club .discussion-wrapp-contents .item { width: 590px; } .page-club .discussion-wrapp-contents .item-content { width: 470px; } .page-club .discussion-wrapp-page, .page-club .discussion-wrapp-add { width: 590px; } .page-club .discussion-favorites, .page-club .discussion-youpost { width: 590px; } .page-club .blog-page-head h1, .page-club .blog-page-title h1, .page-club .blog-page-head .title, .page-club .blog-page-title .title { width: 590px; } .page-club .blog-wrapp-add { width: 590px; } .page-club .meeting-wrapp-gallery a { width: 238px; height: 159px; } .page-club .meeting-wrapp-gallery a img { width: 238px; height: 159px; } .page-club .meeting-wrapp-gallery a:nth-of-type(4n) { width: 237px; margin-right: 0; } } @media only screen and (min-width: 1201px) and (max-width: 1920px) { .page-club .header-search:before { right: 170px; } .page-club .main-feed .blog-img { width: 845px; height: 437px; } .page-club .main-feed .blog-img .title { font-size: 36px; line-height: 44px; text-align: center; padding: 0 40px 15px; } .page-club .main-feed .blog-img .info { font-size: 18px; } .page-club .main-feed .blog-img .info-views:before { font-size: 17px; line-height: 19px; vertical-align: top; } .page-club .main-feed .blog-img .info-comments:before { font-size: 17px; line-height: 19px; vertical-align: top; } .page-club .main-feed .blog-img .info-favorites:before { font-size: 18px; line-height: 18px; vertical-align: top; } .page-club .main-feed .blog-img .vote-up { min-width: 35px; height: 40px; padding: 0 5px; } .page-club .main-feed .blog-img .vote-up:before { content: ''; border: 5px solid transparent; border-bottom: 10px solid #fff; margin: -4px 0 2px; } .page-club .main-feed .blog-img .vote-down { min-width: 35px; height: 40px; padding: 0 5px; } .page-club .main-feed .blog-img .vote-down:before { content: ''; border: 5px solid transparent; border-top: 10px solid #fff; margin: 1px 0 -3px; } .page-club .main-feed .blog-autor { width: 325px; } .page-club .main-feed .blog-autor .img { width: 180px; height: 180px; } .page-club .main-feed .blog-autor .name { font-size: 24px; line-height: 30px; } .page-club .main-feed .blog-autor .date { font-size: 18px; } .page-club .main-feed .discussion-wrapp { width: 1103px; } .page-club .main-feed .discussion-wrapp-content { width: 1020px; } .page-club .main-feed .meeting-title { font-size: 32px; } .page-club .main-feed .meeting-intro { font-size: 18px; line-height: 26px; } .page-club .main-feed .meeting-info { font-size: 16px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(1) { width: 650px; height: 500px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(2) { width: 547px; height: 240px; } .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(3), .page-club .main-feed .meeting-img-wrapp .images:nth-of-type(4) { width: 272px; height: 257px; } .page-club .main-feed .meeting-img-link { width: 272px; height: 257px; font-size: 52px; } .page-club .main-feed .meeting-img-link:after { font-size: 42px; } .page-club .main-feed .meeting-anons-content { width: 900px; } .page-club .main-feed .meeting-anons-content .title { font-size: 32px; line-height: 42px; } .page-club .main-feed .chat-chat { width: 1070px; } .page-club .main-feed .chat-chat .content { width: 900px; } .page-club .main-user-filter .jq-selectbox { width: 333px; } .page-club .main-user-wrapp .item { width: 595px; } .page-club .main-user-wrapp .item-text { width: 430px; } .page-club .discussion-main-nav .item { font: 14px/18px 'OpenSans Semi Bold'; } .page-club .discussion-main-nav .item:before { width: 40px; height: 40px; margin-right: 15px; } .page-club .discussion-main-nav .item.car:before { font-size: 10px; } .page-club .discussion-main-nav .item.track:before { font-size: 17px; } .page-club .discussion-main-nav .item.sport:before { font-size: 7px; } .page-club .discussion-main-nav .item.future:before { font-size: 15px; } .page-club .discussion-main-nav .item.law:before { font-size: 30px; } .page-club .discussion-main-nav .item.garage:before { font-size: 20px; } .page-club .discussion-page-head h1 { width: 820px; } .page-club .discussion-wrapp-contents .item { width: 820px; } .page-club .discussion-wrapp-contents .item-content { width: 700px; } .page-club .discussion-wrapp-page, .page-club .discussion-wrapp-add { width: 820px; } .page-club .discussion-favorites, .page-club .discussion-youpost { width: 820px; } .page-club .blog-page-head h1, .page-club .blog-page-title h1, .page-club .blog-page-head .title, .page-club .blog-page-title .title { width: 820px; } .page-club .blog-wrapp-add { width: 820px; } .page-club .meeting-wrapp-gallery a { width: 298px; height: 198px; } .page-club .meeting-wrapp-gallery a img { width: 298px; height: 198px; } .page-club .meeting-wrapp-gallery a:nth-of-type(4n) { width: 297px; margin-right: 0; } } @media only screen and (min-width: 300px) and (max-width: 959px) { .popup-login-nav, .popup-registration-nav { display: block; } .popup-login-nav:after, .popup-registration-nav:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .popup-login-nav a, .popup-registration-nav a { line-height: 42px; display: block; float: left; text-align: center; } .popup-cap { width: 92%; padding: 10px 10px 20px; } .popup-cap-img { display: none; } .popup-cap .mfp-close { width: 50px; height: 50px; top: -55px; right: 50%; margin-right: -25px; font-size: 60px; } }