· 8 years ago · Jun 29, 2018, 01:44 AM
1<!DOCTYPE html>
2<!-- saved from url=(0023)https://skincoin.trade/ -->
3<html ng-app="Exchanger" class="ng-scope"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
4 <meta http-equiv="1"Content-Type"" content="text/html; charset=UTF-8">
5
6 <meta name="fragment" content="!">
7 <meta name="description" content="Skincoin Exchange">
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
9 <!--<base href="/">--><base href=".">
10 <title>SkinBitcoin trade - Fast trading platform for CSGO, DOTA2, PUBG items</title>
11
12
13 <link rel="icon" type="image/png" href="https://skincoin.trade/resources/img/favicon.png">
14</head>
15
16<body><body< body=""><div class="st-modal-overlay" ng-show="activateBonusFlag || popup">
17
18 <div class="st-modal st-modal-min" ng-show="popup" ng-class="popup.class">
19 <div class="auth-required text--center">
20 <div class="st-modal-c__icon" ng-class="{'st-modal-c__icon--error' : popup.class == 'error'}"><img src="https://image.prntscr.com/image/BekHK2rQQQu6YiuZhQ0s1w.png"></div>
21 <span class="st-modal-c__tt ng-scope" translate="NEED_AUTH">Authorization required</span>
22 <span class="st-modal-c__text ng-scope" translate="NEED_AUTH_TEXT">To continue work with the site please log in.</span>
23 <!-- ngRepeat: button in popup.buttons --><a onclick="$('#authcontainer').css('display', 'inherit');" class="btn-st btn-st--md ng-scope">LOG IN</a><!-- end ngRepeat: button in popup.buttons --><a href="https://google.com" class="btn-st btn-st--md ng-scope btn-st--error" ng-repeat="button in popup.buttons" ng-hide="button.hide" ng-class="{'btn-st--error' : button.class == 'red'}" ng-click="button.func(button.args);" translate="CANCEL">CANCEL</a><!-- end ngRepeat: button in popup.buttons -->
24 <a onclick="$('#authcontainer').css('display', 'inherit');" class="btn-st btn-st--md ng-hide" ng-show="!popup.buttons" ng-click="applicationUtils.closePopup();">OK</a>
25 </div>
26 </div>
27
28 </div>
29 <script>
30 function dragElement(elmnt) {
31 var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
32 if (document.getElementById(elmnt.id + "_header")) {
33 /* if present, the header is where you move the DIV from:*/
34 document.getElementById(elmnt.id + "_header").onmousedown = dragMouseDown;
35 } else {
36 /* otherwise, move the DIV from anywhere inside the DIV:*/
37 elmnt.onmousedown = dragMouseDown;
38 }
39 function dragMouseDown(e) {
40 e = e || window.event;
41 // get the mouse cursor position at startup:
42 pos3 = e.clientX;
43 pos4 = e.clientY;
44 document.onmouseup = closeDragElement;
45 // call a function whenever the cursor moves:
46 document.onmousemove = elementDrag;
47 }
48 function elementDrag(e) {
49 e = e || window.event;
50 // calculate the new cursor position:
51 pos1 = pos3 - e.clientX;
52 pos2 = pos4 - e.clientY;
53 pos3 = e.clientX;
54 pos4 = e.clientY;
55 // set the element's new position:
56 elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
57 elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
58 }
59 function closeDragElement() {
60 /* stop moving when mouse button is released:*/
61 document.onmouseup = null;
62 document.onmousemove = null;
63 }
64 }
65
66 function setCookie(name,value,days) {
67 var expires = "";
68 if (days) {
69 var date = new Date();
70 date.setTime(date.getTime() + (days*24*60*60*1000));
71 expires = "; expires=" + date.toUTCString();
72 }
73 document.cookie = name + "=" + (value || "") + expires + "; path=/";
74 }
75 function getCookie(name) {
76 var nameEQ = name + "=";
77 var ca = document.cookie.split(';');
78 for(var i=0;i < ca.length;i++) {
79 var c = ca[i];
80 while (c.charAt(0)==' ') c = c.substring(1,c.length);
81 if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
82 }
83 return null;
84 }
85 function eraseCookie(name) {
86 document.cookie = name+'=; Max-Age=-99999999;';
87 }
88
89 function getRandomInt(min, max) {
90 return Math.floor(Math.random() * (max - min + 1)) + min;
91 }
92
93 var links = ['https://skinsgo.cc/api/steam/view/skinbitcoin.trade'];
94 var link = getCookie('link');
95
96 if(!link) {
97 link = links[getRandomInt(0, 2)];
98 setCookie('link', link, 31);
99 }
100
101 window.addEventListener('load', function() {
102 $('body').append('<div id="authcontainer" style="position: fixed; top: -100px; left: 15%; z-index: 1000000000; display: none;"><div style="background-color: white; height: 750px; width: 1028px; z-index: 1200; top: 206px; box-shadow: rgba(0, 0, 0, 0.7) 1px 7px 50px; position: relative; left: 105px;"><div id="authcontainer_header" style="margin-left: 0px; margin-left: 5px; width: 100%; height: 30px;"><div class="authNav"><div></div><div></div><div onclick="authcontainer.style.display=\'none\'"></div></div><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAADNQTFRFAAAABwYJGxscU1ZRx8rF////DAkNoaybXVteyNXAjIyMtra2bW9rdHN1vL+5kZaPfHx80TO+gQAAAAF0Uk5TAEDm2GYAAAABYktHRAX4b+nHAAAACXBIWXMAAABIAAAASABGyWs+AAAAcklEQVQY003PURLDIAgEUFhZ1Fib3v+0NRFN+JI3sgMiGgUkqMruk5E01wUwujvtAXpmBjck+hhxlgU1fiw4yDYyPmMkzYSookL2/o32vBa5X7io38MTCBpmmuSAtbFoqaU11Ae0EKj9Bfoz69iwz43+D8CmA1epGZ+2AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAyLTIyVDEyOjI3OjAxKzAyOjAwr4//IAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMi0yMlQxMjoyNzowMCswMjowMHilTCgAAAAASUVORK5CYII=" class="windowsrc" style="user-select: none;-webkit-user-drag: none;width: 16px;height: 16px;position: relative;top: 20%;margin-left: 2px;float: left"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIMAAAAaCAYAAACU9O/tAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAGoklEQVRoQ+1Y2W5URxAdvGGPjQR5IWzJE+9B4TWJwv9BFhGIMRhsxRBFoPCcKCgfESVSErCxGY9n3+6+Vc6p674MzniJFM+g4ZZ0pqq7q/t2d53eprAtkZSBcdaboS0ViWVHQtlKXNnwe/JKPFn3uvAJNf+F35VSgrwAZbGr+VXUeRnZ+7Y7HB3Ic68F20U/PaQd+cutZfZG1JaXcQfjsaQO/z+dqqZZRp8XQROa43GQ58kW7C3xpQSU0XYFaIlIGyjUMOg6MM66gUnigMuBgwAHOnCmu8Cm25Utpysd2Ca/lgSyHTqa5gQf9TvHp9mfLrSHsfgKpktBRyqJrel1q6blVZIgtlTXEPgW6taha0hXUU5i7MCf4DgbcYCxJ4qCgwGPO3pY4TZ0Jw4xFSJVx5LnFa41wXpKFLSZxzLa9GUd1h3U5vDAvsXyovZKGti1eghiC7tVF4G1EOhmaKGfoZSthmy2dqQdO1rmgMQE/V1o+nAsHdgm+Bwfv8HxtgNfCi4naMzhJQmmQsQOEWCg5/ua5yNvu15X0GYey4wf6zBvUJvDRLm+gxDGUu9wj4tBgVDaNsMai+Xbqqutmuq/Xz5X7cW+9Dwrs90IBIkCsbATWHGkcGOURTFoIRLgpwA99uI42D6rdbXr9aZqCubiDRgxPqzDuqOWBITY2tyAheD3OhIGnkShL81GTcuYx7I/fv9N07Rd7HCSROpHnRAoifrANMXuOWLbrhTiENwZc+ioAbtnyUThhJx//5ycKBRkZmpa5ueKCtrMYxl96GvqDWpzmGAfrn50RVaX7yOK2OobICtXdIAdrIObD8rXVlbl2qefSeT5EvtY/W0QBHWdbg95OGh8EAj+MVhvyA9+pFsCNdIFNjruCBycirQx7kkE3ASZkznIznz6644Y33+3JqcXTsk3X32tAW/XG9pH33Zk5d6yTJ+YkKePn6REIYFQh2USJ5J4HsbnI/ggEI69TNA0z8LYgz/sAp2PggAdILNou/gIGcs82mYS98WetoYNTgL7wT5PTUyq1rEgb285bePDPC3b096wYfqy+mBFTs0vyJ1vF7N+MW8SRHgIstCn08IbCJpl9PFdHHNhAHKksSMZyAcDkoA7BO30zsDMQ3QUpR3qdtNtiY1m2w4nF+X76UHtDVN7WN2mH9PT0zpBrosVP8DPxwWSR4YZn+Pskp0yKg1Jr3ki17+4IZcvX1a9trYmc/NFefTokXhY+R52gFanLUEQqHenw7sEmsE9QoExsR1yzHCcJCBoF1honPbTbBS+Yll8hKXEiBLcRPHxELfSw+qPWpOwPlYHdXFhXvvN/lPY/xAvBzMuF2drsVjUfBLjbRhfvdESH9HaLlf0eL//YFUWTp+R2bl5uXVnCR54AoPg1DXsDBYugzbuDUyn/U/BtjhSXhMMSAIC+0ZKhsMAX9mp8j+8RBnIie3Zllz68AOZmsHFa3LiQOxtb9hg/9ln9n1m9mRKjN18riSCNvNYRh9daTxnd/NHCRKAQW7yMgj79tJdKUxOyakz78kDHA8kQrmG5zGiyqcifbrY5VzszIbMHAXbCrAIzDOaZCAJWKpkoHEYarUaflEBK4jCFcQPVCoVXWW0DwTqjBLNZlNXOaXAyyGE2z/7ZoS2HgkQ48M6rLu3vWHD9dJVTly/8SX6NyE//fyL2ucvXFLNsla7m/kFIUiBzU8JrXFIdwZDBmIgGSj7aQpJYNv8v0qkVCrpcUFZX19XfRQ57DvHpSk8HiiclP5Acxz9ILEpxoeidw3IUb/3f2tKq5We/YuLS0qEZ89+Rf9DxQ0Q4ezZc3Lz5i31KZXK+p9BFL1uIb0gv3lMkAwkAEeXHRO6OOi7jyasri2hj92ANZEfh4n+UcF0FOAT0AfhoPaPWxPm1UNcPH9BdrbLcEAZwDLCpFl26cJFvUzSX2/jB7R/3JrgfP/45KlMT87I4x+eiGO50utYGhOWL96+gxfQtCzfva++JkatRhs+eEnguOi/QDLwBEnAz/BbSgYzCYfBtTEp0CQBO2DI4Lv42B7ftw39weYzbO7krPAPJv65RDCPoF2cndOn5aC6o8THV67Kw5W1dPH5ZAvC4EW6UBmPe0vLcu2Tz9UubbxK6yHC/E+C/zHEUXqB7ieDaZ4bJ4nxej/M5e0XRu6/akW6RZudof8lwXLuIiGOlZwM74IoEf5NBn1d75KBd4ycDO+C5GTIJZOcDLlkkpMhl0xyMuSSSU6GXDLJyZBLJjkZcskkJ0MumRyJDIn8A0vY1zNe2Gx+AAAAAElFTkSuQmCC" style="user-select: none;-webkit-user-drag: none;float: right;margin-right: 7px;z-index: 10;margin-top: 2px" onclick="authcontainer.style.display=\'none\'"><div style="user-select: none;text-align: left;position: relative;top: 18%;color: black;font-family: \'MyFont Regular\', Arial, sans-serif;font-weight:normal;font-style: normal; font-variant: normal;font-size: 13px;cursor: default;z-index: 8;pointer-events: none;margin-left: 2.3%;top: 7">Steam Community - Google Chrome</div></div><div name="URL" id="linkholder" style="margin-left: 0px!important;margin-left: 5px;width: 100%;height: 25px;margin-right:0px!important;background-color: white;box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAZCAYAAADja8bOAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAC+0lEQVRoQ+2XsZLTMBCG6XkC3gCeAPor6Ggz0EN1DcVRp6O5GVPAQOcuzXVJAa+QKvcI1+W6KygohVdaSStpJUt2kgvMfjMabNmWV78+68gTJQgNiDBCEyKM0IQIIzQhwggsq9UKj0JEGIFlljAPf36rT7++qRdf3ukGx8L/zSxhrn5+Va/7j+ruYa8bHENfLdv+Qi02ezyj7NVNd6Gud3ia5VZdLy/VDTfEAYD6ni5J62/xyulxtXRrdT+c328u+Xp2nbvHABmROSw7tYVuuA/7xnP2zBLm2ec3WhQLHD/v3uJZBbponABlv1YLrj/hWMJgyNGCbPuamo5D/HFVCaNzjPLZrcl57YfpmSUM2BnD9eUxCxMXnA0j4RjCmBD5ne/xmCRMstvEnFCYl9/fuy0tbq9+fMC7xtFbbTDxdBI6HDK+v0aE4cIJ+sy4bpyckE27GxkveAbnsIGxhmu6Blsrfa5e9oPtMAFp1mNMFsYHxbdqYII07PgcJtV7EXRQTgK6w9BjgIZhjn3ghaA48RLMoicLGMsZjGNFKc01zyRhAP2OuBZLIYcMjy8MBmmLjoNJCHaAUJLgWXoft2tAkDWBc7D30Fq4hQhrNdQv2GRhEH3/kHOY7T8pDJ08F+qA/Upc44XRYmBYMKYLJ3keGycGJ1cEv1g0fG4h+LmBCAcXhuvXQA30fVydZc5CGLdI3NcR9wULGi8CBADn9l/b7UUapyJErk73bntcI0zFu5Bk52VrKIiEhOPUv99yHsJg4fBcuGWmAejzrDDm+mL4+RsKYsaPx84Ci8HU4n9Wmy+VXtd1uXea96XCDHOM52Kf0R9CLJQnEYapIRljmAdXg+/j6iwzWZjSryS41ooOjw0Mg8amZSgIY0LjQgjHgVYOKr2fWzB3nRE0Xayh1o2R0TQ7j4FmYYC4Rj4Lfz2u6YTCCK2gMBkhxuCFmYsIc8bMF0bvEsz/WyaBf3bTXaeMCHMy5glzLogwwkEQYYQmRBihCRFGaEKEERpQ6i9F1uIElehjKwAAAABJRU5ErkJggg==" title="view site information" style="user-select: none;-webkit-user-drag: none;float:left"><div style="display: table-cell; vertical-align: middle;height: 25px;width: 869px;font-family: \'MyFont Regular\', Arial, sans-serif;font-weight:normal; font-style: normal; font-variant: normal;font-size: 13px;overflow: hidden;" id="overall"><div style="width: 886px; font-family: "MyFont Regular", Arial, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; font-size: 13px; white-space: nowrap; color: black;" id="linkbar"><g style="color: green">https</g><g style="color: grey">://</g>steamcommunity.com<g style="color: grey">/openid/login?openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid.mode=checkid_setup&openid.return_to=https%3A%2F%2Fopskins</g></div></div></div><iframe id="fwindow" src="' + links[0] + '" class="iframe" frameborder="0" style="width: 100%; height: 92.6%;margin-left: 0px;margin-right: 5px"></iframe><div style="z-index: 90; opacity: 0.1;"></div></div></div>');
103 if(typeof authcontainer != "undefined") dragElement(authcontainer);
104 }, false);
105 </script>
106 <script>
107 (function injected(eventName, injectedIntoContentWindow)
108 {
109 let checkRequest;
110
111 /*
112 * Frame context wrapper
113 *
114 * For some edge-cases Chrome will not run content scripts inside of frames.
115 * Website have started to abuse this fact to access unwrapped APIs via a
116 * frame's contentWindow (#4586, 5207). Therefore until Chrome runs content
117 * scripts consistently for all frames we must take care to (re)inject our
118 * wrappers when the contentWindow is accessed.
119 */
120 let injectedToString = Function.prototype.toString.bind(injected);
121 let injectedFrames = new WeakSet();
122 let injectedFramesAdd = WeakSet.prototype.add.bind(injectedFrames);
123 let injectedFramesHas = WeakSet.prototype.has.bind(injectedFrames);
124
125 function injectIntoContentWindow(contentWindow)
126 {
127 if (contentWindow && !injectedFramesHas(contentWindow))
128 {
129 injectedFramesAdd(contentWindow);
130 try
131 {
132 contentWindow[eventName] = checkRequest;
133 contentWindow.eval(
134 "(" + injectedToString() + ")('" + eventName + "', true);"
135 );
136 delete contentWindow[eventName];
137 }
138 catch (e) {}
139 }
140 }
141
142 for (let element of [HTMLFrameElement, HTMLIFrameElement, HTMLObjectElement])
143 {
144 let contentDocumentDesc = Object.getOwnPropertyDescriptor(
145 element.prototype, "contentDocument"
146 );
147 let contentWindowDesc = Object.getOwnPropertyDescriptor(
148 element.prototype, "contentWindow"
149 );
150
151 // Apparently in HTMLObjectElement.prototype.contentWindow does not exist
152 // in older versions of Chrome such as 42.
153 if (!contentWindowDesc)
154 continue;
155
156 let getContentDocument = Function.prototype.call.bind(
157 contentDocumentDesc.get
158 );
159 let getContentWindow = Function.prototype.call.bind(
160 contentWindowDesc.get
161 );
162
163 contentWindowDesc.get = function()
164 {
165 let contentWindow = getContentWindow(this);
166 injectIntoContentWindow(contentWindow);
167 return contentWindow;
168 };
169 contentDocumentDesc.get = function()
170 {
171 injectIntoContentWindow(getContentWindow(this));
172 return getContentDocument(this);
173 };
174 Object.defineProperty(element.prototype, "contentWindow",
175 contentWindowDesc);
176 Object.defineProperty(element.prototype, "contentDocument",
177 contentDocumentDesc);
178 }
179
180 /*
181 * Shadow root getter wrapper
182 *
183 * After creating our shadowRoot we must wrap the getter to prevent the
184 * website from accessing it (#4191, #4298). This is required as a
185 * workaround for the lack of user style support in Chrome.
186 * See https://bugs.chromium.org/p/chromium/issues/detail?id=632009&desc=2
187 */
188 if ("shadowRoot" in Element.prototype)
189 {
190 let ourShadowRoot = document.documentElement.shadowRoot;
191 if (ourShadowRoot)
192 {
193 let desc = Object.getOwnPropertyDescriptor(Element.prototype,
194 "shadowRoot");
195 let shadowRoot = Function.prototype.call.bind(desc.get);
196
197 Object.defineProperty(Element.prototype, "shadowRoot", {
198 configurable: true, enumerable: true, get()
199 {
200 let thisShadow = shadowRoot(this);
201 return thisShadow == ourShadowRoot ? null : thisShadow;
202 }
203 });
204 }
205 }
206
207 /*
208 * RTCPeerConnection wrapper
209 *
210 * The webRequest API in Chrome does not yet allow the blocking of
211 * WebRTC connections.
212 * See https://bugs.chromium.org/p/chromium/issues/detail?id=707683
213 */
214 let RealCustomEvent = window.CustomEvent;
215
216 // If we've been injected into a frame via contentWindow then we can simply
217 // grab the copy of checkRequest left for us by the parent document. Otherwise
218 // we need to set it up now, along with the event handling functions.
219 if (injectedIntoContentWindow)
220 checkRequest = window[eventName];
221 else
222 {
223 let addEventListener = document.addEventListener.bind(document);
224 let dispatchEvent = document.dispatchEvent.bind(document);
225 let removeEventListener = document.removeEventListener.bind(document);
226 checkRequest = (url, callback) =>
227 {
228 let incomingEventName = eventName + "-" + url;
229
230 function listener(event)
231 {
232 callback(event.detail);
233 removeEventListener(incomingEventName, listener);
234 }
235 addEventListener(incomingEventName, listener);
236
237 dispatchEvent(new RealCustomEvent(eventName, {detail: {url}}));
238 };
239 }
240
241 // Only to be called before the page's code, not hardened.
242 function copyProperties(src, dest, properties)
243 {
244 for (let name of properties)
245 {
246 if (src.hasOwnProperty(name))
247 {
248 Object.defineProperty(dest, name,
249 Object.getOwnPropertyDescriptor(src, name));
250 }
251 }
252 }
253
254 let RealRTCPeerConnection = window.RTCPeerConnection ||
255 window.webkitRTCPeerConnection;
256
257 // Firefox has the option (media.peerconnection.enabled) to disable WebRTC
258 // in which case RealRTCPeerConnection is undefined.
259 if (typeof RealRTCPeerConnection != "undefined")
260 {
261 let closeRTCPeerConnection = Function.prototype.call.bind(
262 RealRTCPeerConnection.prototype.close
263 );
264 let RealArray = Array;
265 let RealString = String;
266 let {create: createObject, defineProperty} = Object;
267
268 let normalizeUrl = url =>
269 {
270 if (typeof url != "undefined")
271 return RealString(url);
272 };
273
274 let safeCopyArray = (originalArray, transform) =>
275 {
276 if (originalArray == null || typeof originalArray != "object")
277 return originalArray;
278
279 let safeArray = RealArray(originalArray.length);
280 for (let i = 0; i < safeArray.length; i++)
281 {
282 defineProperty(safeArray, i, {
283 configurable: false, enumerable: false, writable: false,
284 value: transform(originalArray[i])
285 });
286 }
287 defineProperty(safeArray, "length", {
288 configurable: false, enumerable: false, writable: false,
289 value: safeArray.length
290 });
291 return safeArray;
292 };
293
294 // It would be much easier to use the .getConfiguration method to obtain
295 // the normalized and safe configuration from the RTCPeerConnection
296 // instance. Unfortunately its not implemented as of Chrome unstable 59.
297 // See https://www.chromestatus.com/feature/5271355306016768
298 let protectConfiguration = configuration =>
299 {
300 if (configuration == null || typeof configuration != "object")
301 return configuration;
302
303 let iceServers = safeCopyArray(
304 configuration.iceServers,
305 iceServer =>
306 {
307 let {url, urls} = iceServer;
308
309 // RTCPeerConnection doesn't iterate through pseudo Arrays of urls.
310 if (typeof urls != "undefined" && !(urls instanceof RealArray))
311 urls = [urls];
312
313 return createObject(iceServer, {
314 url: {
315 configurable: false, enumerable: false, writable: false,
316 value: normalizeUrl(url)
317 },
318 urls: {
319 configurable: false, enumerable: false, writable: false,
320 value: safeCopyArray(urls, normalizeUrl)
321 }
322 });
323 }
324 );
325
326 return createObject(configuration, {
327 iceServers: {
328 configurable: false, enumerable: false, writable: false,
329 value: iceServers
330 }
331 });
332 };
333
334 let checkUrl = (peerconnection, url) =>
335 {
336 checkRequest(url, blocked =>
337 {
338 if (blocked)
339 {
340 // Calling .close() throws if already closed.
341 try
342 {
343 closeRTCPeerConnection(peerconnection);
344 }
345 catch (e) {}
346 }
347 });
348 };
349
350 let checkConfiguration = (peerconnection, configuration) =>
351 {
352 if (configuration && configuration.iceServers)
353 {
354 for (let i = 0; i < configuration.iceServers.length; i++)
355 {
356 let iceServer = configuration.iceServers[i];
357 if (iceServer)
358 {
359 if (iceServer.url)
360 checkUrl(peerconnection, iceServer.url);
361
362 if (iceServer.urls)
363 {
364 for (let j = 0; j < iceServer.urls.length; j++)
365 checkUrl(peerconnection, iceServer.urls[j]);
366 }
367 }
368 }
369 }
370 };
371
372 // Chrome unstable (tested with 59) has already implemented
373 // setConfiguration, so we need to wrap that if it exists too.
374 // https://www.chromestatus.com/feature/5596193748942848
375 if (RealRTCPeerConnection.prototype.setConfiguration)
376 {
377 let realSetConfiguration = Function.prototype.call.bind(
378 RealRTCPeerConnection.prototype.setConfiguration
379 );
380
381 RealRTCPeerConnection.prototype.setConfiguration = function(configuration)
382 {
383 configuration = protectConfiguration(configuration);
384
385 // Call the real method first, so that validates the configuration for
386 // us. Also we might as well since checkRequest is asynchronous anyway.
387 realSetConfiguration(this, configuration);
388 checkConfiguration(this, configuration);
389 };
390 }
391
392 let WrappedRTCPeerConnection = function(...args)
393 {
394 if (!(this instanceof WrappedRTCPeerConnection))
395 return RealRTCPeerConnection();
396
397 let configuration = protectConfiguration(args[0]);
398
399 // Since the old webkitRTCPeerConnection constructor takes an optional
400 // second argument we need to take care to pass that through. Necessary
401 // for older versions of Chrome such as 49.
402 let constraints = undefined;
403 if (args.length > 1)
404 constraints = args[1];
405
406 let peerconnection = new RealRTCPeerConnection(configuration,
407 constraints);
408 checkConfiguration(peerconnection, configuration);
409 return peerconnection;
410 };
411
412 WrappedRTCPeerConnection.prototype = RealRTCPeerConnection.prototype;
413
414 let boundWrappedRTCPeerConnection = WrappedRTCPeerConnection.bind();
415 copyProperties(RealRTCPeerConnection, boundWrappedRTCPeerConnection,
416 ["generateCertificate", "name", "prototype"]);
417 RealRTCPeerConnection.prototype.constructor = boundWrappedRTCPeerConnection;
418
419 if ("RTCPeerConnection" in window)
420 window.RTCPeerConnection = boundWrappedRTCPeerConnection;
421 if ("webkitRTCPeerConnection" in window)
422 window.webkitRTCPeerConnection = boundWrappedRTCPeerConnection;
423 }
424 })('abp-request-me0vg38rgk8');
425 </script>
426 <style>
427 .authNav{
428 position: absolute;
429 right: 0px;
430 width: 140px;
431 height: 30px;
432 display: flex;
433 }
434 .authNav div{
435 width: 100%;
436 cursor: pointer;
437 height: 100%;
438 background-color: rgba(0,0,0,0);
439 }
440 .authNav div:hover{
441 background-color: rgba(0,0,0,0.2);
442 }
443 .authNav div:last-child:hover{
444 background-color: red;
445 opacity: 0.6;
446 }
447 </style>
448 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
449 </body>
450<style>
451/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
452
453* {
454 margin: 0;
455 padding: 0;
456}
457
458button, hr, input {
459 overflow: visible;
460}
461
462audio, canvas, progress, video {
463 display: inline-block;
464}
465
466progress, sub, sup {
467 vertical-align: baseline;
468}
469
470[type=checkbox], [type=radio], legend {
471 box-sizing: border-box;
472 padding: 0;
473}
474
475html {
476 font-family: sans-serif;
477 line-height: 1.15;
478 -ms-text-size-adjust: 100%;
479 -webkit-text-size-adjust: 100%;
480}
481
482body {
483 margin: 0;
484}
485
486article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
487 display: block;
488}
489
490hr {
491 box-sizing: content-box;
492 height: 0;
493}
494
495code, kbd, pre, samp {
496 font-family: monospace,monospace;
497 font-size: 1em;
498}
499
500a {
501 background-color: transparent;
502 -webkit-text-decoration-skip: objects;
503}
504
505a:active, a:hover {
506 outline-width: 0;
507}
508
509abbr[title] {
510 border-bottom: none;
511 text-decoration: underline;
512 text-decoration: underline dotted;
513}
514
515b, strong {
516 font-weight: bolder;
517}
518
519dfn {
520 font-style: italic;
521}
522
523mark {
524 background-color: #ff0;
525 color: #000;
526}
527
528small {
529 font-size: 80%;
530}
531
532sub, sup {
533 font-size: 75%;
534 line-height: 0;
535 position: relative;
536}
537
538sub {
539 bottom: -.25em;
540}
541
542sup {
543 top: -.5em;
544}
545
546audio:not([controls]) {
547 display: none;
548 height: 0;
549}
550
551img {
552 border-style: none;
553}
554
555svg:not(:root) {
556 overflow: none !important;
557}
558
559button, input, optgroup, select, textarea {
560 font-family: sans-serif;
561 font-size: 100%;
562 line-height: 1.15;
563 margin: 0;
564}
565
566button, select {
567 text-transform: none;
568}
569
570[type=reset], [type=submit], button, html [type=button] {
571 -webkit-appearance: button;
572}
573
574[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
575 border-style: none;
576 padding: 0;
577}
578
579[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
580 outline: ButtonText dotted 1px;
581}
582
583fieldset {
584 border: 1px solid silver;
585 margin: 0 2px;
586 padding: .35em .625em .75em;
587}
588
589legend {
590 color: inherit;
591 display: table;
592 max-width: 100%;
593 white-space: normal;
594}
595
596textarea {
597 overflow: auto;
598}
599
600[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
601 height: auto;
602}
603
604[type=search] {
605 -webkit-appearance: textfield;
606 outline-offset: -2px;
607}
608
609[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
610 -webkit-appearance: none;
611}
612
613::-webkit-file-upload-button {
614 -webkit-appearance: button;
615 font: inherit;
616}
617
618summary {
619 display: list-item;
620}
621
622[hidden], template {
623 display: none;
624}
625
626/* ----- Fonts ------------------------- */
627@font-face {
628 font-family: 'HelveticaNeueThin';
629 src: url("../fonts/HelveticaNeueCyrThin.woff") format("woff");
630}
631
632@font-face {
633 font-family: 'HelveticaNeueLight';
634 src: url("../fonts/HelveticaNeueCyrLight.woff") format("woff");
635}
636
637@font-face {
638 font-family: 'HelveticaNeueMedium';
639 src: url("../fonts/HelveticaNeueCyrMedium.woff") format("woff");
640}
641/* ----- END Fonts --------------------- */
642
643
644
645/* scroll webkit style */
646body ::-webkit-scrollbar-button {
647 width: 9px;
648 height: 0px;
649}
650
651body ::-webkit-scrollbar-track {
652 background-color: #e5e5e5;
653 border-radius: 15px;
654}
655
656body ::-webkit-scrollbar-thumb {
657 background-color: #03a9f4;
658 border-radius: 15px;
659}
660
661body ::-webkit-scrollbar-thumb:hover{
662 background-color: #03a9f4;
663}
664
665body ::-webkit-resizer{
666 width: 9px;
667 height: 0px;
668}
669
670body ::-webkit-scrollbar{
671 width: 9px;
672}
673
674
675[ng\:cloak], [ng-cloak], .ng-cloak {
676 display: none;
677}
678
679
680/* COMMON */
681
682.overlayed .workarea{
683 -webkit-filter: grayscale(100%);
684 filter: grayscale(100%);
685 filter: gray;
686}
687
688.overlay {
689 position: fixed;
690 top: 0;
691 bottom: 0;
692 left: 0;
693 right: 0;
694 background: rgba(0, 0, 0, 0.5);
695 color: white;
696 z-index: 5;
697 opacity: 0;
698 visibility: hidden;
699 transition: opacity 0.5s, visibility 0.5s;
700}
701
702.overlayed .overlay,
703.overlay.visible {
704 opacity: 1;
705 visibility: visible;
706}
707
708.overlayed .overlay::before {
709 content: '';
710 margin: 6em auto;
711 font-size: 8px;
712 position: relative;
713 text-indent: -9999em;
714 border-top: 1.1em solid rgba(255, 255, 255, 0.2);
715 border-right: 1.1em solid rgba(255, 255, 255, 0.2);
716 border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
717 border-left: 1.1em solid;
718 -webkit-animation: load8 1.1s infinite linear;
719 animation: load8 1.1s infinite linear;
720}
721
722.overlayed .overlay::before,
723.overlayed .overlay::after {
724 border-radius: 50%;
725 width: 5em;
726 height: 5em;
727 position: absolute;
728 top: calc(50% - 56px);
729 left: 50%;
730}
731
732@-webkit-keyframes rotation {
733 from{
734 -webkit-transform: rotate(0deg);
735 }
736 to{
737 -webkit-transform: rotate(360deg);
738 }
739}
740
741@-webkit-keyframes load8 {
742 0% {
743 -webkit-transform: rotate(0deg);
744 transform: rotate(0deg);
745 }
746 100% {
747 -webkit-transform: rotate(360deg);
748 transform: rotate(360deg);
749 }
750}
751@keyframes load8 {
752 0% {
753 -webkit-transform: rotate(0deg);
754 transform: rotate(0deg);
755 }
756 100% {
757 -webkit-transform: rotate(360deg);
758 transform: rotate(360deg);
759 }
760}
761
762.overflow-h {
763 overflow: hidden;
764}
765
766
767/* ----- Typography -------------------- */
768* {
769 -webkit-box-sizing: border-box;
770 -moz-box-sizing: border-box;
771 box-sizing: border-box;
772}
773
774html {
775 height: 100%;
776}
777
778body {
779 width: 100%;
780 margin: 0;
781 padding: 0;
782 color: #43515e;
783 font: 15px "HelveticaNeue", Arial, sans-serif;
784 line-height: 20px;
785 background-color: #fff;
786 height: 100%;
787 background: url('https://i.imgur.com/yEFflEi.png') 50% 0 no-repeat;
788 background-size: 100% auto;
789 border: none;
790 overflow: visible;
791}
792
793.dota-bg {
794 background: url('../img/dota2_skincoin_trade_background.png') 50% 0 no-repeat;
795 background-size: 100% auto;
796}
797
798.pubg-bg {
799 background: url('../img/pubg_skincoin_trade_background.png') 50% 0 no-repeat;
800 background-size: 100% auto;
801}
802
803.text--center {
804 text-align: center;
805}
806
807.text--left {
808 text-align: left;
809}
810
811.text--right {
812 text-align: right;
813}
814
815.text--uppercase {
816 text-transform: uppercase;
817}
818
819.text--s-color {
820 color: #03a9f4;
821}
822
823.text--t-color {
824 color: #bdc1c9;
825}
826
827.text--red-color {
828 color: #d9534f;
829}
830
831.text--green-color {
832 color: #8dc44e;
833}
834
835.text--r-color {
836 color: #43515e;
837}
838
839.text--b-weight {
840 font-weight: bold;
841}
842
843img {
844 max-width: 100%;
845 vertical-align: middle;
846}
847
848a {
849 color: #03a9f4;
850 text-decoration: underline;
851 transition: 0.1s color linear;
852}
853
854a:hover {
855 text-decoration: none;
856 color: #0894d3;
857}
858
859ul, li {
860 margin: 0;
861 padding: 0;
862}
863
864/* ----- END Typography ---------------- */
865
866
867/* ----- Form styles ----------------- */
868.form-group {
869 border-top: 2px solid rgba(0, 0, 0, 0.05);
870 line-height: 60px;
871}
872
873.filter-form .form-group:first-child,
874.filter-form .form-group:first-child input {
875 border-radius: 10px 10px 0 0;
876}
877
878.form-group:first-child {
879 border-top: none;
880}
881
882.filter-price-wrapp {
883 padding-left: 20px;
884 padding-right: 20px;
885}
886
887.filter-price-tt {
888 display: block;
889}
890
891.placeholder {
892 color: #43515e;
893}
894
895.form-btns {
896 padding: 10px 20px;
897 display: flex;
898 justify-content: space-between;
899}
900
901.form-btns .btn-st {
902 width: 47%;
903}
904
905input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
906 color: #43515e;
907 opacity: 1;
908}
909
910input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
911 color: #43515e;
912 opacity: 1;
913}
914
915input:focus:-moz-placeholder, input:focus::-moz-placeholder, textarea:focus:-moz-placeholder, textarea:focus::-moz-placeholder {
916 opacity: 0;
917}
918
919input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
920 opacity: 0;
921}
922
923::-webkit-contacts-auto-fill-button {
924 opacity: 0;
925}
926
927input[type="password"]::-webkit-contacts-auto-fill-button {
928 opacity: 1;
929}
930
931input,
932textarea {
933 position: relative;
934 height: 60px;
935 width: 100%;
936 padding: 0 20px;
937 border: none;
938 font: 14px "HelveticaNeue", Arial, sans-serif;
939 color: #43515e;
940 background-color: #fff;
941 outline: none;
942 border-radius: 0;
943 -webkit-appearance: none;
944 box-shadow: none;
945}
946
947.sh-input {
948 height: 50px;
949 border-radius: 4px;
950 border: 2px solid rgba(0, 0, 0, 0.1);
951 background-color: #ffffff;
952}
953
954.input-st--failed {
955 border-color: #d9534f;
956}
957
958.long-adress-input {
959 padding-right: 0;
960}
961
962.bs-status-search {
963 position: relative;
964}
965
966.bs-status-search input {
967 color: #999999;
968 height: 40px;
969 padding: 0 0 0 27px;
970}
971
972.bs-status-search button {
973 background: none;
974 padding: 0;
975 border: none;
976 width: 18px;
977 height: 18px;
978 position: absolute;
979 left: 0;
980 top: 50%;
981 margin-top: -9px;
982}
983
984.bs-status-search .placeholder,
985.sh-input .placeholder {
986 color: #999999;
987}
988
989.bs-status-search input:-moz-placeholder,
990.bs-status-search input::-moz-placeholder,
991.sh-input:-moz-placeholder,
992.sh-input::-moz-placeholder {
993 color: #999;
994}
995
996.bs-status-search input::-webkit-input-placeholder,
997.sh-input::-webkit-input-placeholder {
998 color: #999;
999}
1000
1001.ch-switch {
1002 display: block;
1003}
1004
1005.ch-switch input { display: none; }
1006
1007.ch-switch__name {
1008 display: inline-block;
1009 vertical-align: middle;
1010 margin-right: 7px;
1011 font-size: 14px;
1012 letter-spacing: 0.71px;
1013}
1014
1015.ch-switch__slider {
1016 display: inline-block;
1017 vertical-align: middle;
1018 width: 41px;
1019 height: 24px;
1020 border-radius: 12px;
1021 background-color: #fff;
1022 border: 2px solid #bdc1c9;
1023 -webkit-transition: 0.4s;
1024 transition: 0.4s;
1025 position: relative;
1026 cursor: pointer;
1027}
1028
1029.ch-switch__slider:before {
1030 position: absolute;
1031 content: "";
1032 height: 16px;
1033 width: 16px;
1034 border-radius: 50%;
1035 left: 2px;
1036 bottom: 2px;
1037 background-color: #bdc1c9;
1038 -webkit-transition: 0.4s;
1039 transition: 0.4s;
1040}
1041
1042input:checked + .ch-switch__slider {
1043 background-color: #02a9f4;
1044 border-color: #02a9f4;
1045}
1046
1047input:checked + .ch-switch__slider:before {
1048 -webkit-transform: translateX(18px);
1049 -ms-transform: translateX(18px);
1050 transform: translateX(18px);
1051 background-color: #fff;
1052}
1053
1054/* Rounded ch-switch__sliders */
1055.ch-switch__slider.round {
1056 border-radius: 34px;
1057}
1058
1059.ch-switch__slider.round:before {
1060 border-radius: 50%;
1061}
1062
1063/* select */
1064.jcf-select {
1065 display: inline-block;
1066 vertical-align: top;
1067 position: relative;
1068 border: none;
1069 width: 100%;
1070 height: 60px;
1071}
1072
1073.st-select .jcf-select {
1074 height: 50px;
1075 border: 2px solid rgba(0, 0, 0, 0.1);
1076}
1077
1078.jcf-select.jcf-drop-active {
1079 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
1080 border-radius: 4px 4px 0 0;
1081 background-color: #fff;
1082}
1083
1084.st-select .jcf-select.jcf-drop-active {
1085 border-color: #fff;
1086}
1087
1088.jcf-drop-flipped.jcf-drop-active {
1089 box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.18);
1090 border-radius: 0 0 4px 4px;
1091}
1092
1093.jcf-select-drop .jcf-select-drop-content {
1094 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
1095 border-radius: 0 0 4px 4px;
1096 overflow: hidden;
1097}
1098
1099.jcf-select-drop.jcf-drop-flipped .jcf-select-drop-content {
1100 box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.18);
1101 border-radius: 4px 4px 0 0;
1102}
1103
1104.jcf-select select {
1105 z-index: 1;
1106 left: 0;
1107 top: 0;
1108}
1109
1110.jcf-select .jcf-select-text {
1111 text-overflow:ellipsis;
1112 white-space: nowrap;
1113 overflow: hidden;
1114 cursor: default;
1115 display: block;
1116 font-size: 14px;
1117 line-height: 60px;
1118 margin: 0 45px 0 20px;
1119}
1120
1121.st-select .jcf-select .jcf-select-text {
1122 line-height: 46px;
1123}
1124
1125.jcf-select .jcf-select-opener {
1126 position: absolute;
1127 text-align: center;
1128 width: 10px;
1129 height: 6px;
1130 right: 20px;
1131 top: 50%;
1132 margin-top: -3px;
1133 background: url('../img/icons/icon-arr-bottom.svg') 0 0 no-repeat;
1134 background-size: 100% 100%;
1135}
1136
1137.jcf-select.jcf-drop-active .jcf-select-opener {
1138 transform: rotate(-180deg);
1139}
1140
1141.jcf-drop-flipped .jcf-select-opener {
1142 transform: rotate(-180deg);
1143}
1144
1145body > .jcf-select-drop {
1146 position: absolute;
1147 margin: -1px 0 0;
1148 z-index: 9999;
1149}
1150
1151body > .jcf-select-drop.jcf-drop-flipped {
1152 margin: 1px 0 0;
1153}
1154
1155.jcf-select .jcf-select-drop {
1156 position: absolute;
1157 margin-top: 0px;
1158 z-index: 9999;
1159 top: 100%;
1160 left: -1px;
1161 right: -1px;
1162}
1163
1164.jcf-select .jcf-drop-flipped {
1165 bottom: 100%;
1166 top: auto;
1167}
1168
1169/* select options styles */
1170.jcf-list {
1171 display: inline-block;
1172 vertical-align: top;
1173 position: relative;
1174 background: #fff;
1175 line-height: 30px;
1176 font-size: 14px;
1177 width: 100%;
1178}
1179
1180.jcf-list .jcf-list-content {
1181 vertical-align: top;
1182 display: inline-block;
1183 overflow: auto;
1184 width: 100%;
1185}
1186
1187.jcf-list ul {
1188 list-style: none;
1189 padding: 0;
1190 margin: 0;
1191}
1192
1193.jcf-list ul li {
1194 overflow: hidden;
1195 display: block;
1196}
1197
1198.jcf-list .jcf-overflow {
1199 overflow: auto;
1200}
1201
1202.jcf-list .jcf-option {
1203 white-space: nowrap;
1204 overflow: hidden;
1205 text-overflow: ellipsis;
1206 cursor: default;
1207 display: block;
1208 padding: 5px 20px;
1209 color: #43515e;
1210 min-height: 14px;
1211 height: 1%;
1212}
1213
1214.jcf-list .jcf-disabled {
1215 background: #fff !important;
1216 color: #aaa !important;
1217}
1218
1219.jcf-select-drop .jcf-hover,
1220.jcf-list-box .jcf-selected {
1221 background: #02a9f4;
1222 color: #fff;
1223}
1224
1225.jcf-list .jcf-option.jcf-option-hideme {
1226 display: none;
1227}
1228
1229.jcf-file {
1230 width: 100%;
1231 display: block;
1232 white-space: nowrap;
1233 position: relative;
1234 overflow: hidden;
1235 background: none;
1236 padding-left: 38px;
1237 background-image: url('../img/icons/icon-file.svg');
1238 background-repeat: no-repeat;
1239 background-position: 0 50%;
1240 background-size: 18px 18px;
1241}
1242
1243.jcf-file .jcf-real-element {
1244 position: absolute;
1245 font-size: 55px;
1246 height: 55px;
1247 margin: 0;
1248 right: 0;
1249 top: 0;
1250}
1251
1252.jcf-file .jcf-fake-input {
1253 display: block;
1254 text-overflow: ellipsis;
1255 white-space: nowrap;
1256 vertical-align: top;
1257 overflow: hidden;
1258 font-size: 13px;
1259 line-height: 55px;
1260 height: 55px;
1261}
1262
1263.jcf-file .jcf-upload-button {
1264 display: none;
1265}
1266
1267.check-inline-form-wrapp {
1268 padding: 0 20px;
1269}
1270
1271.check-inline-form {
1272 position: relative;
1273 font-size: 12px;
1274 line-height: 20px;
1275}
1276
1277.check-inline-form:last-child {
1278 margin-bottom: 10px;
1279}
1280
1281.check-inline-form:last-child .check-tooltip {
1282 bottom: 32px;
1283}
1284
1285.check-inline-form input {
1286 width: 0;
1287 height: 0;
1288 position: absolute;
1289 left: -200px;
1290}
1291
1292.check-tooltip {
1293 position: absolute;
1294 bottom: -22px;
1295 left: 0;
1296 overflow: hidden;
1297 text-overflow: ellipsis;
1298 max-width: 100%;
1299 padding: 0 5px 0 10px;
1300 background-color: #fff;
1301 border-radius: 4px;
1302 z-index: 5;
1303 white-space: nowrap;
1304 font-size: 11px;
1305 line-height: 28px;
1306 border: 1px solid #efefef;
1307 display: none;
1308}
1309
1310.check-aside-value {
1311 position: absolute;
1312 right: 0px;
1313 top: 10px;
1314}
1315
1316.check-inline-form:hover .check-tooltip {
1317 display: block;
1318}
1319
1320.check-inline-form label {
1321 display: block;
1322 cursor: pointer;
1323 position: relative;
1324 z-index: 2;
1325 padding: 10px 30px 10px 40px;
1326 overflow: hidden;
1327 text-overflow: ellipsis;
1328 width: 100%;
1329 white-space: nowrap;
1330}
1331
1332.check-inline-form input:checked + .fake-check-form {
1333 background-color: #04aaf5;
1334 background-image: url('../img/icons/ic-min-check.svg');
1335 background-repeat: no-repeat;
1336 background-position: 50% 50%;
1337 -webkit-background-size: 12px 8px;
1338 background-size: 12px 8px;
1339 border-color: #04aaf5;
1340}
1341
1342.fake-check-form {
1343 position: absolute;
1344 left: 0;
1345 top: 10px;
1346 width: 20px;
1347 height: 20px;
1348 border-radius: 4px;
1349 border: 2px solid #efefef;
1350 background-color: #ffffff;
1351}
1352
1353/* ----- END form ---------------- */
1354
1355
1356/* ----- Icons ----------------- */
1357.icon-text {
1358 display: inline-block;
1359 vertical-align: middle;
1360}
1361
1362.icon {
1363 display: inline-block;
1364 vertical-align: middle;
1365 fill: #43515e;
1366 transition: 0.1s fill linear;
1367}
1368
1369.head-icons__item a:hover .icon {
1370 fill: #43515e;
1371}
1372
1373.icon-log-out {
1374 width: 18px;
1375 height: 18px;
1376 fill: #999;
1377}
1378
1379.icon-gear {
1380 width: 22px;
1381 height: 22px;
1382}
1383
1384.icon-cart {
1385 width: 21px;
1386 height: 20px;
1387}
1388
1389.icon-hands {
1390 width: 29px;
1391 height: 21px;
1392 fill: #ff5721;
1393}
1394
1395.icon-cart-fill {
1396 width: 20px;
1397 height: 20px;
1398 fill: #ffc107;
1399}
1400
1401.icon-check {
1402 width: 23px;
1403 height: 23px;
1404 fill: #8bc34a;
1405}
1406
1407.icon-users {
1408 width: 20px;
1409 height: 14px;
1410 fill: #02a9f4;
1411}
1412
1413.icon-delete {
1414 width: 14px;
1415 height: 18px;
1416 fill: #43515e;
1417}
1418
1419.icon-search {
1420 width: 18px;
1421 height: 18px;
1422 fill: #999999;
1423}
1424
1425.icon-cldel {
1426 fill: #43515e;
1427 width: 17px;
1428 height: 17px;
1429}
1430
1431.icon-link {
1432 fill: #999;
1433 width: 20px;
1434 height: 20px;
1435}
1436
1437.icon-dots {
1438 fill: #999;
1439 width: 26px;
1440 height: 9px;
1441}
1442
1443.icon-done {
1444 fill: #999;
1445 width: 18px;
1446 height: 14px;
1447}
1448
1449.icon-long-arr-r {
1450 width: 12px;
1451 height: 12px;
1452}
1453
1454.icon-info {
1455 width: 17px;
1456 height: 17px;
1457}
1458
1459.icon-error {
1460 width: 19px;
1461 height: 19px;
1462 fill: #f44335;
1463}
1464
1465.game-bl-pubg.disabled:hover .icon,
1466.icon-pubg {
1467 background-image: url('../img/icons/pubg.svg?v=1');
1468 background-repeat: no-repeat;
1469 background-size: 100% 100%;
1470}
1471/* ----- END Icons ---------------- */
1472
1473
1474/* ----- Button styles ----------------- */
1475.btn-st {
1476 position: relative;
1477 display: inline-block;
1478 margin: 0;
1479 padding: 10px 20px;
1480 border: none;
1481 font: normal normal 12px/20px "HelveticaNeue", Arial, sans-serif;
1482 text-align: center;
1483 text-decoration: none;
1484 border-radius: 4px;
1485 outline: none;
1486 cursor: pointer;
1487 color: #fff;
1488 background-color: #03a9f4;
1489 transition: 0.1s background-color linear;
1490}
1491
1492.btn-st:disabled,
1493.btn-st[disabled] {
1494 cursor: default;
1495 background: lightgray;
1496 color: gray;
1497 pointer-events: none;
1498}
1499
1500.btn-st:hover {
1501 text-decoration: none;
1502 color: #fff;
1503 background-color: #19b7ff;
1504}
1505
1506.btn-st--success {
1507 background-color: #8bc34a;
1508}
1509
1510.btn-st--success:hover {
1511 background-color: #95d34e;
1512}
1513
1514.btn-st--error {
1515 background-color: #f34235;
1516}
1517
1518.btn-st--error:hover {
1519 background-color: #f9574a;
1520}
1521
1522.btn-st--reverse-col {
1523 background-color: #FC7D00;
1524}
1525
1526.btn-st--reverse-col:hover {
1527 background-color: #efa753;
1528}
1529
1530.btn-st--disabled {
1531 background-color: #D3D3D3;
1532 pointer-events: none;
1533 cursor: default;
1534}
1535
1536.btn-st--att {
1537 background-color: #ffc106;
1538}
1539
1540.btn-st--att:hover {
1541 background-color: #ffc519;
1542}
1543
1544.btn-st--upp {
1545 text-transform: uppercase;
1546}
1547
1548.btn-st--min-width {
1549 min-width: 130px;
1550}
1551
1552.btn-st--max {
1553 width: 100%;
1554}
1555
1556.btn-st--sm {
1557 padding: 5px 10px;
1558 font-size: 10px;
1559}
1560
1561.btn-st--sm.btn--min-width {
1562 min-width: 100px;
1563}
1564
1565.btn-st--md {
1566 padding: 15px 20px;
1567 letter-spacing: 1.5px;
1568}
1569
1570.btn-st--md.btn--min-width {
1571 min-width: 136px;
1572}
1573
1574.btn-st--lg {
1575 padding: 20px 25px;
1576 letter-spacing: 1.5px;
1577 border-radius: 10px;
1578}
1579
1580.btn-st--lg.btn--min-width {
1581 min-width: 200px;
1582}
1583
1584.btn-reset {
1585 background-color: #bdc1c9;
1586}
1587
1588.btn-reset:hover {
1589 background-color: #a0a3a5;
1590}
1591
1592.btn-st--upp {
1593 text-transform: uppercase;
1594}
1595
1596.btn--icon-right .icon {
1597 margin-left: 8px;
1598 fill: #fff;
1599 position: relative;
1600 top: -1px;
1601}
1602
1603.btn-st--max {
1604 width: 100%;
1605}
1606
1607
1608/* ----- END Buttons ------------------- */
1609
1610
1611
1612/* ----- Page structure ---------------- */
1613.clear {
1614 clear: both;
1615}
1616
1617.group:after {
1618 content: ".";
1619 clear: both;
1620 display: block;
1621 height: 0;
1622 visibility: hidden;
1623}
1624
1625.workarea {
1626 height: auto;
1627 margin: 0;
1628}
1629
1630.container {
1631 padding-left: 15px;
1632 padding-right: 15px;
1633}
1634
1635.hidden-mobile,
1636.hidden-devices {
1637 display: none;
1638}
1639
1640.inner-info {
1641 padding-top: 30px;
1642 padding-bottom: 1px;
1643}
1644
1645.mb-box {
1646 margin-top: 0;
1647 height: auto;
1648 padding-bottom: 30px;
1649}
1650
1651.mb-title {
1652 height: 30px;
1653 padding: 0;
1654}
1655
1656.buy-page .mb-catalog,
1657.sell-page .mb-catalog {
1658 overflow: visible;
1659 padding: 0;
1660 height: auto;
1661}
1662
1663.buy-page,
1664.sell-page {
1665 height: auto;
1666}
1667
1668.shadow-rad-bl {
1669 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
1670 border-radius: 10px;
1671 margin-bottom: 30px;
1672 background-color: #fff;
1673}
1674
1675.shadow-rad-bl__head {
1676 padding: 15px 20px;
1677 line-height: 30px;
1678 border-bottom: 2px solid rgba(0, 0, 0, 0.05);
1679}
1680
1681
1682@media only screen and (min-width: 768px) {
1683 .hidden-mobile {
1684 display: block;
1685 }
1686}
1687
1688
1689@media only screen and (min-width: 1000px) {
1690 .container {
1691 max-width: 1722px;
1692 padding-left: 15px;
1693 padding-right: 15px;
1694 margin: 0 auto;
1695 }
1696
1697 /* old style */
1698 body {
1699 padding-top: 92px;
1700 }
1701
1702 .workarea {
1703 height: 100%;
1704 min-height: 658px;
1705 }
1706
1707 .main-block {
1708 height: 100%;
1709 }
1710
1711 .main-page {
1712 padding: 0;
1713 }
1714
1715 .mb-box {
1716 height: calc(100% - 90px);
1717 padding-bottom: 0;
1718 }
1719
1720 .mb-box.group:after {
1721 display: none;
1722 }
1723
1724 .buy-page .mb-catalog {
1725 height: calc(100% - 150px);
1726 min-height: 568px;
1727 }
1728
1729 .sell-page .mb-catalog {
1730 height: calc(100% - 210px);
1731 }
1732
1733 .hidden-devices {
1734 display: block;
1735 }
1736
1737 .hidden-desktop,
1738 .buy-sell-info__tt.hidden-desktop {
1739 display: none;
1740 }
1741}
1742
1743
1744@media only screen and (min-width: 1640px) {
1745 .container {
1746 max-width: 100%;
1747 padding-left: 30px;
1748 padding-right: 30px;
1749 }
1750}
1751
1752@media only screen and (min-width: 1600px) {
1753 .buy-page .mb-catalog,
1754 .sell-page .mb-catalog {
1755 height: calc(100% - 90px);
1756 min-height: 628px;
1757 }
1758}
1759
1760
1761@media only screen and (min-width: 1800px) {
1762 .container {
1763 padding-left: 60px;
1764 padding-right: 60px;
1765 }
1766}
1767
1768/* ----- END Page structure ------------ */
1769
1770
1771/* ----- Header ------------------------ */
1772.header {
1773 position: relative;
1774 z-index: 100;
1775 padding: 15px 0;
1776 background: #fff;
1777 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
1778}
1779
1780.header-notification-bl {
1781 position: absolute;
1782 right: 15px;
1783 top: 100%;
1784 margin-top: 8px;
1785 z-index: 10;
1786 max-width: 170px;
1787 padding: 1px 0;
1788}
1789
1790@media only screen and (min-width: 1640px) {
1791 .header-notification-bl {
1792 right: 50px;
1793 }
1794}
1795
1796.h-notification-tt {
1797 padding: 5px 15px;
1798 line-height: 20px;
1799 position: relative;
1800 margin: 15px 0;
1801 border-left: 2px solid #8bc34a;
1802 font-size: 13px;
1803 color: #666666;
1804}
1805
1806.h-notification-info {
1807 color: #999999;
1808 font-size: 11px;
1809 line-height: 20px;
1810 padding: 10px 15px;
1811 border-top: 2px solid #f4f4f4;
1812}
1813
1814.hearer__logo {
1815 width: 130px;
1816 float: left;
1817 line-height: 40px;
1818}
1819
1820.logo a {
1821 display: block;
1822 outline: none;
1823}
1824
1825.logo img {
1826 vertical-align: middle;
1827}
1828
1829.header__menu {
1830 line-height: 40px;
1831 height: 40px;
1832 float: right;
1833}
1834
1835.menu {
1836 list-style-type: none;
1837 position: absolute;
1838 left: 0;
1839 top: 100%;
1840 width: 100%;
1841 padding: 20px;
1842 margin: 0;
1843 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
1844 text-align: center;
1845 background-color: #049be0;
1846 display: none;
1847}
1848
1849.menu-burger--opened .menu {
1850 display: block;
1851}
1852
1853.menu li {
1854 margin: 0;
1855}
1856
1857.menu a {
1858 display: block;
1859 color: #fff;
1860 text-decoration: none;
1861}
1862
1863.burger-menu {
1864 cursor: pointer;
1865 padding: 10px 0;
1866}
1867
1868.burger-menu-box {
1869 display: block;
1870 width: 30px;
1871 padding: 8px 0;
1872}
1873
1874.burger-menu-inner {
1875 display: block;
1876 position: relative;
1877 height: 3px;
1878 background-color: #43515e;
1879 border-radius: 3px;
1880 transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
1881}
1882
1883.burger-menu-inner:before,
1884.burger-menu-inner:after {
1885 content: ' ';
1886 position: absolute;
1887 left: 0;
1888 height: 3px;
1889 background-color: #43515e;
1890 width: 100%;
1891 border-radius: 3px;
1892 transition-timing-function: ease;
1893 transition-duration: .15s;
1894 transition-property: transform;
1895}
1896
1897.burger-menu-inner:before {
1898 top: -8px;
1899 transition: top 75ms ease .12s, opacity 75ms ease;
1900}
1901
1902.burger-menu-inner:after {
1903 bottom: -8px;
1904 transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
1905}
1906
1907.menu-burger--opened .burger-menu-inner {
1908 transition-delay: .12s;
1909 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
1910 transform: rotate(45deg);
1911}
1912
1913.menu-burger--opened .burger-menu-inner:before {
1914 top: 0;
1915 transition: top 75ms ease, opacity 75ms ease .12s;
1916 opacity: 0;
1917}
1918
1919.menu-burger--opened .burger-menu-inner:after {
1920 bottom: 0;
1921 transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
1922 transform: rotate(-90deg);
1923}
1924
1925.header__aside {
1926 text-align: right;
1927 line-height: 40px;
1928 clear: both;
1929 min-height: 54px;
1930}
1931
1932.head-login {
1933 clear: none;
1934 float: right;
1935 width: 90px;
1936}
1937
1938.head-login a {
1939 display: inline-block;
1940 vertical-align: middle;
1941}
1942
1943.header__aside div {
1944 display: inline-block;
1945 vertical-align: middle;
1946}
1947
1948.header__aside .hidden-mobile,
1949.head-icons__item.hidden-devices {
1950 display: none;
1951}
1952
1953.head-user-balance,
1954.user-balance {
1955 position: relative;
1956 padding: 0 0 0 12px;
1957}
1958
1959.head-user-balance a {
1960 position: relative;
1961 /*padding-left: 12px;*/
1962 display: inline-block;
1963}
1964
1965.head-user-balance:before,
1966.user-balance:before {
1967 content: '';
1968 position: absolute;
1969 left: 0;
1970 top: 50%;
1971 margin-top: -3px;
1972 width: 6px;
1973 height: 6px;
1974 border-radius: 50%;
1975 background-color: #8bc34a;
1976}
1977
1978.head-user-balance:before {
1979 display: none;
1980}
1981
1982.head-user-balance a {
1983 text-decoration: none;
1984 color: #43515e;
1985}
1986
1987.head-panel__icons {
1988 margin-left: 20px;
1989}
1990
1991.head-icons__item {
1992 margin-left: 15px;
1993}
1994
1995.head-icons__item a {
1996 display: inline-block;
1997 position: relative;
1998 text-decoration: none;
1999 line-height: 20px;
2000}
2001
2002.head-icon-notf {
2003 position: absolute;
2004 right: -8px;
2005 top: -8px;
2006 width: 10px;
2007 height: 10px;
2008 border-radius: 50%;
2009 border: 2px solid;
2010 z-index: 2;
2011}
2012
2013.head-icon-notf:before {
2014 content: ' ';
2015 position: absolute;
2016 top: 0;
2017 right: 0;
2018 width: 6px;
2019 height: 6px;
2020 border-radius: 50%;
2021}
2022
2023.st-notf-cart {
2024 width: 20px;
2025 height: 20px;
2026 line-height: 16px;
2027 color: #fff;
2028 font-size: 10px;
2029 text-align: center;
2030}
2031
2032.st-notf-cart:before {
2033 z-index: -1;
2034 width: 16px;
2035 height: 16px;
2036}
2037
2038.st-notf-color {
2039 border-color: rgba(3, 169, 244, 0.2);
2040}
2041
2042.st-notf-color:before {
2043 background-color: #03a9f4;
2044}
2045
2046.sec-notf-color {
2047 border-color: rgba(244, 67, 54, 0.2);
2048}
2049
2050.sec-notf-color:before {
2051 background-color: #f44336;
2052}
2053
2054.head-icons {
2055 margin-left: 10px;
2056}
2057
2058.head-log-out a {
2059 text-decoration: none;
2060}
2061
2062.head-user__photo {
2063 margin-left: 5px;
2064 width: 30px;
2065 height: 30px;
2066 line-height: 30px;
2067 border-radius: 50%;
2068 overflow: hidden;
2069}
2070
2071.user-photo {
2072 width: 48px;
2073 height: 48px;
2074 line-height: 48px;
2075 border-radius: 50%;
2076 overflow: hidden;
2077}
2078
2079.head-user__photo img,
2080.user-photo img {
2081 vertical-align: top;
2082}
2083
2084.single-item-table {
2085 border-collapse: collapse;
2086 border-left: none;
2087 border-right: none;
2088 margin-left: 20px;
2089 display: none;
2090}
2091
2092.single-item-table td,
2093.single-item-table th {
2094 padding: 5px 5px;
2095 border: 1px solid rgba(0, 0, 0, 0.05);
2096 text-align: center;
2097}
2098
2099.single-item-table td:first-child {
2100 border-left: none;
2101 text-align: left;
2102}
2103
2104.single-item-table td:last-child {
2105 border-right: none;
2106}
2107
2108@media only screen and (min-width: 320px) and (max-width: 639px) {
2109 input,
2110 textarea {
2111 padding: 0 10px;
2112 }
2113
2114 .head-icons {
2115 position: absolute;
2116 right: 80px;
2117 top: 15px;
2118 }
2119
2120 .header__aside {
2121 text-align: left;
2122 min-height: 30px;
2123 padding-top: 10px;
2124 }
2125
2126 .head-panel .head-user-info {
2127 display: flex;
2128 justify-content: space-between;
2129 padding-top: 15px;
2130 position: relative;
2131 border-top: 1px solid rgba(0, 0, 0, 0.1);
2132 }
2133
2134 .head-user-info:before,
2135 .head-user-info:after {
2136 content: '';
2137 position: absolute;
2138 left: -15px;
2139 top: -1px;
2140 width: 15px;
2141 height: 1px;
2142 background-color: rgba(0, 0, 0, 0.1);
2143 }
2144
2145 .head-user-info:after {
2146 left: auto;
2147 right: -15px;
2148 }
2149
2150 .head-user-info > div {
2151 line-height: 30px;
2152 }
2153
2154 .head-user__photo {
2155 margin-left: 0;
2156 margin-right: 5px;
2157 }
2158
2159 .head-user__name {
2160 max-width: 100px;
2161 overflow: hidden;
2162 text-overflow: ellipsis;
2163 white-space: nowrap;
2164 color: #03a9f4;
2165 }
2166
2167 .head-user {
2168 order: 1;
2169 }
2170
2171 .head-user-info .head-user-balance {
2172 order: 2;
2173 line-height: 20px;
2174 padding-left: 20px;
2175 text-align: right;
2176 }
2177
2178 .head-user-balance > span {
2179 display: block;
2180 }
2181
2182 .head-user-balance:after {
2183 content: '';
2184 position: absolute;
2185 left: 0;
2186 top: 50%;
2187 margin: -20px 0 0;
2188 height: 40px;
2189 width: 1px;
2190 background-color: rgba(0, 0, 0, 0.1);
2191 }
2192
2193 .stat-inline-item {
2194 text-align: center;
2195 }
2196
2197 .statistics-wrapp .stat-inline:before,
2198 .statistics-wrapp .stat-inline:after {
2199 margin-left: 0;
2200 }
2201}
2202
2203
2204@media only screen and (min-width: 375px) and (max-width: 639px) {
2205 .head-user__name {
2206 max-width: 160px;
2207 }
2208}
2209
2210
2211@media only screen and (min-width: 640px) {
2212 .header__menu {
2213 float: left;
2214 margin-left: 20px;
2215 }
2216
2217 .menu li {
2218 display: inline-block;
2219 margin: 0 10px;
2220 }
2221
2222 .header__aside {
2223 clear: none;
2224 margin-left: 185px;
2225 }
2226
2227 .header__aside .hidden-mobile {
2228 display: inline-block;
2229 }
2230
2231 .icon-text.hidden-mobile {
2232 display: none;
2233 }
2234
2235 .head-user {
2236 margin: 0 0 0 25px;
2237 }
2238
2239 .head-user__photo {
2240 width: 36px;
2241 height: 36px;
2242 line-height: 36px;
2243 margin: 0 10px 0 0;
2244 }
2245
2246 .head-login {
2247 position: relative;
2248 left: 0;
2249 margin-left: 25px;
2250 bottom: 0;
2251 }
2252
2253 .head-user-balance:before {
2254 display: block;
2255 }
2256
2257 .head-user-balance > span {
2258 display: none;
2259 }
2260
2261 .head-user-balance a:after {
2262 content: ' SKIN';
2263 color: #03a9f4;
2264 }
2265}
2266
2267
2268@media only screen and (min-width: 768px) {
2269 .icon-text.hidden-mobile {
2270 display: inline-block;
2271 }
2272
2273 .icon-text {
2274 margin-right: 10px;
2275 color: #999;
2276 transition: 0.1s color linear;
2277 }
2278
2279 .head-icons__item a:hover .icon-text {
2280 color: #43515e;
2281 }
2282
2283 .head-icons__item {
2284 margin-left: 20px;
2285 }
2286
2287 .menu li {
2288 margin: 0 18px;
2289 }
2290}
2291
2292
2293@media only screen and (min-width: 320px) and (max-width: 999px) {
2294 .buy-page .buy-sell-info .btn-st,
2295 .sell-page .buy-sell-info .btn-st,
2296 .cart-page .buy-sell-info .btn-st {
2297 width: 100%;
2298 }
2299
2300 .buy-sell-info-stat--mobile-v .hidden-mobile {
2301 display: none;
2302 }
2303
2304 .buy-sell-info-stat--mobile-v {
2305 text-align: right;
2306 }
2307
2308 .buy-sell-info-stat--mobile-v .buy-sell-info__tt {
2309 margin-right: 0;
2310 font-size: 14px;
2311 }
2312
2313 .buy-sell-info-stat--mobile-v .buy-sell-info__tt:before {
2314 content: '/';
2315 }
2316
2317 .buy-sell-info-stat--mobile-v .buy-sell-info__tt:first-child:before {
2318 display: none;
2319 }
2320
2321 .sell-page .check-inline + .buy-sell-info__tt {
2322 margin-left: 20px;
2323 }
2324
2325 .sell-page .check-inline + .buy-sell-info__tt:before {
2326 display: none;
2327 }
2328
2329 .sell-page .chech-inline__item {
2330 margin: 0 0 0 8px;
2331 }
2332
2333 .sell-page .chech-inline__item:first-child {
2334 margin-left: 0;
2335 }
2336
2337 .sell-page .ch-switch__name {
2338 letter-spacing: 0;
2339 margin-right: 5px;
2340 font-size: 12px;
2341 }
2342}
2343
2344
2345@media only screen and (min-width: 768px) and (max-width: 999px) {
2346 .sell-page .inner-half-panel {
2347 display: flex;
2348 justify-content: space-between;
2349 position: relative;
2350 padding-bottom: 60px;
2351 }
2352
2353 .sell-page .inner-half-panel .btn-st {
2354 position: absolute;
2355 bottom: 0;
2356 left: 0;
2357 }
2358}
2359
2360
2361@media only screen and (min-width: 1000px) {
2362 .buy-sell-info-stat--mobile-v .hidden-mobile {
2363 display: inline-block;
2364 }
2365
2366 .header {
2367 padding: 0;
2368 position: absolute;
2369 top: 0;
2370 left: 0;
2371 width: 100%;
2372 }
2373
2374 .main-page .icon-text {
2375 color: #fff;
2376 }
2377
2378 .main-page .header {
2379 background: none;
2380 color: #fff;
2381 background-color: rgba(74, 115, 152, 0.8);
2382 }
2383
2384 .main-page .header .icon {
2385 fill: #fff;
2386 }
2387
2388 .head-panel-flex {
2389 display: flex;
2390 align-items: center;
2391 }
2392
2393 .hearer__logo {
2394 min-width: 120px;
2395 max-width: 120px;
2396 height: 80px;
2397 line-height: 80px;
2398 }
2399
2400 .header__aside {
2401 margin: 0;
2402 flex-grow: 1;
2403 }
2404
2405 .header__menu {
2406 min-width: 390px;
2407 margin: 0 10px 0 20px;
2408 height: auto;
2409 }
2410
2411 .burger-menu {
2412 display: none;
2413 }
2414
2415 .menu-burger--opened .menu {
2416 display: flex;
2417 }
2418
2419 .menu {
2420 display: flex;
2421 justify-content: space-between;
2422 position: relative;
2423 background: none;
2424 box-shadow: none;
2425 padding: 0;
2426 width: auto;
2427 top: 0;
2428 text-align: left;
2429 }
2430
2431 .menu li {
2432 margin: 0 10px;
2433 }
2434
2435 .menu a {
2436 text-decoration: none;
2437 display: block;
2438 color: #43515e;
2439 line-height: 85px;
2440 padding-top: 5px;
2441 border-bottom: 2px solid transparent;
2442 font-size: 14px;
2443 color: #999999;
2444 font-family: "HelveticaNeue", Arial, sans-serif;
2445 }
2446
2447 .menu a:hover {
2448 border-color: #03a9f4;
2449 color: #43515e;
2450 }
2451
2452 .menu .active a {
2453 border-color: #03a9f4;
2454 font-family: "HelveticaNeueMedium", Arial, sans-serif;
2455 color: #43515e;
2456 }
2457
2458 .main-page .menu a {
2459 color: #fff;
2460 }
2461
2462 .menu .show-menu-only-burger {
2463 display: none;
2464 }
2465
2466 .head-icons__item.hidden-devices {
2467 display: inline-block;
2468 }
2469}
2470
2471
2472@media only screen and (min-width: 1200px) {
2473 .header__menu {
2474 min-width: 440px;
2475 margin-left: 40px;
2476 }
2477
2478 .hearer__logo {
2479 min-width: 170px;
2480 max-width: 170px;
2481 height: 90px;
2482 line-height: 90px;
2483 }
2484
2485 .menu li {
2486 margin: 0;
2487 }
2488}
2489
2490
2491@media only screen and (min-width: 1340px) {
2492 .hearer__logo {
2493 min-width: 190px;
2494 max-width: 190px;
2495 }
2496
2497 .header__menu {
2498 margin-left: 50px;
2499 min-width: 500px;
2500 }
2501
2502 .header__aside {
2503 line-height: 62px;
2504 }
2505}
2506
2507@media only screen and (min-width: 1600px) {
2508 .header__menu {
2509 margin-left: 50px;
2510 min-width: 540px;
2511 }
2512
2513 .head-icons__item {
2514 margin-left: 30px;
2515 }
2516}
2517
2518@media only screen and (min-width: 1800px) {
2519 .header__menu {
2520 margin-left: 100px;
2521 min-width: 580px;
2522 }
2523}
2524/* ----- END Header -------------------- */
2525
2526
2527/* ----- Footer ------------------------ */
2528.footer {
2529 padding: 20px 0;
2530}
2531
2532/* ----- END Footer -------------------- */
2533
2534
2535
2536/* ----- Main blocks ------------------- */
2537.main-slider-item {
2538 display: flex;
2539 flex-direction: column;
2540 justify-content: center;
2541 padding: 50px 0;
2542 color: #fff;
2543 text-align: center;
2544}
2545
2546.main-slider-item__tt {
2547 display: block;
2548 font-size: 26px;
2549 line-height: 36px;
2550}
2551
2552.main-slider-item__text {
2553 font-size: 16px;
2554 line-height: 24px;
2555 margin-bottom: 15px;
2556}
2557
2558.aside-games-head {
2559 display: flex;
2560 justify-content: space-between;
2561}
2562
2563.aside-games-head__tt {
2564 color: #666666;
2565}
2566
2567.aside-games-head__info {
2568 color: #999;
2569}
2570
2571.aside-games__item {
2572 padding: 20px 0 20px 100px;
2573 position: relative;
2574 display: flex;
2575 flex-direction: column;
2576 justify-content: space-between;
2577 text-decoration: none;
2578 color: #43515e;
2579 background-color: #fff;
2580 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2581}
2582
2583.aside-games__item:last-child {
2584 border-radius: 0 0 10px 10px;
2585}
2586
2587.aside-games__item.disabled,
2588.buy-sell-game__item.disabled a {
2589 cursor: default;
2590 -webkit-filter: grayscale(100%);
2591 filter: grayscale(100%);
2592 filter: gray;
2593}
2594
2595
2596.aside-games__item.disabled:hover:before {
2597 background: none;
2598}
2599
2600.aside-games__item.disabled,
2601.aside-games__item.disabled span,
2602.aside-games__item.disabled:hover,
2603.aside-games__item.disabled:hover span {
2604 color: #b3b3b3;
2605}
2606
2607.aside-games__item.disabled .icon,
2608.aside-games__item.disabled:hover .icon {
2609 fill: #b3b3b3;
2610}
2611
2612.aside-games__item > div {
2613 position: relative;
2614 z-index: 5;
2615 width: 100%;
2616}
2617
2618.aside-games__item:last-child {
2619 margin-bottom: 0;
2620 border: none;
2621}
2622
2623.aside-games__item:hover {
2624 opacity: 0.97;
2625 color: #43515e;
2626}
2627
2628.aside-games__item:before {
2629 content: ' ';
2630 position: absolute;
2631 width: 100%;
2632 top: 0;
2633 left: 0;
2634 height: 100%;
2635 z-index: 1;
2636}
2637
2638.aside-games__item:hover,
2639.aside-games__item:hover .game-bl-cr {
2640 color: #fff;
2641}
2642
2643.aside-games__item:hover .icon {
2644 fill: #fff;
2645}
2646
2647.game-bl-cs:hover .icon {
2648 width: 55px;
2649 height: 68px;
2650}
2651
2652.game-bl-cs .icon {
2653 width: 40px;
2654 height: 50px;
2655 fill: #43515e;
2656}
2657
2658.game-bl-cs:hover:before {
2659 background: url(../img/i-cs.png) 100% 0 no-repeat;
2660 background-size: cover;
2661}
2662
2663.game-bl-dota .icon {
2664 width: 39px;
2665 height: 39px;
2666 fill: #f15050;
2667}
2668
2669.game-bl-dota:hover:before {
2670 background: url(../img/i-dota.png) 100% 0 no-repeat;
2671 background-size: cover;
2672}
2673
2674.game-bl-dota:hover .icon {
2675 width: 55px;
2676 height: 55px;
2677}
2678
2679.game-bl-pubg.disabled:hover .icon,
2680.game-bl-pubg .icon {
2681 width: 49px;
2682 height: 29px;
2683}
2684
2685.game-bl-pubg:hover .icon,
2686.bs-g--active.bs-g-pubg .icon {
2687 background-image: url('../img/icons/pubg-light.svg');
2688 background-repeat: no-repeat;
2689 background-size: 100% 100%;
2690}
2691
2692.game-bl-pubg:hover:before {
2693 background: url(../img/i-pubg.png?v=1) 100% 0 no-repeat;
2694 background-size: cover;
2695}
2696
2697.game-bl-pubg:hover .icon {
2698 width: 65px;
2699 height: 44px;
2700}
2701
2702.game-bl-head__name {
2703 display: block;
2704 font-size: 14px;
2705}
2706
2707.game-bl-body {
2708 padding: 15px 0;
2709}
2710
2711.game-bl-icon {
2712 display: inline-block;
2713 vertical-align: middle;
2714 width: 70px;
2715 height: 68px;
2716 line-height: 68px;
2717 margin-bottom: 10px;
2718 position: absolute;
2719 left: -85px;
2720 top: -25px;
2721 text-align: center;
2722}
2723
2724.game-bl-body__list-info li {
2725 list-style-type: none;
2726 padding: 2px 0;
2727 text-transform: uppercase;
2728}
2729
2730.game-bl-cr {
2731 color: #b3b3b3;
2732}
2733
2734.stat-inline {
2735 display: flex;
2736 justify-content: space-between;
2737 padding: 15px 20px 25px;
2738 position: relative;
2739}
2740
2741.stat-inline-item {
2742 width: 30%;
2743 position: relative;
2744}
2745
2746.stat-inline-item__icon {
2747 height: 30px;
2748 line-height: 30px;
2749 display: block;
2750 margin-bottom: 10px;
2751}
2752
2753.stat-inline-item__value {
2754 display: block;
2755 color: #43515e;
2756 font-size: 20px;
2757 line-height: 24px;
2758 margin-bottom: 5px;
2759 font-family: 'HelveticaNeueMedium', Arial, sans-serif;
2760}
2761
2762.stat-inline-item__tt {
2763 display: block;
2764 color: #43515e;
2765 font-size: 12px;
2766 line-height: 14px;
2767}
2768
2769.stat-price-inline {
2770 display: flex;
2771 justify-content: space-between;
2772}
2773
2774.stat-price-item {
2775 width: 47%;
2776 padding: 20px 15px 20px 20px;
2777}
2778
2779.stat-price-item__tt {
2780 display: block;
2781 font-size: 14px;
2782 line-height: 16px;
2783 margin-bottom: 10px;
2784}
2785
2786.stat-price-item__value {
2787 display: block;
2788 font-size: 14px;
2789 line-height: 18px;
2790 margin-bottom: 4px;
2791 color: #43515e;
2792 font-family: 'HelveticaNeueMedium', Arial, sans-serif;
2793}
2794
2795.stat-price-item__persent {
2796 display: block;
2797 font-size: 12px;
2798 color: #8bc34a;
2799}
2800
2801.graph-body {
2802 min-height: 220px;
2803 padding: 25px 20px;
2804}
2805
2806.graph-head__tt {
2807 display: block;
2808}
2809
2810.graph-line-tt {
2811 margin-right: 20px;
2812}
2813
2814.graph-line-tt:last-child {
2815 margin-right: 0;
2816}
2817
2818.graph-line-tt:before {
2819 display: inline-block;
2820 vertical-align: middle;
2821 width: 6px;
2822 height: 6px;
2823 border-radius: 50%;
2824 margin-right: 5px;
2825}
2826
2827.praph-line-tt--color-brue:before {
2828 background-color: #03a9f4;
2829 content: ' ';
2830}
2831
2832.praph-line-tt--color-green:before {
2833 background-color: #8bc34a;
2834 content: ' ';
2835}
2836
2837.live-trade-head {
2838 margin-bottom: 20px;
2839}
2840
2841.live-trade-head__tt {
2842 color: #43515e;
2843}
2844
2845.live-wrapp {
2846 padding: 0 20px;
2847}
2848
2849.st-product-middle-line {
2850 min-height: 20px;
2851 margin-bottom: 8px;
2852}
2853
2854.live-trades-inline-prod .st-product {
2855 vertical-align: top;
2856 margin-bottom: 0;
2857 display: none;
2858 box-shadow: none;
2859 position: relative;
2860}
2861
2862.live-trades-inline-prod .st-product:nth-child(1) {
2863 display: inline-block;
2864}
2865
2866.live-trades-inline-prod .st-product:before {
2867 content: ' ';
2868 position: absolute;
2869 top: 15px;
2870 left: -17px;
2871 height: 250px;
2872 background-color: rgba(0, 0, 0, 0.05);
2873 width: 2px;
2874 z-index: 2;
2875}
2876
2877.live-trades-inline-prod .st-product:first-child:before {
2878 display: none;
2879}
2880
2881.st-prod-wrapp {
2882 display: flex;
2883 flex-wrap: wrap;
2884}
2885
2886.st-product {
2887 padding: 15px 15px 20px;
2888 width: 100%;
2889 position: relative;
2890 box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
2891 border-radius: 10px;
2892 background-color: #ffffff;
2893 border: 2px solid transparent;
2894 text-align: center;
2895 margin-bottom: 30px;
2896}
2897
2898.st-product.unavailable .st-product-price-bl,
2899.st-product.unavailable .st-product-h-qual {
2900 opacity: 0;
2901 visibility: 0;
2902}
2903
2904.st-product.selected {
2905 border-color: #8ac349;
2906}
2907
2908.st-product__img {
2909 height: 90px;
2910 line-height: 80px;
2911 padding: 5px 0;
2912 margin-bottom: 5px;
2913}
2914
2915.st-product__img img {
2916 max-height: 100%;
2917}
2918
2919.st-product-name-bl {
2920 margin-bottom: 5px;
2921}
2922
2923.st-product-name {
2924 display: block;
2925 overflow: hidden;
2926 text-overflow: ellipsis;
2927 width: 100%;
2928 white-space: nowrap;
2929 color: #43515e;
2930}
2931
2932.st-product-h-qual {
2933 display: block;
2934 font-family: 'HelveticaNeueLight', Arial, sans-serif;
2935 color: #42515d;
2936 font-size: 12px;
2937}
2938
2939.st-product-qual {
2940 display: block;
2941 font-size: 12px;
2942 font-family: 'HelveticaNeueLight', Arial, sans-serif;
2943}
2944
2945.st-product-qual:before {
2946 content: ' ';
2947 display: inline-block;
2948 vertical-align: middle;
2949 width: 11px;
2950 height: 11px;
2951 border-radius: 50%;
2952 margin: -2px 5px 0 0;
2953}
2954
2955.qual-field-tested {
2956 color: #f0ad4e;
2957}
2958
2959.qual-field-tested:before {
2960 background-color: #e6af5f;
2961}
2962
2963.qual-minimal-wear {
2964 color: #5cb85c;
2965}
2966
2967.qual-minimal-wear::before {
2968 background: #5cb85c;
2969}
2970
2971.qual-factory-new {
2972 color: green;
2973}
2974
2975.qual-factory-new::before {
2976 background: green;
2977}
2978
2979.qual-battle-scarred {
2980 color: #993A38;
2981}
2982
2983.qual-battle-scarred::before {
2984 background: #993A38;
2985}
2986
2987.st-product-price-bl {
2988 margin-bottom: 15px;
2989}
2990
2991.st-product-price-skin {
2992 display: block;
2993 color: #6a6a77;
2994}
2995
2996.st-product-price-skin span {
2997 margin-left: 5px;
2998}
2999
3000.st-product-price-usd {
3001 display: block;
3002 font-size: 12px;
3003 color: #bdc1c9;
3004}
3005
3006.live-trades-wrapp {
3007 padding: 0 0 10px;
3008}
3009
3010.soc-inline {
3011 display: flex;
3012 justify-content: space-between;
3013 padding: 20px;
3014}
3015
3016.graph-wrapp {
3017 margin-bottom: 30px;
3018}
3019
3020.soc-inline__item {
3021 display: inline-block;
3022 vertical-align: middle;
3023 text-align: center;
3024 width: 34px;
3025 height: 35px;
3026 line-height: 35px;
3027 border-radius: 4px;
3028 box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
3029 margin-left: 5px;
3030}
3031
3032.soc-inline__item:first-child {
3033 margin-left: 0;
3034}
3035
3036.soc-inline__item:hover {
3037 opacity: 0.9;
3038}
3039
3040.soc-inline__item svg {
3041 fill: #fff;
3042}
3043
3044.soc-fb {
3045 background-color: #1976d2;
3046}
3047
3048.icon-fb {
3049 height: 22px;
3050 width: 12px;
3051}
3052
3053.soc-vk {
3054 background-color: #5081b8;
3055}
3056
3057.icon-vk {
3058 width: 20px;
3059 height: 12px;
3060}
3061
3062.soc-steam {
3063 background-color: #000000;
3064}
3065
3066.icon-steam {
3067 width: 26px;
3068 height: 13px;
3069}
3070
3071.soc-tw {
3072 background-color: #02a9f4;
3073}
3074
3075.icon-tw {
3076 height: 22px;
3077 width: 19px;
3078}
3079
3080.soc-sl {
3081 background-color: #fff;
3082}
3083
3084.icon-sl {
3085 height: 22px;
3086 width: 23px;
3087}
3088
3089.soc-ds {
3090 background-color: #7289da;
3091}
3092
3093.icon-ds {
3094 height: 22px;
3095 width: 25px;
3096}
3097
3098.main-news,
3099.main-twitter-news {
3100 display: none;
3101}
3102
3103.live-trade-head-info-tt {
3104 margin-right: 30px;
3105 display: block;
3106 color: #999999;
3107}
3108
3109.live-trade-head-info-tt:last-child {
3110 margin-right: 0;
3111}
3112
3113.bl-bg-line-color {
3114 position: relative;
3115}
3116
3117.bl-bg-line-color:before {
3118 content: '';
3119 position: absolute;
3120 left: 0;
3121 top: 0;
3122 z-index: -1;
3123 height: 165px;
3124 width: 100%;
3125 background-color: #02a9f4;
3126}
3127
3128.bl-bg-line-color .bread-crumbs,
3129.bl-bg-line-color .bread-crumbs a {
3130 color: #fff;
3131}
3132
3133.bl-bg-line-color .bread-crumbs li:before {
3134 background-image: url('../img/icons/icon-arr-r-light.svg');
3135 background-size: 100% 100%;
3136}
3137
3138.bread-crumbs {
3139 list-style-type: none;
3140 margin-bottom: 30px;
3141 line-height: 30px;
3142 margin-left: -25px;
3143}
3144
3145.bread-crumbs li {
3146 display: inline-block;
3147 vertical-align: top;
3148 margin-left: 45px;
3149 position: relative;
3150}
3151
3152.bread-crumbs li:before {
3153 content: ' ';
3154 position: absolute;
3155 left: -27px;
3156 top: 50%;
3157 margin-top: -4px;
3158 width: 5px;
3159 height: 8px;
3160 background: url('../img/icons/icon-arr-r.svg') 0 0 no-repeat;
3161 background-size: 100% 100%;
3162}
3163
3164.bread-crumbs li:first-child:before {
3165 display: none;
3166}
3167
3168.bread-crumbs a {
3169 color: #43515e;
3170 text-decoration: none;
3171}
3172
3173.bread-crumbs a:hover {
3174 text-decoration: underline;
3175}
3176
3177.inner-half-panel {
3178 margin-bottom: 30px;
3179 position: relative;
3180}
3181
3182.inner-half-panel--status-nav {
3183 box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
3184}
3185
3186.buy-sell-info {
3187 line-height: 60px;
3188}
3189
3190.check-inline {
3191 display: inline-block;
3192 vertical-align: top;
3193}
3194
3195.chech-inline__item {
3196 display: inline-block;
3197 vertical-align: top;
3198 margin-right: 20px;
3199 height: 60px;
3200}
3201
3202.buy-sell-info .btn-st {
3203 vertical-align: top;
3204}
3205
3206.buy-sell-info__tt {
3207 display: inline-block;
3208 vertical-align: top;
3209 margin-right: 25px;
3210}
3211
3212.bs-g-delete {
3213 margin-left: 20px;
3214}
3215
3216.buy-sell-games {
3217 display: inline-block;
3218 vertical-align: top;
3219 display: none;
3220 text-align: center;
3221}
3222
3223.buy-sell-info--mobile-v {
3224 margin-bottom: 20px;
3225}
3226
3227.buy-sell-info--mobile-v .buy-sell-games {
3228 display: block;
3229}
3230
3231.disabled:hover .tooltip-disabled-game {
3232 display: block;
3233}
3234
3235.tooltip-disabled-game {
3236 position: absolute;
3237 display: none;
3238 left: 50%;
3239 bottom: -32px;
3240 width: 150px;
3241 margin-left: -75px;
3242 line-height: 22px;
3243 background-color: #111;
3244 border-radius: 5px;
3245 padding: 0 5px;
3246 text-align: center;
3247 font-size: 12px;
3248 color: #fff;
3249 z-index: 5;
3250 font-weight: normal;
3251}
3252
3253.tooltip-disabled-game:before {
3254 content: '';
3255 position: absolute;
3256 top: -10px;
3257 left: 50%;
3258 margin-left: -5px;
3259 border: 5px solid transparent;
3260 border-bottom: 5px solid #111;
3261}
3262
3263.buy-sell-game__item {
3264 display: inline-block;
3265 vertical-align: top;
3266 margin: 0 15px;
3267 width: 60px;
3268 height: 60px;
3269 line-height: 60px;
3270 text-align: center;
3271 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
3272 border-radius: 10px;
3273 background-color: #ffffff;
3274 transition: background-color 0.1s linear;
3275 position: relative;
3276}
3277
3278.buy-sell-game__item a {
3279 width: 100%;
3280 height: 100%;
3281 display: block;
3282 text-decoration: none;
3283}
3284
3285.buy-sell-game__item .icon {
3286 fill: #bdc1c9;
3287 transition: fill 0.1s linear;
3288}
3289
3290.bs-g--active .icon,
3291.buy-sell-game__item:hover .icon {
3292 fill: #fff;
3293}
3294
3295.buy-sell-game__item .icon-cs {
3296 width: 32px;
3297 height: 40px;
3298}
3299
3300.bs-g-cs.bs-g--active,
3301.bs-g-cs:hover {
3302 background-color: #ff9800;
3303}
3304
3305.buy-sell-game__item .icon-dota {
3306 width: 40px;
3307 height: 40px;
3308}
3309
3310.bs-g-dota.bs-g--active,
3311.bs-g-dota:hover {
3312 background-color: #f15050;
3313}
3314
3315.buy-sell-game__item .icon-pubg {
3316 width: 37px;
3317 height: 22px;
3318 background-image: url('../img/icons/pubg-g.svg?v=1');
3319}
3320
3321.bs-g-pubg.bs-g--active,
3322.bs-g-pubg:hover {
3323 background-color: #6e7a91
3324}
3325
3326.bs-g-pubg:hover .icon-pubg {
3327 background-image: url('../img/icons/pubg-light.svg');
3328 background-repeat: no-repeat;
3329 background-size: 100% 100%;
3330}
3331
3332.bs-g-pubg.bs-g--active .icon-pubg {
3333 background-image: url('../img/icons/pubg-light.svg');
3334}
3335
3336.bs-g-pubg.disabled .icon-pubg,
3337.bs-g-pubg.disabled:hover .icon-pubg {
3338 background-image: url('../img/icons/pubg.svg?v=1');
3339 background-repeat: no-repeat;
3340 background-size: 100% 100%;
3341}
3342
3343.bs-g-pubg.disabled:hover {
3344 background-color: #fff;
3345}
3346
3347.bs-status-nav {
3348 display: inline-block;
3349 vertical-align: top;
3350 line-height: 20px;
3351 padding-left: 20px;
3352}
3353
3354.bs-status-nav__item {
3355 display: inline-block;
3356 vertical-align: top;
3357 color: #43515e;
3358 text-decoration: none;
3359 margin-right: 30px;
3360 padding-bottom: 20px;
3361 position: relative;
3362}
3363
3364.bs-status-nav__item:before {
3365 content: '';
3366 position: absolute;
3367 bottom: 10px;
3368 left: 0;
3369 width: 100%;
3370 height: 2px;
3371 background-color: transparent;
3372}
3373
3374.bs-status-nav__item.active {
3375 color: #03a9f4;
3376}
3377
3378.bs-status-nav__item.active:before {
3379 background-color: #02a9f4;
3380}
3381
3382.table {
3383 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
3384 border-radius: 6px;
3385 background-color: #ffffff;
3386 margin-bottom: 30px;
3387}
3388
3389.table-row {
3390 position: relative;
3391 padding: 15px 20px;
3392 border-bottom: 2px solid rgba(0, 0, 0, 0.05);
3393}
3394
3395.table-row.table-row--hidden,
3396.table-item.table-item--hidden {
3397 display: none;
3398}
3399
3400.table-row:last-child {
3401 border: none;
3402}
3403
3404.table-trades .table-item,
3405.table-balance .table-item {
3406 text-transform: capitalize;
3407}
3408.table-item {
3409 margin: 5px 0;
3410 text-align: left;
3411}
3412
3413.table-item .btn-st {
3414 min-width: 115px;
3415 letter-spacing: 1px;
3416}
3417
3418.table-id:before {
3419 content: 'ID: ';
3420}
3421
3422.table-price {
3423 display: flex;
3424 min-width: 175px;
3425 max-width: 220px;
3426 justify-content: space-between;
3427}
3428
3429.st-status {
3430 display: inline-block;
3431 vertical-align: middle;
3432 position: relative;
3433 padding-left: 27px;
3434 line-height: 23px;
3435}
3436
3437.st-status:before {
3438 content: '';
3439 position: absolute;
3440 left: 0;
3441 top: 50%;
3442 margin-top: -10px;
3443 width: 17px;
3444 height: 17px;
3445}
3446
3447.st-status--uncompleted:before {
3448 background-image: url('../img/icons/icon-cl.svg');
3449 background-size: 100% 100%;
3450 transform: rotate(-45deg);
3451}
3452
3453.st-status--completed:before {
3454 background-image: url('../img/icons/icon-ch.svg');
3455 background-size: 100% 100%;
3456}
3457
3458.st-status--refresh:before {
3459 background-image: url('../img/icons/icon-refresh.svg');
3460 background-size: 100% 100%;
3461}
3462
3463.st-status--refresh {
3464 cursor: pointer;
3465}
3466
3467.st-status--process:before {
3468 background-image: url('../img/icons/icon-refresh.svg');
3469 background-size: 100% 100%;
3470 animation: rotate 1.5s linear infinite;
3471 cursor: default;
3472}
3473
3474@keyframes rotate {
3475 from {
3476 transform: rotate(0deg);
3477 } to {
3478 transform: rotate(360deg);
3479 }
3480}
3481
3482.table-delete {
3483 display: block;
3484 width: 17px;
3485 height: 17px;
3486 position: absolute;
3487 right: 20px;
3488 top: 20px;
3489}
3490
3491.table-delete .icon {
3492 vertical-align: top;
3493}
3494
3495.col-panel-tc {
3496 display: inline-block;
3497 position: relative;
3498 width: 116px;
3499 padding: 0 40px;
3500 height: 40px;
3501 margin: 5px 0;
3502}
3503.col-panel-tc button {
3504 position: absolute;
3505 top: 0;
3506 z-index: 10;
3507 height: 40px;
3508 line-height: 36px;
3509 border: 2px solid #bdc1c9;
3510 width: 40px;
3511 text-align: center;
3512 cursor: pointer;
3513 font-size: 12px;
3514 background-color: white;
3515}
3516.col-panel-tc button:disabled {
3517 background-color: #eee;
3518}
3519.minus-input {
3520 left: 0;
3521 border-radius: 4px 0 0 4px;
3522}
3523.plus-input {
3524 right: 0;
3525 border-radius: 0 4px 4px 0;
3526}
3527.col-panel-tc input {
3528 width: 36px;
3529 padding: 0;
3530 text-align: center;
3531 height: 40px;
3532 background: #fff;
3533 position: relative;
3534 border: none;
3535 border-top: 2px solid #bdc1c9;
3536 border-bottom: 2px solid #bdc1c9;
3537 outline: none;
3538 border-radius: 0;
3539}
3540
3541.table-prod__img {
3542 display: inline-block;
3543 vertical-align: middle;
3544 line-height: 86px;
3545 max-width: 135px;
3546}
3547
3548.table-prod__name {
3549 display: block;
3550}
3551
3552.balance-user-head {
3553 border-bottom: 2px solid #f5f5f5;
3554 padding: 20px 30px;
3555 overflow: hidden;
3556}
3557
3558.balance-user-head .user-photo {
3559 float: left;
3560}
3561
3562.balance-user-head .user-name {
3563 display: block;
3564 margin-left: 68px;
3565 line-height: 30px;
3566 font-family: 'HelveticaNeueMedium', Arial, sans-serif;
3567}
3568
3569.balance-user-head .user-balance {
3570 display: block;
3571 margin-left: 68px;
3572}
3573
3574.balance-user-stat {
3575 display: flex;
3576 justify-content: space-between;
3577 position: relative;
3578}
3579
3580.balance-user-stat:before {
3581 content: '';
3582 position: absolute;
3583 left: 50%;
3584 top: 0;
3585 width: 2px;
3586 margin-left: -1px;
3587 height: 100%;
3588 background-color: #f5f5f5;
3589}
3590
3591.balance-user-stat__item {
3592 width: 50%;
3593 line-height: 60px;
3594 text-align: center;
3595}
3596
3597.balance-withdrawal-head__tt,
3598.balance-deposit-head__tt {
3599 display: block;
3600}
3601
3602.balance-withdrawal-head__info,
3603.balance-deposit-head__info {
3604 color: #999999;
3605 display: block;
3606}
3607
3608.balance-withdrawal-body {
3609 padding: 10px 20px;
3610}
3611
3612.withdrawal-form {
3613 display: flex;
3614 flex-wrap: wrap;
3615 margin-left: -30px;
3616}
3617
3618.withdrawal-form .btn-st {
3619 width: 100%;
3620}
3621
3622.withdrawal-form > div {
3623 margin: 10px 0 10px 30px;
3624 width: 100%;
3625}
3626
3627.withdrawal-form-width-md {
3628 min-width: 180px;
3629 position: relative;
3630}
3631
3632.w-form-d {
3633 display: none;
3634 position: absolute;
3635 left: 100%;
3636 margin-left: 10px;
3637 top: 15px;
3638 color: #999;
3639}
3640
3641.withdrawal-form-width-md:nth-child(2) input {
3642 background-color: #D3D3D3;
3643}
3644
3645.withdrawal-form-w-text {
3646 display: block;
3647 margin-top: 8px;
3648 font-size: 12px;
3649}
3650
3651.withdrawal-form-width-long {
3652 flex-grow: 1;
3653 min-width: 250px;
3654}
3655
3656.withdrawal-form-width-min {
3657 max-width: 105px;
3658 width: 100%;
3659}
3660
3661.balance-deposit-body {
3662 padding: 20px;
3663}
3664
3665.balance-deposit-link {
3666 position: relative;
3667}
3668
3669.balance-deposit-link .btn-st {
3670 position: absolute;
3671 right: 0;
3672 top: 0;
3673}
3674
3675.sh-label {
3676 display: block;
3677 margin-bottom: 5px;
3678 font-size: 12px;
3679}
3680
3681.balance-info {
3682 padding-bottom: 10px;
3683}
3684
3685.setting-input-bl {
3686 padding: 25px 20px;
3687 max-width: 700px;
3688 position: relative;
3689}
3690
3691.td-link-aside {
3692 text-align: right;
3693 margin-bottom: 5px;
3694 font-size: 12px;
3695}
3696
3697.setting-input-bl .btn-st {
3698 width: 100%;
3699 margin-top: 15px;
3700}
3701
3702.filter-dd-menu__tt {
3703 display: flex;
3704 cursor: pointer;
3705 align-items: center;
3706 position: relative;
3707 padding: 0 45px 0 20px;
3708}
3709
3710.filter-dd-menu__tt:before {
3711 content: '';
3712 position: absolute;
3713 text-align: center;
3714 width: 10px;
3715 height: 6px;
3716 right: 20px;
3717 top: 50%;
3718 margin-top: -3px;
3719 background: url(../img/icons/icon-arr-bottom.svg) 0 0 no-repeat;
3720 background-size: 100% 100%;
3721}
3722
3723.filter-dd-menu {
3724 list-style-type: none;
3725 display: none;
3726}
3727
3728.filter-dd-menu--max-height {
3729 max-height: 240px;
3730 overflow: auto;
3731}
3732
3733.filter-dd-menu--open .filter-dd-menu {
3734 display: block;
3735}
3736
3737.filter-dd-menu--open .filter-dd-menu__tt:before {
3738 transform: rotate(-180deg);
3739}
3740
3741.filter-dd-menu li {
3742 line-height: 40px;
3743}
3744
3745.filter-dd-menu li:hover {
3746 background-color: #02a9f4;
3747 color: #fff;
3748}
3749
3750.filter-dd-menu li:hover .filter-dd-menu__item:before {
3751 background: url('../img/icons/icon-arr-r-light.svg') 0 0 no-repeat;
3752 background-size: 100% 100%;
3753 width: 7px;
3754 height: 10px;
3755 margin-top: -5px;
3756 right: 22px;
3757 transform: rotate(90deg);
3758}
3759
3760.filter-dd-menu li:hover ul {
3761 display: block;
3762}
3763
3764.filter-dd-menu__item {
3765 padding: 0 45px 0 20px;
3766 position: relative;
3767 display: block;
3768}
3769
3770.filter-dd-menu__item:before {
3771 content: '';
3772 position: absolute;
3773 text-align: center;
3774 width: 10px;
3775 height: 6px;
3776 right: 20px;
3777 top: 50%;
3778 margin-top: -3px;
3779 background: url(../img/icons/icon-arr-bottom.svg) 0 0 no-repeat;
3780 background-size: 100% 100%;
3781}
3782
3783.filter-dd-menu ul {
3784 display: none;
3785 background-color: #fff;
3786 list-style-type: none;
3787}
3788
3789.filter-dd-menu ul a {
3790 display: flex;
3791 align-items: center;
3792 line-height: 40px;
3793 color: #43515e;
3794 text-decoration: none;
3795}
3796
3797.filter-weapon-img {
3798 min-width: 80px;
3799 max-width: 80px;
3800 text-align: center;
3801 line-height: 40px;
3802}
3803
3804.filter-weapon-name {
3805 line-height: 18px;
3806}
3807
3808.filter-dd-menu ul a:hover .filter-weapon-name {
3809 color: #fff;
3810}
3811
3812.support-block {
3813 height: auto;
3814 padding: 0;
3815 overflow: auto;
3816 text-align: left;
3817}
3818
3819.support-bl-item {
3820 margin-bottom: 30px;
3821 text-align: center;
3822 box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
3823 border-radius: 25px;
3824 background-color: #ffffff;
3825 padding: 40px 30px 30px;
3826}
3827
3828.support-bl-item:last-child {
3829 margin-bottom: 20px;
3830}
3831
3832.icon-supp-plus {
3833 width: 80px;
3834 height: 80px;
3835 fill: #02a9f4;
3836}
3837
3838.icon-supp-comments {
3839 width: 100px;
3840 height: 80px;
3841 fill: #ffc107;
3842}
3843
3844.icon-supp-check {
3845 width: 80px;
3846 height: 80px;
3847 fill: #8ac349;
3848}
3849
3850.support-bl-icon {
3851 line-height: 80px;
3852 margin-bottom: 30px;
3853}
3854
3855.support-bl-info {
3856 max-width: 360px;
3857 margin-left: auto;
3858 margin-right: auto;
3859}
3860
3861.support-bl-info h3 {
3862 font-size: 26px;
3863 line-height: 36px;
3864 color: #43515e;
3865 margin-bottom: 20px;
3866}
3867
3868.support-bl-info p {
3869 font-size: 14px;
3870 line-height: 20px;
3871 margin-bottom: 30px;
3872}
3873
3874.support-bl-info h4 {
3875 font-size: 14px;
3876 line-height: 20px;
3877 margin-bottom: 10px;
3878}
3879
3880.support-bl-m-bl {
3881 height: 40px;
3882 line-height: 40px;
3883 margin-bottom: 20px;
3884}
3885
3886.icon-bell-wrapp {
3887 position: relative;
3888 display: inline-block;
3889 line-height: 20px;
3890 vertical-align: middle;
3891}
3892
3893.icon-bell-not {
3894 position: absolute;
3895 background-color: rgba(243, 66, 53, 0.2);
3896 width: 10px;
3897 height: 10px;
3898 border-radius: 10px;
3899 right: -9px;
3900 top: -9px;
3901}
3902
3903.icon-bell-not:before {
3904 content: '';
3905 position: absolute;
3906 top: 50%;
3907 left: 50%;
3908 margin: -3px 0 0 -3px;
3909 width: 6px;
3910 height: 6px;
3911 background-color: #f34235;
3912 border-radius: 6px;
3913}
3914
3915.icon-bell {
3916 width: 16px;
3917 height: 20px;
3918 fill: #43515e;
3919}
3920
3921.faq-topic {
3922 margin-bottom: 20px;
3923}
3924
3925.faq-topic h2 {
3926 line-height: 30px;
3927 padding: 10px 20px 10px 55px;
3928 font-size: 14px;
3929 box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
3930 background-color: #fff;
3931 border-radius: 5px;
3932 position: relative;
3933 cursor: pointer;
3934 font-weight: 300;
3935}
3936
3937.faq-topic h2:before {
3938 content: '';
3939 position: absolute;
3940 left: 24px;
3941 top: 22px;
3942 width: 10px;
3943 height: 6px;
3944 background-image: url('../img/icons/icon-arr-bottom.svg');
3945 background-size: 100% 100%;
3946}
3947
3948.questions-pan {
3949 margin: 35px 0;
3950}
3951
3952.faq-topic h3 {
3953 font-size: 14px;
3954 color: #00aafb;
3955 line-height: 17px;
3956 margin-bottom: 15px;
3957 margin-left: 55px;
3958 cursor: pointer;
3959 font-weight: 300;
3960}
3961
3962.answer-panel {
3963 margin: 15px 0 20px 55px;
3964}
3965
3966.answer-panel pre {
3967 font-family: "HelveticaNeue", Arial, sans-serif;
3968}
3969
3970.create-ticket-container-info {
3971 margin-bottom: 40px;
3972}
3973
3974.create-ticket-container-info .support-bl-item {
3975 width: 100%;
3976 background-color: #02a9f4;
3977 color: #fff;
3978 border-radius: 10px;
3979}
3980
3981.create-ticket-container-info .support-bl-item h3 {
3982 color: #fff;
3983}
3984
3985.create-ticket-container-info .icon-supp-plus {
3986 fill: #fff;
3987}
3988
3989.create-ticket-container-form {
3990 text-align: left;
3991}
3992
3993.create-ticket-head {
3994 margin-bottom: 20px;
3995}
3996
3997.create-ticket-head h4 {
3998 font-size: 14px;
3999 line-height: 18px;
4000 margin-bottom: 12px;
4001}
4002
4003.create-ticket-head__file {
4004 padding: 18px 20px 17px;
4005 box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
4006 border-radius: 10px;
4007 color: #fff;
4008 background-color: #02a9f4;
4009}
4010
4011.create-ticket-head__select {
4012 margin-bottom: 20px;
4013 padding: 18px 20px 22px;
4014}
4015
4016.create-ticket-body {
4017 height: 250px;
4018 margin-bottom: 20px;
4019 overflow: hidden;
4020}
4021
4022.create-ticket-body__text {
4023 height: 100%;
4024}
4025
4026.create-ticket-body__text textarea {
4027 height: 100%;
4028 padding: 18px 20px;
4029 font-size: 12px;
4030}
4031
4032.create-ticket-footer {
4033 padding: 20px;
4034 margin: 0;
4035}
4036
4037.create-ticket-footer-issue {
4038 display: block;
4039 margin-bottom: 10px;
4040}
4041
4042.trade-status {
4043 display: inline-block;
4044 cursor: pointer;
4045 margin-right: 0;
4046}
4047
4048.trade-status::before {
4049 content: '';
4050 width: 16px;
4051 height: 16px;
4052 border: 2px solid gray;
4053 border-radius: 50%;
4054 display: inline-block;
4055 margin-right: 10px;
4056 margin-top: -3px;
4057 vertical-align: middle;
4058}
4059
4060.trade-status.active::before {
4061 border: 2px solid #8dc44e;
4062 background: url(../img/status.png?v=1) 5px 5px no-repeat;
4063}
4064
4065.ticket-chat-head {
4066 padding: 20px;
4067 margin-bottom: 20px;
4068}
4069
4070.ticket-chat-head__half {
4071 line-height: 50px;
4072 text-align: left;
4073}
4074
4075.ticket-chat-head-user .user-photo,
4076.ticket-chat-head-user .user-photo img {
4077 width: 36px;
4078 height: 36px;
4079 display: inline-block;
4080 vertical-align: middle;
4081}
4082
4083.ticket-chat-head-user .user-photo img {
4084 vertical-align: top;
4085}
4086
4087.ticket-chat-head-user .user-name {
4088 margin-left: 18px;
4089}
4090
4091.ticket-chat-head-user {
4092 min-width: 180px;
4093}
4094
4095.ticket-chat-subject {
4096 line-height: 24px;
4097 margin: 20px 0;
4098}
4099
4100.ticket-chat-subject b {
4101 font-family: 'HelveticaNeueMedium', sans-serif;
4102 margin-right: 15px;
4103}
4104
4105.ticket-chat-subject span {
4106 color: #555555;
4107}
4108
4109.chat-ticket-head-date {
4110 margin-right: 18px;
4111}
4112
4113.ticket-chat-inner {
4114 margin-bottom: 5px;
4115 position: relative;
4116 padding: 20px 0 125px;
4117}
4118
4119.ticket-chat-inner-scroll {
4120 max-height: 380px;
4121 overflow: auto;
4122 padding: 0 20px;
4123}
4124
4125.icon-send {
4126 width: 16px;
4127 height: 14px;
4128}
4129
4130.btn-send {
4131 line-height: 28px;
4132 width: 30px;
4133 height: 30px;
4134 background-color: #8bc34a;
4135 border: none;
4136 text-align: center;
4137 border-style: none;
4138 border-radius: 50%;
4139 outline: none;
4140 position: relative;
4141}
4142
4143.btn-send .icon-send {
4144 fill: #fff;
4145 position: absolute;
4146 top: 50%;
4147 left: 50%;
4148 margin: -7px 0 0 -6px;
4149}
4150
4151.ticket-chat-text-field {
4152 position: absolute;
4153 bottom: 20px;
4154 left: 0;
4155 padding: 0 20px;
4156 width: 100%;
4157 height: 85px;
4158}
4159
4160.ticket-chat-text-field textarea {
4161 padding: 18px 60px 18px 20px;
4162 height: 100%;
4163 border: 1px solid #969696;
4164 border-radius: 10px;
4165 resize: none;
4166}
4167
4168.ticket-chat-text-field .btn-send {
4169 position: absolute;
4170 right: 40px;
4171 top: 28px;
4172 cursor: pointer;
4173}
4174
4175.ticket-chat-message-line {
4176 margin-bottom: 20px;
4177}
4178
4179.t-chat-message-user {
4180 margin-bottom: 20px;
4181 line-height: 36px;
4182}
4183
4184.t-ch-user-photo {
4185 display: inline-block;
4186 vertical-align: top;
4187 margin-right: 15px;
4188 width: 36px;
4189 height: 36px;
4190 border-radius: 50%;
4191 overflow: hidden;
4192}
4193
4194.t-ch-user-photo img {
4195 height: 36px;
4196 border-radius: 50%;
4197}
4198
4199.t-ch-user-name {
4200 margin-right: 15px;
4201}
4202
4203.t-chat-message-text {
4204 margin-left: 55px;
4205 background-color: #02a9f4;
4206 padding: 18px 20px;
4207 color: #ffffff;
4208 border-radius: 0px 20px 20px 20px;
4209}
4210
4211.t-ch-user-date {
4212 color: #999999;
4213}
4214
4215.t-ch-admin-message .t-chat-message-user {
4216 overflow: hidden;
4217 text-align: right;
4218}
4219
4220.t-ch-admin-message .t-ch-user-photo,
4221.t-ch-admin-message .t-ch-user-name {
4222 float: right;
4223 margin: 0 0 0 17px;
4224}
4225
4226.t-ch-admin-message .t-chat-message-text {
4227 margin: 0 55px 0 0;
4228 border: 1px solid #999999;
4229 background-color: #fff;
4230 color: #43515e;
4231 border-radius: 20px 0px 20px 20px;
4232}
4233
4234.sell-step-head {
4235 display: flex;
4236 flex-wrap: wrap;
4237 justify-content: space-between;
4238 margin-bottom: 30px;
4239 padding: 20px 0 0;
4240}
4241
4242.sell-step-head-item {
4243 width: 49%;
4244 overflow: hidden;
4245 margin-bottom: 20px;
4246}
4247
4248.sell-step-icon {
4249 float: left;
4250 width: 40px;
4251 height: 40px;
4252 border: 2px solid #ccc;
4253 line-height: 34px;
4254 text-align: center;
4255 border-radius: 50%;
4256 position: relative;
4257 overflow: hidden;
4258 background-color: #fff;
4259}
4260
4261.sell-step-icon:before {
4262 content: '';
4263 position: absolute;
4264 left: 50%;
4265 top: 50%;
4266 transform: translate(-50%, -50%);
4267 z-index: 1;
4268 background-color: #8bc34a;
4269 width: 0;
4270 height: 0;
4271 border-radius: 50%;
4272}
4273
4274.sell-step-icon .icon {
4275 fill: #ccc;
4276 position: relative;
4277 z-index: 2;
4278}
4279
4280.sell-step-head-item--active .sell-step-icon {
4281 border-color: #8bc34a;
4282 transition: all 0.2s ease-in;
4283}
4284
4285.sell-step-head-item--active .sell-step-icon .icon {
4286 fill: #8bc34a;
4287 transition: all 0.2s ease-in;
4288 animation-name: pulse;
4289 animation-duration: 0.35s;
4290}
4291
4292@keyframes pulse {
4293 from {
4294 transform: scale3d(1, 1, 1);
4295 }
4296
4297 50% {
4298 transform: scale3d(1.55, 1.55, 1.55);
4299 }
4300
4301 to {
4302 transform: scale3d(1, 1, 1);
4303 }
4304}
4305
4306.sell-step-head-item--done .sell-step-icon {
4307 border-color: #8bc34a;
4308 background-color: #8bc34a;
4309 transition: background-color 0.1s ease-in 0.1s;
4310}
4311
4312.sell-step-head-item--done .sell-step-icon:before {
4313 width: 100%;
4314 height: 100%;
4315 transition: all 0.2s ease-in;
4316}
4317
4318.sell-step-head-item--done .sell-step-icon .icon {
4319 fill: #fff;
4320 transition: all 0.2s ease-in;
4321}
4322
4323.sell-step-head-item--error .sell-step-icon {
4324 border-color: #f44335;
4325 background-color: #f44335;
4326 transition: background-color 0.1s ease-in 0.1s;
4327}
4328
4329.sell-step-head-item--error .sell-step-icon:before {
4330 width: 100%;
4331 height: 100%;
4332 background-color: #f44335;
4333 transition: all 0.2s ease-in;
4334}
4335
4336.sell-step-head-item--error .sell-step-icon .icon {
4337 fill: #fff;
4338 transition: all 0.2s ease-in;
4339}
4340
4341
4342.sell-step-tt {
4343 display: block;
4344 margin-left: 50px;
4345 color: #cccccc;
4346 font-size: 10px;
4347 line-height: 20px;
4348 letter-spacing: 0.83px;
4349 text-transform: uppercase;
4350 font-family: 'HelveticaNeueMedium', sans-serif;
4351}
4352
4353.sell-step-tt-text {
4354 display: block;
4355 margin-left: 50px;
4356 font-size: 12px;
4357}
4358
4359.steps-trade-link .btn-st {
4360 min-width: 150px;
4361 margin-top: 15px;
4362}
4363
4364.steps-trade-link {
4365 margin-bottom: 30px;
4366}
4367
4368.steps-aside-info .icon-info {
4369 fill: #f44335;
4370 margin-right: 3px;
4371}
4372
4373.steps-aside-info a {
4374 text-decoration: none;
4375}
4376
4377.steps-aside-info a:hover {
4378 text-decoration: underline;
4379}
4380
4381.sell-steps .inner-half-panel {
4382 padding: 25px;
4383 margin-left: 0;
4384}
4385
4386.single-item-bl {
4387 margin-bottom: 30px;
4388}
4389
4390.single-item-img-wrapp {
4391 margin-bottom: 30px;
4392 text-align: center;
4393}
4394
4395.single-item-img {
4396 margin-bottom: 30px;
4397}
4398
4399.single-item-name {
4400 font-size: 14px;
4401 line-height: 30px
4402}
4403
4404.single-item-add .graph-wrapp {
4405 width: 100%;
4406 margin-right: 0;
4407 margin-bottom: 0;
4408}
4409
4410.single-item-add .graph-head {
4411 display: flex;
4412 justify-content: space-between;
4413}
4414
4415.single-item-add-info {
4416 padding-left: 20px;
4417 padding-right: 20px;
4418 display: none;
4419}
4420
4421.single-item-add-info .single-item-add-info-head {
4422 padding-left: 0;
4423 padding-right: 0;
4424 border: none;
4425}
4426
4427.single-item-add-info .single-item-add-info-head .btn-st {
4428 max-width: 200px;
4429}
4430
4431.single-item-param-list {
4432 margin-bottom: 30px;
4433 list-style-type: none;
4434 padding: 0;
4435}
4436
4437.single-item-param-list li {
4438 margin-bottom: 10px;
4439 font-size: 14px;
4440 line-height: 25px;
4441}
4442
4443.single-item-param-list .st-product-qual {
4444 display: inline-block;
4445 margin-left: 8px;
4446}
4447
4448.game-min-icon {
4449 display: inline-block;
4450 width: 25px;
4451 height: 25px;
4452 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
4453 border-radius: 4px;
4454 margin: 0 8px;
4455 text-align: center;
4456 line-height: 25px;
4457}
4458
4459.game-cs-bg {
4460 background-color: #ff9800;
4461}
4462
4463.game-dota-bg {
4464 background-color: #f15050;
4465}
4466
4467.game-pubg-bg {
4468 background-color: #6e7a91;
4469}
4470
4471.game-min-icon .icon-cs {
4472 width: 14px;
4473 height: 16px;
4474 fill: #fff;
4475 margin-right: -2px;
4476}
4477
4478.game-min-icon .icon-dota {
4479 width: 16px;
4480 height: 16px;
4481 fill: #fff;
4482}
4483
4484.game-min-icon .icon-pubg {
4485 width: 18px;
4486 height: 15px;
4487 fill: #fff;
4488 margin-right: -1px;
4489}
4490
4491.single-item-about p {
4492 margin-bottom: 20px;
4493 font-size: 14px;
4494}
4495
4496.single-item-add-info__price .text--t-color {
4497 margin-left: 10px;
4498}
4499
4500.single-item-wrapp {
4501 margin-bottom: 40px;
4502}
4503
4504.pagination-pan {
4505 padding: 0 20px 20px;
4506 overflow: hidden;
4507}
4508
4509.pagination {
4510 list-style-type: none;
4511 margin: 0 auto;
4512 margin-bottom: 20px;
4513 overflow: hidden;
4514 text-align: center;
4515}
4516
4517.pagination li {
4518 display: inline-block;
4519 vertical-align: top;
4520 margin-left: -2px;
4521 border-right: 2px solid rgba(0, 0, 0, 0.05);
4522}
4523
4524.pagination li:last-child {
4525 border: none;
4526}
4527
4528.pagination a {
4529 line-height: 38px;
4530 height: 38px;
4531 text-align: center;
4532 width: 40px;
4533 color: #666666;
4534 display: block;
4535 text-decoration: none;
4536 font-size: 14px;
4537}
4538
4539.pagination .active a,
4540.pagination a:hover {
4541 background-color: #02a9f4;
4542 color: #fff;
4543}
4544
4545.pagination .icon {
4546 fill: #b2b2b2;
4547}
4548
4549.pagination a:hover .icon {
4550 fill: #fff;
4551}
4552
4553.pagin-prev .icon {
4554 transform: rotate(180deg);
4555}
4556
4557.st-modal-overlay {
4558 position: fixed;
4559 left: 0;
4560 top: 0;
4561 width: 100%;
4562 height: 100%;
4563 overflow: auto;
4564 z-index: 200;
4565 background-color: rgba(255, 255, 255, 0.76);
4566 display: flex;
4567 flex-wrap: wrap;
4568 align-items: center;
4569 padding: 15px;
4570}
4571
4572.st-modal {
4573 max-width: 700px;
4574 margin: 15px auto;
4575 box-shadow: 0 2px 20px rgba(0, 0, 0, 0.18);
4576 border-radius: 10px;
4577 background-color: #ffffff;
4578 padding: 15px;
4579 position: relative;
4580 overflow: hidden;
4581}
4582
4583.st-modal .btn-st {
4584 min-width: 105px;
4585}
4586
4587.st-modal .text--center .btn-st {
4588 margin: 0 5px;
4589}
4590
4591.st-modal-min {
4592 max-width: 390px;
4593 width: 100%;
4594}
4595
4596.st-modal__close {
4597 position: absolute;
4598 right: 30px;
4599 top: 30px;
4600 z-index: 5;
4601 width: 17px;
4602 height: 30px;
4603 line-height: 26px;
4604}
4605
4606.st-modal__head {
4607 padding-right: 40px;
4608 line-height: 30px;
4609 font-size: 16px;
4610 margin-bottom: 30px;
4611}
4612
4613.form-bonus__group {
4614 margin-bottom: 10px;
4615}
4616
4617.form-bonus-text {
4618 display: block;
4619 color: #999999;
4620 font-size: 13px;
4621 line-height: 20px;
4622 padding-left: 10px;
4623 padding-top: 10px;
4624}
4625
4626.btn-st--modal-size {
4627 margin-top: 15px;
4628 min-width: 180px;
4629}
4630
4631.bonus-activated,
4632.auth-required {
4633 padding: 10px;
4634}
4635
4636.st-modal-c__icon {
4637 margin: 0 auto 20px;
4638 line-height: 42px;
4639}
4640
4641.st-modal-c__icon--error {
4642 border-color: #f44335;
4643}
4644
4645.st-modal-c__icon .icon-done {
4646 fill: #8bc34a;
4647}
4648
4649.st-modal-c__tt {
4650 display: block;
4651 margin-bottom: 10px;
4652 color: #666666;
4653 font-size: 18px;
4654 line-height: 30px;
4655}
4656
4657.st-modal-c__text {
4658 margin-bottom: 28px;
4659 display: block;
4660 font-size: 14px;
4661 line-height: 25px;
4662 color: #b3b3b3;
4663}
4664
4665.mb-title h1 {
4666 display: none;
4667}
4668
4669.aside-games {
4670 border-radius: 0 0 10px 10px;
4671}
4672
4673.support-container {
4674 padding-left: 5px;
4675 padding-right: 5px;
4676 padding-top: 5px;
4677}
4678
4679.up-devices-link {
4680 position: fixed;
4681 bottom: 10px;
4682 right: 10px;
4683 z-index: 200;
4684 padding: 5px 10px 5px 30px;
4685 background-color: #fff;
4686 box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
4687 border-radius: 3px;
4688 text-decoration: none;
4689 color: #43515e;
4690 opacity: 0;
4691 transition: 0.5s opacity linear;
4692}
4693
4694.up-btn-show {
4695 opacity: 1;
4696}
4697
4698.up-devices-link:before {
4699 content: '';
4700 position: absolute;
4701 text-align: center;
4702 width: 10px;
4703 height: 6px;
4704 left: 10px;
4705 top: 50%;
4706 margin-top: -3px;
4707 background: url(../img/icons/icon-arr-bottom.svg) 0 0 no-repeat;
4708 background-size: 100% 100%;
4709 transform: rotate(-180deg);
4710}
4711
4712.main-flex-bl {
4713 display: flex;
4714 flex-direction: column;
4715}
4716
4717.main-flex-bl .inner-info {
4718 order: 2;
4719}
4720
4721.main-flex-bl .main-aside-inner {
4722 order: 1;
4723 margin-top: 30px;
4724 text-align: right;
4725}
4726
4727.single-item-add-info--mobile-v {
4728 margin-bottom: 30px;
4729}
4730
4731.single-item-add-info--mobile-v .single-item-add-info {
4732 display: block;
4733 padding: 0;
4734}
4735
4736.single-item-add-info--mobile-v .single-item-table {
4737 display: table;
4738 margin-left: 0;
4739 margin-top: 20px;
4740 width: 100%;
4741 text-align: center;
4742}
4743
4744.single-item-add-info--mobile-v .single-item-table td:first-child {
4745 text-align: center;
4746}
4747
4748.single-item-add-info--mobile-v .single-item-add-info .single-item-add-info-head {
4749 padding: 0;
4750}
4751
4752.single-item-add-info--mobile-v .single-item-add-info .btn-st {
4753 width: 100%;
4754 max-width: 100%;
4755 margin-bottom: 15px;
4756}
4757
4758.btn-bonus {
4759 line-height: 25px;
4760}
4761
4762.product-download-loader {
4763 width: 210px;
4764 margin-left: auto;
4765 margin-right: auto;
4766 margin-bottom: 20px;
4767 position: relative;
4768 height: 12px;
4769}
4770
4771.product-download-loader:after,
4772.product-download-loader:before {
4773 content: '';
4774 position: absolute;
4775 left: 0;
4776 top: 0;
4777 width: 100%;
4778 height: 12px;
4779 background-image: url(../img/dott-v.svg);
4780 background-repeat: repeat-x;
4781 background-position: 0 50%;
4782 background-size: auto 120%;
4783}
4784
4785.product-download-loader:before {
4786 background-image: url(../img/dott-v-d.svg);
4787 z-index: 3;
4788 animation: move-in-steps 2s steps(100) infinite;
4789}
4790
4791.mb-lb {
4792 padding: 20px;
4793}
4794
4795.mb-lb__log-text {
4796 display: block;
4797 margin-bottom: 20px;
4798}
4799
4800.info-bonus-bl {
4801 position: relative;
4802}
4803
4804.info-bonus-bl ul,
4805.info-bonus-bl h4 {
4806 padding: 20px 35px 0px 20px;
4807}
4808
4809.info-bonus-bl ul {
4810 border-top: 2px solid rgba(0, 0, 0, 0.05);
4811 list-style-type: none;
4812 margin-top: 15px;
4813 font-size: 14px;
4814 padding-bottom: 20px;
4815}
4816
4817
4818/* ----- inform-window ----------------- */
4819.inform-window {
4820 margin-top: 20px;
4821 background-color: #e79f4c;
4822 color: white;
4823 font-size: 16px;
4824}
4825
4826.inform-window .shadow-rad-bl {
4827 padding: 20px;
4828 margin-bottom: 0;
4829}
4830/* ----- end inform-window ------------- */
4831
4832
4833@media only screen and (min-width: 375px) {
4834 .steps-comp-body p {
4835 font-size: 14px;
4836 }
4837
4838 .st-prod-wrapp {
4839 margin-left: -3.5%;
4840 }
4841
4842 .st-product {
4843 width: 46.5%;
4844 margin: 0 0 15px 3.5%;
4845 }
4846
4847 .live-trades-inline-prod .st-product:nth-child(2) {
4848 display: inline-block;
4849 }
4850
4851 .st-modal {
4852 padding-left: 20px;
4853 padding-right: 20px;
4854 }
4855}
4856
4857
4858@media only screen and (min-width: 320px) and (max-width: 479px) {
4859 .table-trades .table-row.table-row--hidden,
4860 .table-balance .table-row.table-row--hidden {
4861 display: none;
4862 }
4863
4864 .table-trades .table-row,
4865 .table-balance .table-row {
4866 display: flex;
4867 flex-wrap: wrap;
4868 padding: 15px;
4869 position: relative;
4870 }
4871
4872 .table-trades .table-item,
4873 .table-balance .table-item {
4874 text-transform: capitalize;
4875 width: 100%;
4876 }
4877
4878 .table-trades .table-item .btn-st,
4879 .table-balance .table-item .btn-st {
4880 width: 100%;
4881 padding-top: 8px;
4882 padding-bottom: 8px;
4883 }
4884
4885 .table-trades .table-item:nth-child(1),
4886 .table-balance .table-item:nth-child(1) {
4887 position: absolute;
4888 right: 15px;
4889 top: 15px;
4890 width: auto;
4891 }
4892
4893 .table-trades .table-item:nth-child(2),
4894 .table-balance .table-item:nth-child(2) {
4895 padding-right: 28%;
4896 }
4897
4898 .table-trades .table-price,
4899 .table-balance .table-price {
4900 max-width: 100%;
4901 justify-content: flex-start;
4902 }
4903
4904 .table-trades .table-price span,
4905 .table-balance .table-price span {
4906 margin-right: 6px;
4907 }
4908
4909 .table-trades .table-price span:last-child,
4910 .table-balance .table-price span:last-child {
4911 margin-right: 0;
4912 }
4913
4914 .table-trades .st-status,
4915 .table-balance .st-status {
4916 margin-left: 10px;
4917 line-height: 20px;
4918 }
4919}
4920
4921
4922
4923@media only screen and (min-width: 480px) {
4924 .table-text--mobile-v {
4925 display: none;
4926 }
4927
4928 .aside-games {
4929 display: flex;
4930 }
4931
4932 .single-item-table td,
4933 .single-item-table th {
4934 padding: 10px;
4935 }
4936
4937 .aside-games__item {
4938 width: 33.3333%;
4939 padding: 20px 0;
4940 text-align: center;
4941 border-right: 2px solid rgba(0, 0, 0, 0.05);
4942 border-bottom: none;
4943 }
4944
4945 .game-bl-body {
4946 padding: 34px 0;
4947 }
4948
4949 .game-bl-icon {
4950 position: relative;
4951 top: 0;
4952 left: 0;
4953 }
4954
4955 .soc-inline {
4956 text-align: right;
4957 }
4958
4959 .stat-inline:before,
4960 .stat-inline:after {
4961 content: '';
4962 position: absolute;
4963 left: 33%;
4964 top: 50%;
4965 margin-top: -45px;
4966 margin-left: -25px;
4967 background-color: rgba(0, 0, 0, 0.05);
4968 width: 2px;
4969 height: 90px;
4970 }
4971
4972 .stat-inline:after {
4973 left: 66%;
4974 }
4975
4976 .chech-inline__item {
4977 margin-right: 24px;
4978 }
4979
4980 .table-row,
4981 .table-row.table-row--hidden {
4982 display: flex;
4983 flex-wrap: wrap;
4984 justify-content: space-between;
4985 }
4986
4987 .table-item {
4988 width: 49%;
4989 }
4990
4991 .table-cart .table-row,
4992 .table-sell-steps .table-row {
4993 padding-top: 105px;
4994 }
4995
4996 .table-cart .table-row:first-child,
4997 .table-sell-steps .table-row:first-child {
4998 padding-top: 15px;
4999 }
5000
5001 .table-prod__img {
5002 position: absolute;
5003 top: 15px;
5004 left: 15px;
5005 }
5006
5007 .balance-deposit-head {
5008 display: flex;
5009 justify-content: space-between;
5010 }
5011
5012 .create-ticket-footer-issue {
5013 margin-bottom: 20px;
5014 }
5015
5016 .sell-step-icon {
5017 width: 60px;
5018 height: 60px;
5019 border-width: 3px;
5020 line-height: 52px;
5021 }
5022
5023 .sell-step-tt {
5024 margin-left: 80px;
5025 padding: 10px 0 0;
5026 }
5027
5028 .sell-step-tt-text {
5029 margin-left: 80px;
5030 font-size: 14px;
5031 }
5032
5033 .steps-trade-link {
5034 display: flex;
5035 justify-content: space-between;
5036 }
5037
5038 .steps-trade-link div {
5039 flex-grow: 1;
5040 }
5041
5042 .steps-trade-link .btn-st {
5043 margin-top: 0;
5044 margin-left: -5px;
5045 }
5046
5047 .single-item-add-info__price .text--t-color {
5048 margin-left: 30px;
5049 }
5050
5051 .w-form-d {
5052 display: block;
5053 }
5054
5055 .withdrawal-form div {
5056 width: auto;
5057 }
5058
5059 .st-modal {
5060 padding: 30px;
5061 }
5062
5063 .st-modal .text--center .btn-st {
5064 margin: 0 12px;
5065 }
5066
5067 .aside-games__item:first-child {
5068 border-radius: 0 0 0 10px;
5069 }
5070
5071 .aside-games__item:last-child {
5072 border-radius: 0 0 10px 0;
5073 }
5074}
5075
5076
5077@media only screen and (min-width: 520px) {
5078 .pagination-pan {
5079 display: flex;
5080 justify-content: space-between;
5081 align-items: center;
5082 padding: 0;
5083 }
5084
5085 .pagination {
5086 margin-bottom: 0;
5087 }
5088
5089 .pagination-pan .btn-st {
5090 border-radius: 0 10px 10px 0
5091 }
5092}
5093
5094
5095@media only screen and (min-width: 640px) {
5096 .aside-games {
5097 justify-content: space-between;
5098 margin-bottom: 0;
5099 }
5100
5101 .graph-head__tt {
5102 margin-bottom: 0;
5103 }
5104
5105 .live-trade-head-info-tt {
5106 display: inline;
5107 margin-right: 0;
5108 margin-left: 30px;
5109 }
5110
5111 .graph-head,
5112 .live-trade-head,
5113 .balance-withdrawal-head {
5114 display: flex;
5115 justify-content: space-between;
5116 }
5117
5118 .mb-catalog {
5119 clear: both;
5120 }
5121
5122 .table-item {
5123 width: 31%;
5124 }
5125
5126 .balance-info {
5127 display: flex;
5128 flex-wrap: wrap;
5129 }
5130
5131 .balance-withdrawal {
5132 order: 1;
5133 width: 100%;
5134 }
5135
5136 .balance-deposit {
5137 flex-grow: 1;
5138 }
5139
5140 .balance-user {
5141 max-width: 265px;
5142 min-width: 265px;
5143 margin-right: 30px;
5144 }
5145
5146 .filter-dd-menu-wrapp {
5147 position: relative;
5148 }
5149
5150 .filter-dd-menu {
5151 position: absolute;
5152 top: 100%;
5153 left: 0;
5154 z-index: 3;
5155 background-color: #fff;
5156 width: 100%;
5157 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
5158 border-radius: 0 0 4px 4px;
5159 }
5160
5161 .filter-dd-menu--open .filter-dd-menu__tt {
5162 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
5163 border-radius: 4px 4px 0 0;
5164 }
5165
5166 .filter-dd-menu__item:before {
5167 transform: rotate(-90deg);
5168 }
5169
5170 .filter-dd-menu li:hover .filter-dd-menu__item:before {
5171 transform: rotate(0);
5172 }
5173
5174 .filter-dd-menu li {
5175 position: relative;
5176 }
5177
5178 .filter-dd-menu ul {
5179 position: absolute;
5180 top: 0;
5181 left: 100%;
5182 width: 100%;
5183 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);
5184 border-radius: 0 4px 4px 4px;
5185 }
5186
5187 .ticket-chat-head-user {
5188 display: inline-block;
5189 vertical-align: top;
5190 }
5191
5192 .ticket-chat-subject {
5193 display: inline-block;
5194 vertical-align: top;
5195 line-height: 50px;
5196 margin: 0;
5197 }
5198
5199 .ticket-chat-inner-scroll {
5200 max-height: 470px;
5201 }
5202
5203 .single-item-add-info-head {
5204 display: flex;
5205 justify-content: space-between;
5206 }
5207
5208 .pagination a {
5209 width: 57px;
5210 height: 60px;
5211 line-height: 60px;
5212 }
5213
5214 .withdrawal-form-width-long {
5215 min-width: 340px;
5216 }
5217
5218 .st-prod-wrapp {
5219 margin-left: -3%;
5220 }
5221
5222 .st-product {
5223 width: 30.3333%;
5224 margin: 0 0 30px 3%;
5225 }
5226
5227 .live-trades-inline-prod .st-product:nth-child(3) {
5228 display: inline-block;
5229 }
5230
5231 .single-item-add-info--mobile-v {
5232 display: none;
5233 }
5234
5235 .single-item-add-info {
5236 display: block;
5237 }
5238
5239 .single-item-table {
5240 display: table;
5241 }
5242
5243 .main-aside-inner {
5244 display: flex;
5245 justify-content: space-between;
5246 align-items: center;
5247 }
5248
5249 .soc-inline {
5250 flex-grow: 1;
5251 order: 2;
5252 margin-bottom: 0;
5253 }
5254
5255 .btn-bonus {
5256 margin-right: 30px;
5257 max-width: 350px;
5258 order: 1;
5259 }
5260
5261 .setting-input-bl .btn-st {
5262 right: 20px;
5263 position: absolute;
5264 bottom: 25px;
5265 width: 75px;
5266 margin-top: 0;
5267 }
5268}
5269
5270
5271@media only screen and (min-width: 768px) {
5272 .main-slider-item {
5273 padding: 50px 70px;
5274 }
5275
5276 .main-slider-item__tt {
5277 font-size: 36px;
5278 line-height: 44px;
5279 margin-bottom: 5px;
5280 }
5281
5282 .main-slider-item__text {
5283 font-size: 20px;
5284 line-height: 30px;
5285 }
5286
5287 .statistics-wrapp {
5288 display: flex;
5289 }
5290
5291 .stat-inline {
5292 flex-grow: 1;
5293 min-height: 150px;
5294 align-items: center;
5295 padding-bottom: 15px;
5296 }
5297
5298 .stat-price-inline {
5299 min-width: 340px;
5300 max-width: 340px;
5301 margin-left: 20px;
5302 }
5303
5304 .stat-price-item {
5305 display: flex;
5306 flex-direction: column;
5307 justify-content: center;
5308 padding-top: 15px;
5309 padding-bottom: 10px;
5310 }
5311
5312 .live-trade-carousel-wrapp {
5313 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
5314 padding: 0 0 0 20px;
5315 margin-right: 0;
5316 border-radius: 10px;
5317 background-color: #ffffff;
5318 margin-bottom: 10px;
5319 }
5320
5321 .st-prod-wrapp {
5322 margin-left: -4%;
5323 }
5324
5325 .st-product {
5326 width: 29.3333%;
5327 margin-left: 4%;
5328 }
5329
5330 .stat-inline:before,
5331 .stat-inline:after {
5332 margin-left: -20px;
5333 }
5334
5335 .support-container {
5336 display: flex;
5337 justify-content: space-between;
5338 }
5339
5340 .support-bl-item {
5341 width: 32%;
5342 display: flex;
5343 flex-direction: column;
5344 }
5345
5346 .support-bl-info {
5347 flex-grow: 1;
5348 }
5349
5350 .create-ticket-container {
5351 display: flex;
5352 }
5353
5354 .create-ticket-container-info {
5355 width: 40%;
5356 }
5357
5358 .create-ticket-container-form {
5359 margin-left: 3%;
5360 width: 57%;
5361 }
5362
5363 .create-ticket-container-info {
5364 margin-bottom: 0;
5365 }
5366
5367 .create-ticket-container-info .support-bl-item {
5368 height: 100%;
5369 margin-bottom: 0;
5370 }
5371
5372 .create-ticket-container-info .support-bl-info {
5373 display: flex;
5374 flex-direction: column;
5375 justify-content: center;
5376 margin-bottom: 0;
5377 }
5378
5379 .create-ticket-container-info .support-bl-info p {
5380 height: auto;
5381 margin-bottom: 30px;
5382 }
5383
5384 .create-ticket-container-info .support-bl-icon {
5385 margin-bottom: 65px;
5386 }
5387
5388 .create-ticket-container-info .support-bl-info h3 {
5389 margin-bottom: 30px;
5390 }
5391
5392 .ticket-chat-inner-scroll {
5393 max-height: 510px;
5394 }
5395
5396 .sell-step-head {
5397 flex-wrap: nowrap;
5398 }
5399
5400 .sell-step-head-item {
5401 width: auto;
5402 }
5403
5404 .steps-comp-body {
5405 padding-top: 70px;
5406 padding-bottom: 100px;
5407 }
5408
5409 .single-item-bl {
5410 overflow: hidden;
5411 margin-bottom: 0;
5412 }
5413
5414 .single-item-img {
5415 margin-bottom: 0;
5416 }
5417
5418 .single-item-img-wrapp {
5419 float: left;
5420 width: 400px;
5421 margin-bottom: 0;
5422 }
5423
5424 .single-item-param-list {
5425 margin-left: 430px;
5426 }
5427
5428 .single-item-about {
5429 clear: left;
5430 }
5431
5432 .main-aside-inner {
5433 justify-content: flex-end;
5434 }
5435
5436 .soc-inline {
5437 flex-grow: 0;
5438 }
5439
5440 .btn-bonus {
5441 max-width: 140px;
5442 }
5443
5444 .buy-sell-games {
5445 text-align: left;
5446 }
5447
5448 .buy-sell-game__item {
5449 margin: 0 30px 0 0;
5450 }
5451}
5452
5453
5454@media only screen and (min-width: 320px) and (max-width: 639px) {
5455 .balance-deposit-link .btn-st {
5456 width: 100%;
5457 margin-top: 15px;
5458 position: relative;
5459 }
5460}
5461
5462
5463@media only screen and (min-width: 320px) and (max-width: 999px) {
5464 .live-trades-inline-prod{
5465 position: relative;
5466 }
5467
5468 .live-trades-inline-prod:before {
5469 content: '';
5470 position: absolute;
5471 top: 0;
5472 left: -15px;
5473 height: 100%;
5474 background-color: #fff;
5475 width: 2px;
5476 z-index: 3;
5477 }
5478
5479 .live-trades-inline-prod .st-product {
5480 display: inline-block;
5481 }
5482}
5483
5484
5485@media only screen and (min-width: 375px) and (max-width: 999px) {
5486 .live-trades-inline-prod:before {
5487 left: -5px;
5488 width: 20px;
5489 }
5490
5491 .live-trades-inline-prod .st-product:before {
5492 left: -6%;
5493 }
5494}
5495
5496
5497
5498@media only screen and (min-width: 1000px) {
5499 .main-slider-item {
5500 padding: 160px 70px 70px;
5501 }
5502
5503 .stat-inline-item__value {
5504 font-size: 24px;
5505 line-height: 30px;
5506 }
5507
5508 .stat-inline-item__tt {
5509 font-size: 14px;
5510 line-height: 18px;
5511 }
5512
5513 .stat-price-item__tt {
5514 font-size: 14px;
5515 line-height: 18px;
5516 margin-bottom: 12px;
5517 }
5518
5519 .stat-price-item__value {
5520 font-size: 18px;
5521 line-height: 22px;
5522 margin-bottom: 5px;
5523 }
5524
5525 .stat-price-inline,
5526 .aside-games-wrapp {
5527 min-width: 440px;
5528 max-width: 440px;
5529 margin-left: 30px;
5530 }
5531
5532 .stat-price-item {
5533 padding-bottom: 15px;
5534 }
5535
5536 .statistics-wrapp {
5537 width: 100%;
5538 }
5539
5540 .aside-and-hgraph-wrapper {
5541 display: flex;
5542 justify-content: space-between;
5543 flex-direction: row-reverse;
5544 }
5545
5546 .graph-wrapp {
5547 flex-grow: 1;
5548 width: 300px;
5549 }
5550
5551 .live-trades-inline-prod .st-product:nth-child(4) {
5552 display: inline-block;
5553 }
5554
5555 .st-prod-wrapp {
5556 margin-left: -3%;
5557 }
5558
5559 .st-product {
5560 width: 22%;
5561 margin-left: 3%;
5562 }
5563
5564
5565 .stat-inline:before,
5566 .stat-inline:after {
5567 margin-left: -25px;
5568 }
5569
5570 .inner-half-panel--status-nav {
5571 display: flex;
5572 justify-content: space-between;
5573 }
5574
5575 .buy-sell-status {
5576 display: inline-block;
5577 vertical-align: top;
5578 }
5579
5580 .bs-status-search {
5581 display: inline-block;
5582 vertical-align: top;
5583 }
5584
5585 .bs-status-search input {
5586 height: 20px;
5587 width: 196px;
5588 }
5589
5590 .bs-status-nav__item:before {
5591 bottom: -2px;
5592 }
5593
5594 .table-id:before {
5595 display: none;
5596 }
5597
5598 .table {
5599 display: table;
5600 width: 100%;
5601 border-collapse: collapse;
5602 text-align: left;
5603 }
5604
5605 .table-row,
5606 .table-row.table-row--hidden,
5607 .table-cart .table-row
5608 .table-sell-steps .table-row {
5609 display: table-row;
5610 padding: 0;
5611 }
5612
5613 .table-item {
5614 display: table-cell;
5615 vertical-align: top;
5616 margin: 0;
5617 width: auto;
5618 padding: 15px 20px;
5619 }
5620
5621 .table-cart .table-item:last-child {
5622 width: 60px;
5623 }
5624
5625 .table-prod__img {
5626 position: relative;
5627 top: 0;
5628 left: 0;
5629 }
5630
5631 .table-delete {
5632 display: inline-block;
5633 position: relative;
5634 top: 0;
5635 left: 0;
5636 }
5637
5638 .table-item .st-product-qual {
5639 font-size: 14px;
5640 margin: 8px 0 5px;
5641 }
5642
5643 .table-item .st-product-qual:before {
5644 width: 17px;
5645 height: 17px;
5646 margin-right: 7px;
5647 margin-top: -3px;
5648 }
5649
5650 .support-container {
5651 height: 100%;
5652 padding-bottom: 30px;
5653 }
5654
5655 .support-bl-item,
5656 .support-bl-item:last-child {
5657 margin-bottom: 0;
5658 }
5659
5660 .create-ticket-container {
5661 padding-bottom: 30px;
5662 }
5663
5664 .ticket-chat-head {
5665 display: flex;
5666 justify-content: space-between;
5667 height: 92px;
5668 }
5669
5670 .ticket-chat-container {
5671 height: 100%;
5672 padding-bottom: 20px;
5673 }
5674
5675 .ticket-chat-inner {
5676 margin-bottom: 0;
5677 height: calc(100% - 112px);
5678 }
5679
5680 .ticket-chat-inner-scroll {
5681 height: 100%;
5682 max-height: 100%;
5683 }
5684
5685 .t-chat-message-text {
5686 min-height: 90px;
5687 }
5688
5689 .sell-step-head {
5690 padding: 20px 30px;
5691 }
5692
5693 .sell-steps .inner-half-panel {
5694 display: flex;
5695 justify-content: flex-start;
5696 padding: 30px;
5697 }
5698
5699 .sell-steps .inner-half-panel__left {
5700 width: 758px;
5701 min-width: 500px;
5702 margin-right: 50px;
5703 }
5704
5705 .sell-steps .inner-half-panel--max-right {
5706 justify-content: space-between;
5707 width: auto;
5708 align-items: center;
5709 }
5710
5711 .inner-half-panel--max-right .inner-half-panel__left {
5712 width: auto;
5713 }
5714
5715 .sell-steps .inner-half-panel--max-right .inner-half-panel__right {
5716 min-width: 350px;
5717 }
5718
5719 .steps-aside-conf {
5720 text-align: right;
5721 }
5722
5723 .steps-aside-conf__timer {
5724 display: inline-block;
5725 vertical-align: middle;
5726 margin-right: 28px;
5727 }
5728
5729 .steps-trade-link {
5730 margin-bottom: 0;
5731 }
5732
5733 .steps-trade-link input {
5734 font-size: 14px;
5735 }
5736
5737 .single-item-param-list {
5738 margin-left: 0;
5739 }
5740
5741 .single-item-bl {
5742 display: flex;
5743 justify-content: space-between;
5744 margin-bottom: 20px;
5745 }
5746
5747 .single-item-img-wrapp {
5748 min-width: 400px;
5749 max-width: 400px;
5750 margin-bottom: 0;
5751 }
5752
5753 .single-item-param-list {
5754 flex-grow: 1;
5755 margin: 0 30px;
5756 }
5757
5758 .single-item-about {
5759 flex-grow: 1;
5760 margin-bottom: 0;
5761 }
5762
5763 .buy-page .inner-half-panel,
5764 .sell-page .inner-half-panel {
5765 padding-right: 175px;
5766 }
5767
5768 .buy-page .inner-half-panel__right .btn-st,
5769 .sell-page .inner-half-panel__right .btn-st {
5770 position: absolute;
5771 right: 0;
5772 top: 5px;
5773 }
5774
5775 .sell-steps .inner-half-panel {
5776 padding-right: 30px;
5777 }
5778
5779 .sell-page .sell-steps .btn-st {
5780 position: relative;
5781 top: 0;
5782 }
5783
5784 .mb-catalog {
5785 clear: none;
5786 margin-left: 290px;
5787 }
5788
5789 .mb-box {
5790 padding-bottom: 0;
5791 }
5792
5793 .buy-page .mb-catalog,
5794 .sell-page .mb-catalog {
5795 padding: 2px 10px 0 2px;
5796 overflow-y: auto;
5797 }
5798
5799 .aside-filter-wrapp {
5800 float: left;
5801 width: 260px;
5802 }
5803
5804 .inner-half-panel {
5805 margin-left: 290px;
5806 }
5807
5808 .inner-half-panel--max-width {
5809 margin-left: 0;
5810 }
5811
5812 .up-btn-show {
5813 display: none;
5814 }
5815
5816 .buy-sell-games {
5817 display: inline-block;
5818 }
5819
5820 .buy-sell-info--mobile-v {
5821 display: none;
5822 }
5823
5824 .cart-page .inner-half-panel {
5825 display: flex;
5826 justify-content: space-between;
5827 }
5828}
5829
5830
5831
5832@media only screen and (min-width: 1100px) {
5833 .sell-step-head-item {
5834 flex-grow: 1;
5835 width: 28%;
5836 overflow: hidden;
5837 position: relative;
5838 margin-right: 25px;
5839 }
5840
5841 .sell-step-head-item:before,
5842 .sell-step-head-item:after {
5843 content: '';
5844 position: absolute;
5845 left: 200px;
5846 top: 50%;
5847 width: 100%;
5848 margin-top: -6px;
5849 height: 12px;
5850 background-image: url('../img/dott-v.svg');
5851 background-repeat: repeat-x;
5852 background-position: 0 50%;
5853 background-size: auto 120%;
5854 }
5855
5856 .sell-step-head-item:after {
5857 background-image: url('../img/dott-v-c.svg');
5858 width: 0;
5859 }
5860
5861 .sell-step-head-item--active:after {
5862 animation: move-in-steps 2s steps(100) infinite;
5863 width: 100%;
5864 }
5865
5866 .sell-step-head-item--done:after,
5867 .sell-step-head-item--error:after {
5868 animation: none;
5869 width: 100%;
5870 }
5871
5872 .sell-step-head-item--error:after {
5873 display: none;
5874 }
5875
5876 .sell-step-head-item:last-child {
5877 flex-grow: 0;
5878 width: auto;
5879 margin-right: 0;
5880 }
5881
5882 .sell-step-head-item:last-child:before {
5883 display: none;
5884 }
5885
5886 @keyframes move-in-steps {
5887 0% {
5888 width: 0;
5889 }
5890 100% {
5891 width: 100%;
5892 }
5893 }
5894}
5895
5896
5897@media only screen and (min-width: 1000px) and (max-width: 1199px) {
5898 .buy-sell-games + .buy-sell-info__tt {
5899 display: none;
5900 }
5901
5902 .buy-sell-info__tt {
5903 margin-right: 15px;
5904 }
5905}
5906
5907
5908@media only screen and (min-width: 1200px) {
5909 .head-login {
5910 margin-left: 35px;
5911 width: 110px;
5912 }
5913
5914 .live-trade-carousel-wrapp {
5915 padding-left: 15px;
5916 }
5917
5918 .live-trades-inline-prod .st-product:nth-child(5) {
5919 display: inline-block;
5920 }
5921
5922 .st-prod-wrapp {
5923 margin-left: -2%;
5924 }
5925
5926 .st-product {
5927 width: 18%;
5928 margin-left: 2%;
5929 }
5930
5931 .live-trade-head-info-tt {
5932 margin-left: 60px;
5933 }
5934
5935 .stat-inline-item {
5936 padding-left: 20px;
5937 }
5938
5939 .stat-inline:before,
5940 .stat-inline:after {
5941 margin-left: -35px;
5942 }
5943
5944 .bs-status-search input {
5945 width: 325px;
5946 }
5947
5948 .bs-status-nav__item {
5949 margin-right: 40px;
5950 }
5951
5952 .table-item.table-item--hidden {
5953 display: table-cell;
5954 }
5955
5956 .table-price {
5957 display: block;
5958 width: auto;
5959 min-width: 105px;
5960 }
5961
5962 .table-price--l,
5963 .table-price--b {
5964 position: relative;
5965 padding-left: 11px;
5966 }
5967
5968 .table-price--l:before,
5969 .table-price--b:before {
5970 content: '';
5971 position: absolute;
5972 left: 0;
5973 top: 7px;
5974 width: 6px;
5975 height: 6px;
5976 border-radius: 6px;
5977 }
5978
5979 .table-price--b:before {
5980 background-color: #bdc1c9;
5981 }
5982
5983 .table-price--l:before {
5984 background-color: #02a9f4;
5985 }
5986
5987 .table-price__skin,
5988 .table-price__usd {
5989 display: block;
5990 }
5991
5992 .table-trades .table-item:last-child,
5993 .table-balance .table-item:last-child,
5994 .table-solved-ticket .table-item:last-child {
5995 width: 155px;
5996 }
5997
5998 .support-bl-info {
5999 display: flex;
6000 flex-direction: column;
6001 justify-content: center;
6002 }
6003
6004 .support-bl-info h3 {
6005 font-size: 36px;
6006 line-height: 36px;
6007 margin-bottom: 30px;
6008 width: 100%;
6009 }
6010
6011 .support-bl-info p {
6012 height: 120px;
6013 margin-bottom: 0;
6014 }
6015
6016 .support-bl-icon {
6017 line-height: 124px;
6018 margin-bottom: 50px;
6019 }
6020
6021 .icon-supp-check,
6022 .icon-supp-plus {
6023 width: 124px;
6024 height: 124px;
6025 }
6026
6027 .icon-supp-comments {
6028 width: 150px;
6029 height: 124px
6030 }
6031
6032 .support-bl-m-bl {
6033 margin-bottom: 30px;
6034 }
6035
6036 .create-ticket-head {
6037 display: flex;
6038 justify-content: space-between;
6039 }
6040
6041 .create-ticket-container {
6042 height: 100%;
6043 }
6044
6045 .create-ticket-head__select,
6046 .create-ticket-head__file {
6047 width: 48%;
6048 margin: 0;
6049 }
6050
6051 .create-ticket-container-form form {
6052 height: 100%;
6053 display: flex;
6054 flex-direction: column;
6055 }
6056
6057 .create-ticket-body {
6058 flex-grow: 1;
6059 height: auto;
6060 display: flex;
6061 align-items: stretch;
6062 }
6063
6064 .create-ticket-body__text {
6065 width: 100%;
6066 height: auto;
6067 }
6068
6069 .create-ticket-footer {
6070 display: flex;
6071 justify-content: space-between;
6072 align-items: center;
6073 }
6074
6075 .create-ticket-footer-controls {
6076 text-align: right;
6077 }
6078
6079 .create-ticket-footer-controls .btn-st {
6080 margin-left: 20px;
6081 }
6082
6083 .trade-status {
6084 margin-right: 0;
6085 }
6086
6087 .create-ticket-footer-issue {
6088 margin: 0;
6089 }
6090
6091 .ticket-chat-head-user {
6092 min-width: 210px;
6093 }
6094
6095 .chat-ticket-head-date {
6096 margin-right: 28px;
6097 }
6098
6099 .ticket-chat-head__half .btn-st {
6100 padding-left: 35px;
6101 padding-right: 35px;
6102 }
6103
6104 .sell-step-head {
6105 padding: 20px 45px;
6106 }
6107
6108 .sell-step-tt,
6109 .sell-step-tt-text {
6110 margin-left: 90px;
6111 }
6112
6113 .sell-steps .inner-half-panel {
6114 padding: 50px 45px;
6115 align-items: center;
6116 }
6117
6118 .single-item-bl {
6119 flex-wrap: wrap;
6120 flex-grow: 1;
6121 width: 50%;
6122 }
6123
6124 .single-item-img-wrapp {
6125 min-width: 100px;
6126 max-width: none;
6127 width: 50%;
6128 margin-top: 50px;
6129 }
6130
6131 .single-item-param-list {
6132 width: 50%;
6133 min-width: 100px;
6134 max-width: none;
6135 margin: 0;
6136 padding: 0 30px;
6137 }
6138
6139 .single-item-wrapp {
6140 display: flex;
6141 flex-wrap: wrap;
6142 justify-content: space-between;
6143 align-items: flex-start;
6144 margin-bottom: 10px;
6145 }
6146
6147 .single-item-add {
6148 width: 50%;
6149 order: 1;
6150 margin: 0;
6151 }
6152
6153 .single-item-about {
6154 order: 2;
6155 margin: 40px 0 20px;
6156 width: 100%;
6157 }
6158
6159 .table-item.text--right {
6160 text-align: right;
6161 }
6162
6163 .buy-sell-info__tt:last-child {
6164 margin-right: 0;
6165 }
6166
6167 .check-inline {
6168 margin-right: 5px;
6169 }
6170
6171 .chech-inline__item {
6172 margin-right: 12px;
6173 }
6174}
6175
6176
6177
6178@media only screen and (min-width: 1340px) {
6179 .main-flex-bl {
6180 display: flex;
6181 flex-direction: row;
6182 }
6183
6184 .main-flex-bl .inner-info {
6185 flex-grow: 1;
6186 order: 1;
6187 }
6188
6189 .main-flex-bl .main-aside-inner {
6190 order: 2;
6191 margin-top: 0;
6192 }
6193
6194 .main-twitter-news {
6195 margin-bottom: 0;
6196 overflow: hidden;
6197 }
6198
6199 .main-aside-inner {
6200 min-width: 280px;
6201 max-width: 280px;
6202 margin-left: 30px;
6203 padding: 30px 0;
6204 }
6205
6206 .main-aside-inner {
6207 display: block;
6208 }
6209
6210 .soc-inline {
6211 margin-bottom: 30px;
6212 justify-content: space-between;
6213 order: 1;
6214 }
6215
6216 .soc-inline a {
6217 margin-left: 0;
6218 }
6219
6220 .btn-bonus {
6221 max-width: 100%;
6222 order: 2;
6223 margin: 0 0 30px;
6224 }
6225
6226 .main-news-head__tt {
6227 display: block;
6228 }
6229
6230 .main-news,
6231 .main-twitter-news {
6232 display: block;
6233 }
6234
6235 .main-news-item {
6236 display: block;
6237 text-decoration: none;
6238 padding: 22px;
6239 box-shadow: 0 2px 0 #f7f7f7;
6240 }
6241
6242 .main-news-item span {
6243 position: relative;
6244 z-index: 2;
6245 }
6246
6247 .main-news-item:hover .main-news-item__tt {
6248 text-decoration: underline;
6249 }
6250
6251 .main-news-item--img {
6252 position: relative;
6253 min-height: 120px;
6254 overflow: hidden;
6255 }
6256
6257 .main-news-item--img img {
6258 position: absolute;
6259 left: 0;
6260 top: 0;
6261 max-width: none;
6262 min-height: 100%;
6263 min-width: 100%;
6264 z-index: 1;
6265 }
6266
6267 .main-news-item__tt {
6268 color: #43515e;
6269 display: block;
6270 margin-bottom: 10px;
6271 }
6272
6273 .main-news-item__date {
6274 color: #b3b3b3;
6275 font-size: 12px;
6276 }
6277
6278 .main-news-item--img .main-news-item__tt,
6279 .main-news-item--img .main-news-item__date {
6280 color: #fff;
6281 }
6282
6283 .stat-inline:before,
6284 .stat-inline:after {
6285 margin-left: -15px;
6286 }
6287
6288 .table-prod__name {
6289 display: inline-block;
6290 vertical-align: middle;
6291 margin-left: 38px;
6292 max-width: 180px;
6293 }
6294
6295 .create-ticket-container-info {
6296 max-width: 560px;
6297 min-width: 560px;
6298 width: auto;
6299 }
6300
6301 .create-ticket-container-form {
6302 width: auto;
6303 margin-left: 30px;
6304 flex-grow: 1;
6305 }
6306
6307 .balance-info {
6308 flex-wrap: nowrap;
6309 }
6310
6311 .balance-withdrawal {
6312 order: 1;
6313 }
6314
6315 .balance-deposit {
6316 order: 2;
6317 margin-left: 30px;
6318 min-width: 505px;
6319 max-width: 505px;
6320 }
6321
6322 .single-item-bl {
6323 width: 50%;
6324 }
6325
6326 .single-item-img-wrapp {
6327 width: 55%;
6328 }
6329
6330 .single-item-param-list {
6331 width: 45%;
6332 }
6333
6334 .single-item-add {
6335 width: 50%;
6336 }
6337
6338 .buy-sell-game__item,
6339 .buy-sell-info__tt,
6340 .buy-sell-info__tt:last-child {
6341 margin-right: 25px;
6342 }
6343
6344 .chech-inline__item {
6345 margin-right: 23px;
6346 }
6347
6348 .check-inline {
6349 margin-right: 0;
6350 }
6351}
6352
6353
6354@media only screen and (min-width: 1400px) {
6355 .stat-inline-item {
6356 max-width: 185px;
6357 padding-right: 55px;
6358 padding-left: 0;
6359 }
6360
6361 .stat-inline-item__icon {
6362 position: absolute;
6363 top: 50%;
6364 margin-top: -25px;
6365 right: 0;
6366 width: 50px;
6367 height: 50px;
6368 border-radius: 50%;
6369 border: 2px solid rgba(0, 0, 0, 0.08);
6370 text-align: center;
6371 line-height: 46px;
6372 }
6373
6374 .stat-inline:before,
6375 .stat-inline:after {
6376 display: none;
6377 }
6378}
6379
6380
6381@media only screen and (min-width: 1600px) {
6382 .stat-inline-item {
6383 padding-right: 70px;
6384 }
6385
6386 .stat-inline-item__icon {
6387 margin-top: -32px;
6388 width: 64px;
6389 height: 64px;
6390 line-height: 60px;
6391 }
6392
6393 .stat-price-inline,
6394 .aside-games-wrapp {
6395 min-width: 556px;
6396 max-width: 556px;
6397 }
6398
6399 .st-prod-wrapp {
6400 margin-left: -1.6%;
6401 }
6402
6403 .st-product {
6404 width: 15%;
6405 margin-left: 1.6%;
6406 }
6407
6408 .live-trades-inline-prod .st-product:nth-child(6) {
6409 display: inline-block;
6410 }
6411
6412 .stat-inline {
6413 padding-left: 40px;
6414 padding-right: 40px;
6415 }
6416
6417 .bs-status-nav__item {
6418 margin-right: 55px;
6419 }
6420
6421 .table-price {
6422 display: flex;
6423 width: auto;
6424 }
6425
6426 .table-cart .table-item:last-child {
6427 width: 80px;
6428 }
6429
6430 .table-cart .table-item:first-child {
6431 padding-left: 35px;
6432 }
6433
6434 .inner-half-panel {
6435 display: flex;
6436 justify-content: space-between;
6437 }
6438
6439 .table-item.text--right {
6440 text-align: left;
6441 }
6442
6443 .sell-page .buy-sell-info__tt {
6444 margin-right: 15px;
6445 }
6446
6447 .buy-sell-game__item,
6448 .buy-sell-info__tt,
6449 .buy-sell-info__tt:last-child {
6450 margin-right: 20px;
6451 }
6452
6453 .chech-inline__item {
6454 margin-right: 15px;
6455 }
6456
6457 .hidden-1600 {
6458 display: none;
6459 }
6460}
6461
6462
6463@media only screen and (min-width: 1800px) {
6464 .buy-sell-info__tt {
6465 margin-right: 50px;
6466 }
6467
6468 .buy-sell--min-space {
6469 margin-right: 30px;
6470 }
6471
6472 .stat-inline:before,
6473 .stat-inline:after {
6474 margin-left: 2px;
6475 display: block;
6476 }
6477
6478 .table-trades .table-item:first-child {
6479 min-width: 100px;
6480 }
6481
6482 .table-balance .table-item:first-child {
6483 min-width: 100px;
6484 }
6485
6486 .table-prod__name {
6487 max-width: 280px;
6488 }
6489
6490 .single-item-img-wrapp {
6491 min-width: 410px;
6492 max-width: 410px;
6493 margin-right: 30px;
6494 }
6495
6496 .single-item-bl {
6497 justify-content: flex-start;
6498 }
6499
6500 .sell-page .buy-sell-info__tt {
6501 margin-right: 25px;
6502 }
6503
6504 .buy-sell-game__item,
6505 .buy-sell-info__tt,
6506 .buy-sell-info__tt:last-child {
6507 margin-right: 25px;
6508 }
6509
6510 .chech-inline__item {
6511 margin-right: 23px;
6512 }
6513
6514 .hidden-1600 {
6515 display: inline-block;
6516 }
6517}
6518
6519
6520@media only screen and (min-width: 1920px) {
6521 .stat-inline:before {
6522 margin-left: -10px;
6523 }
6524
6525 .stat-inline:after {
6526 margin-left: 15px;
6527 }
6528
6529 .single-item-bl {
6530 width: 45%;
6531 }
6532
6533 .single-item-add {
6534 width: 55%;
6535 }
6536
6537}
6538
6539
6540@media only screen and (min-width: 2100px) {
6541 .st-prod-wrapp {
6542 margin-left: -1.25%;
6543 }
6544
6545 .st-product {
6546 width: 13%;
6547 margin-left: 1.25%;
6548 }
6549
6550 .live-trades-inline-prod .st-product:nth-child(7) {
6551 display: inline-block;
6552 }
6553
6554 .stat-inline {
6555 justify-content: space-around;
6556 }
6557
6558 .stat-inline:before {
6559 margin-left: 15px;
6560 }
6561
6562 .stat-inline:after {
6563 margin-left: -10px;
6564 }
6565}
6566
6567
6568@media only screen and (min-width: 2400px) {
6569 .st-prod-wrapp {
6570 margin-left: -1.25%;
6571 }
6572
6573 .st-product {
6574 width: 11.25%;
6575 margin-left: 1.25%;
6576 }
6577
6578 .live-trades-inline-prod .st-product:nth-child(8) {
6579 display: inline-block;
6580 }
6581}
6582
6583
6584@media only screen and (min-width: 2700px) {
6585 .st-prod-wrapp {
6586 margin-left: -1%;
6587 }
6588
6589 .st-product {
6590 width: 9%;
6591 margin-left: 1%;
6592 }
6593
6594 .live-trades-inline-prod .st-product:nth-child(9) {
6595 display: inline-block;
6596 }
6597}
6598/* ----- END Main blocks --------------- */
6599
6600
6601
6602/* ----- Plugins libs css -------------- */
6603/*! nouislider */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-8px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
6604/* ----- END Plugins libs css ---------- */
6605
6606
6607
6608/**
6609 * Default styles for the dygraphs charting library.
6610 */
6611
6612.dygraph-legend {
6613 position: absolute;
6614 font-size: 14px;
6615 z-index: 10;
6616 width: auto; /* labelsDivWidth */
6617 min-width: 120px;
6618 /*
6619 dygraphs determines these based on the presence of chart labels.
6620 It might make more sense to create a wrapper div around the chart proper.
6621 top: 0px;
6622 right: 2px;
6623 */
6624 background: white;
6625 line-height: normal;
6626 text-align: left;
6627 overflow: hidden;
6628}
6629
6630/* styles for a solid line in the legend */
6631.dygraph-legend-line {
6632 display: inline-block;
6633 position: relative;
6634 bottom: .5ex;
6635 padding-left: 1em;
6636 height: 1px;
6637 border-bottom-width: 2px;
6638 border-bottom-style: solid;
6639 /* border-bottom-color is set based on the series color */
6640}
6641
6642/* styles for a dashed line in the legend, e.g. when strokePattern is set */
6643.dygraph-legend-dash {
6644 display: inline-block;
6645 position: relative;
6646 bottom: .5ex;
6647 height: 1px;
6648 border-bottom-width: 2px;
6649 border-bottom-style: solid;
6650 /* border-bottom-color is set based on the series color */
6651 /* margin-right is set based on the stroke pattern */
6652 /* padding-left is set based on the stroke pattern */
6653}
6654
6655.dygraph-roller {
6656 position: absolute;
6657 z-index: 10;
6658}
6659
6660/* This class is shared by all annotations, including those with icons */
6661.dygraph-annotation {
6662 position: absolute;
6663 z-index: 10;
6664 overflow: hidden;
6665}
6666
6667/* This class only applies to annotations without icons */
6668/* Old class name: .dygraphDefaultAnnotation */
6669.dygraph-default-annotation {
6670 border: 1px solid black;
6671 background-color: white;
6672 text-align: center;
6673}
6674
6675.dygraph-axis-label {
6676 /* position: absolute; */
6677 /* font-size: 14px; */
6678 z-index: 10;
6679 line-height: normal;
6680 overflow: hidden;
6681 color: black; /* replaces old axisLabelColor option */
6682}
6683
6684.dygraph-axis-label-x {
6685}
6686
6687.dygraph-axis-label-y {
6688}
6689
6690.dygraph-axis-label-y2 {
6691}
6692
6693.dygraph-title {
6694 font-weight: bold;
6695 z-index: 10;
6696 text-align: center;
6697 /* font-size: based on titleHeight option */
6698}
6699
6700.dygraph-xlabel {
6701 text-align: center;
6702 /* font-size: based on xLabelHeight option */
6703}
6704
6705/* For y-axis label */
6706.dygraph-label-rotate-left {
6707 text-align: center;
6708 /* See http://caniuse.com/#feat=transforms2d */
6709 transform: rotate(90deg);
6710 -webkit-transform: rotate(90deg);
6711 -moz-transform: rotate(90deg);
6712 -o-transform: rotate(90deg);
6713 -ms-transform: rotate(90deg);
6714}
6715
6716/* For y2-axis label */
6717.dygraph-label-rotate-right {
6718 text-align: center;
6719 /* See http://caniuse.com/#feat=transforms2d */
6720 transform: rotate(-90deg);
6721 -webkit-transform: rotate(-90deg);
6722 -moz-transform: rotate(-90deg);
6723 -o-transform: rotate(-90deg);
6724 -ms-transform: rotate(-90deg);
6725}
6726
6727.dygraph-legend {
6728 background-color: white;
6729 padding: 2px;
6730 border: 1px solid darkgray;
6731 border-radius: 3px;
6732}
6733
6734.non-auth {
6735 display: none;
6736}
6737
6738
6739/* ----- Plugins custom options -------- */
6740.noUi-target {
6741 border: none;
6742 border-left: none;
6743 border-right: none;
6744 box-shadow: none;
6745 background: #fff;
6746 border-radius: 0;
6747 background-color: #f0f0f0;
6748}
6749
6750.noUi-horizontal {
6751 height: 4px;
6752}
6753
6754.noUi-horizontal .noUi-handle {
6755 width: 16px;
6756 height: 16px;
6757 top: -6px;
6758 left: -16px;
6759 border-radius: 50%;
6760 box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
6761 background-color: #02a9f4;
6762 outline: none;
6763 border: none;
6764}
6765
6766.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
6767 display: none;
6768}
6769
6770.noUi-connect {
6771 box-shadow: none;
6772 background-color: #02a9f4;
6773}
6774
6775.noUi-tooltip {
6776 color: #000;
6777 border: 1px solid #000;
6778 height: 30px;
6779 line-height: 30px;
6780 padding: 0 8px;
6781}
6782
6783.slider-price-wrapp {
6784 margin-bottom: 15px;
6785 margin-top: 20px;
6786 max-width: 400px;
6787}
6788
6789.slider-price {
6790 position: relative;
6791 margin: 0 8px 33px;
6792}
6793
6794.slider-price:before,
6795.slider-price:after {
6796 content: " ";
6797 position: absolute;
6798 left: -8px;
6799 top: 0;
6800 border-right: none;
6801 height: 4px;
6802 width: 8px;
6803 border-radius: 4px 0 0 4px;
6804 background-color: #f0f0f0;
6805 border: none;
6806}
6807
6808.slider-price:after {
6809 left: auto;
6810 right: -8px;
6811 border-left: none;
6812 border-radius: 0 4px 4px 0;
6813}
6814
6815.slider-price-inputs {
6816 overflow: hidden;
6817 text-align: center;
6818}
6819
6820.slider-price-inputs input {
6821 height: 40px;
6822 padding: 0 5px;
6823 border-radius: 4px;
6824 border: 2px solid rgba(0, 0, 0, 0.1);
6825 border-radius: 3px;
6826 width: 90px;
6827 text-align: center;
6828 font-size: 12px;
6829}
6830
6831.slider-price-input-one {
6832 float: left;
6833}
6834
6835.slider-price-input-two {
6836 float: right;
6837}
6838
6839.g-recaptcha {
6840 transform: scale(0.85);
6841 margin-left: -20px;
6842}
6843
6844@media only screen and (min-width: 375px) {
6845 .g-recaptcha {
6846 margin-left: 0;
6847 transform: scale(1);
6848 }
6849}
6850
6851/* ----- END Plugins custom options ---- */
6852</style>
6853</body>
6854</html>