· 9 years ago · Dec 20, 2016, 10:36 AM
1
2
3<!doctype html>
4<html lang='en' class="">
5<head>
6 <title>
7Humble Bundle - salerno.daniele92@gmail.com
8</title>
9
10 <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
11 <meta name="application-name" content="Humble Bundle">
12 <meta name="msapplication-TileColor" content="rgb(218,222,230)">
13 <meta name="msapplication-TileImage" content="https://humblebundle-a.akamaihd.net/static/hashed/49bccd0f2050e5fcfc3c442b269d4ff47b038ed9.png">
14 <meta name='medium' content='news' />
15 <meta name="theme-color" content="rgb(73,79,92)">
16 <meta property='og:site_name' content='Humble Bundle' />
17 <meta property='og:type' content='website' />
18 <meta property="fb:app_id" content="101146256651042" />
19 <meta property="fb:profile_id" content="162315830478396" />
20
21
22 <link rel="apple-touch-icon" sizes="144x144" href="https://humblebundle-a.akamaihd.net/static/hashed/03df0490a53d595fd930f9fff52038366d60a05d.png">
23 <link rel="icon" type="image/png" sizes="16x16" href="https://humblebundle-a.akamaihd.net/static/hashed/4c8bbc6fc7b2b8a9fa21e895afe1157188e28bfb.png">
24 <link rel="icon" type="image/png" sizes="32x32" href="https://humblebundle-a.akamaihd.net/static/hashed/46cf2ed85a0641bfdc052121786440c70da77d75.png">
25 <link rel="shortcut icon" href="https://humblebundle-a.akamaihd.net/static/hashed/47e474eed38083df699b7dfd8d29d575e3398f1e.ico">
26
27 <link rel='alternate' type='application/rss+xml' title='Humble Mumble' href='http://blog.humblebundle.com/rss' />
28
29
30
31 <style>
32
33 /* AUTO-GENERATED */
34.stepholder { position: relative; }
35
36.step { width: 32px; height: 33px; position: absolute; left: 2px; top: 2px; }
37
38.steptext { padding: 12px 43px; font-weight: bold; }
39
40.ttext { height: 18px; }
41
42.stepoption { padding: 7px 0 7px 36px; font-weight: normal; position: relative; }
43
44body { background: #e4e7ed; color: #494f5c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; min-width: 942px; }
45
46#form { padding-top: 24px; color: #ddd; }
47
48a { color: #888; }
49
50h1 { margin: 0; font-weight: 200; }
51
52h2 { font-weight: 200; }
53
54h3 { font-weight: 200; font-size: 16px; padding: 0; margin: 0; }
55
56header.constrain-width { width: 940px; margin: 0 auto; }
57
58.hb-logo-header { text-indent: 100%; overflow: hidden; white-space: nowrap; background: url("//humblebundle-a.akamaihd.net/static/hashed/73ae93ceb577f1367e4a16b0582fbefc99ad804d.svg") no-repeat; background-position: -2px -40px; background-size: 100%; height: 55px; width: 435px; margin: 30px 0 5px 0; }
59
60.base-main-wrapper .page_title h1 { max-width: 940px; font-size: 24px; font-weight: 200; padding: 0 0 11px 0; margin: 30px auto -12px auto; border-bottom: 1px solid #d5d9e1; }
61.base-main-wrapper .inner-main-wrapper { box-sizing: border-box; width: 940px; margin: 30px auto; background: rgba(213, 217, 225, 0.5); border: 1px solid rgba(161, 167, 178, 0.5); border-radius: 3px; padding: 20px; }
62.base-main-wrapper .inner-main-wrapper > p:first-child, .base-main-wrapper .inner-main-wrapper > h2:first-child, .base-main-wrapper .inner-main-wrapper > h3:first-child { margin-top: 0; }
63.base-main-wrapper .inner-main-wrapper > p:last-child { margin-bottom: 0; }
64/* AUTO-GENERATED */
65.genericbutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/aafd697db4950b99bc95a0ef740f10d7301eb437.png") no-repeat; }
66
67.activated .genericbutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/7f9102778b07eec38f1ba5911c95c24d3aa98318.png") no-repeat; }
68
69.steambutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/4679a3c4d14fbda0fe37478d446d001fad44e3c1.png") no-repeat; }
70
71.activated .steambutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/7d32b8cb2ed51ab18ec0e5a40208afd4a41c988c.png") no-repeat; }
72
73.uplaybutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/4b3fd1c208843f91a063bec2349b526202a4fe6e.png") no-repeat; }
74
75.activated .uplaybutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/4ca5ac1bf3373babd5a508d6556f5f7fd6ad4b38.png") no-repeat; }
76
77.originbutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/e76fbc1ccb8733279587f6038056cd3fdc0271a9.png") no-repeat; }
78
79.activated .originbutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/3ff62f831583f243b65f8954c08f40702eed5912.png") no-repeat; }
80
81.ouyabutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/e8916956991bdd418ccdb45e6dead81cae599a34.png") no-repeat; }
82
83.activated .ouyabutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/cb5ea8b036c49c5f6466d97c37703016668df034.png") no-repeat; }
84
85.desurabutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/97b4d580682444ec310e39480957a39d84a50106.png") no-repeat; }
86
87.activated .desurabutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/72c7a91a612ceee5ceda77133c9d79bf66b8dec3.png") no-repeat; }
88
89.onlivebutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/e7426f51dea62e220deeb988794cb32e15c265ae.png") no-repeat; }
90
91.activated .onlivebutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/8c812b14676720a1c5541e5ff0084336f8ca952b.png") no-repeat; }
92
93.multiplayerbutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/6f98857f10330e006847a2571bd2fcdd972da502.png") no-repeat; }
94
95.activated .multiplayerbutton { background: url("//humblebundle-a.akamaihd.net/static/hashed/20048fabc7a0a68316b0315f584c58ad95b17055.png") no-repeat; }
96
97.squareenix_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/ac97edf1d373f749576bab85be377698494478d9.png") no-repeat; }
98
99.activated .squareenix_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/3af19fcba4ca44990c78e1aebee17bbadd21afe7.png") no-repeat; }
100
101.bethesda_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/61a2c4c13f0b95b11aec7784356d325f1ad76223.png") no-repeat; }
102
103.activated .bethesda_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/80a34f59a907904dcb29c5e434affb9f88ee6fc6.png") no-repeat; }
104
105.telltalegames_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/c3c956701f7cbf7842d1fef8d713f829042dbfb4.png") no-repeat; }
106
107.activated .telltalegames_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/cfe22581a0a30154a85744ae2f58671af6b731b6.png") no-repeat; }
108
109.nintendo_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/32be74acd8de11c5a9a240c5ce3c00d0287b83a3.png") no-repeat; }
110
111.activated .nintendo_button { background: url("//humblebundle-a.akamaihd.net/static/hashed/2a16694e165dc6e39f3e89f6eba6d1451d278f6a.png") no-repeat; }
112
113.soldout { visibility: hidden; }
114
115.bbm-modal .whitebox .loading { padding: 50px; width: 300px; }
116.bbm-modal .whitebox .downloads { padding-right: 30px; }
117.bbm-modal .whitebox .platform-chooser { padding-top: 30px; }
118.bbm-modal .whitebox .row { padding-left: 15px; }
119.bbm-modal .whitebox .keyfield { width: 350px; height: 28px; color: #808080; text-align: center; line-height: 28px; font-size: 12px; -webkit-font-smoothing: antialiased; float: left; background: url("//humblebundle-a.akamaihd.net/static/hashed/9e9017643ddecc7f2d3cd0032c577b88d96ce5e0.png") no-repeat; }
120.bbm-modal .whitebox .clear { clear: both; height: 0; }
121
122.bbm-modal { background: #fff; color: #333; font-size: 14px; font-weight: normal; box-shadow: 0 0 6px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.9); }
123
124/* Modal positioning */
125.bbm-wrapper { background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; padding: 0 10px 0 10px; text-align: left; overflow: auto; }
126
127.bbm-modal { border-radius: 3px; min-width: 761px; margin: auto; margin-bottom: 40px; width: auto; max-width: 550px; }
128
129.bbm-views { width: 100%; }
130
131.generic-bbm-views { width: 100%; }
132
133/* BLOCKS */
134.bbm-modal__topbar, .bbm-modal__bottombar { padding: 0 30px; }
135
136.bbm-modal__topbar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0; padding: 10px 30px; background: #bbb; font-weight: bold; font-size: 16px; margin-bottom: 30px; }
137.bbm-modal__topbar i { margin-right: 10px; }
138.bbm-modal__topbar > ul { list-style: none; text-align: center; padding: 0; margin: 0; }
139
140.bbm-modal__tab { display: inline-block; padding: 15px 10px; }
141.bbm-modal__tab a { font-size: 16px; font-weight: bold; color: #999999; }
142.bbm-modal__tab a:hover, .bbm-modal__tab a.active { color: #222222; }
143
144.bbm-modal__title { padding: 20px 30px; margin: 0; line-height: 1em; color: #312d3a; }
145
146.bbm-modal__section { padding: 60px 30px 0px 30px; font-size: 14px; font-weight: normal; line-height: 26px; color: #333; }
147.bbm-modal__section p:last-child { padding: 0; margin-bottom: 0; }
148.bbm-modal__section a { color: #333; }
149.bbm-modal__section h3 { margin: 0; font-size: 20px; line-height: 1em; }
150
151.bbm-modal__bottombar { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 18px; text-align: right; margin-top: 30px; }
152
153/* MODULES */
154.bbm-group { content: ""; display: table; clear: both; }
155
156.bbm-button { display: inline-block; color: rgba(49, 45, 58, 0.8); text-decoration: none; font-size: 14px; font-weight: 500; position: relative; line-height: 1em; padding: 10px 14px; border-radius: 3px; background: #fcfcfc; background-image: -o-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: -moz-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: -webkit-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: -ms-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); background-image: linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.15) 100%); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
157.bbm-button.inactive { opacity: 0.5; pointer-events: none; }
158.bbm-button:active { background-image: -o-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: -moz-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: -webkit-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: -ms-linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); background-image: linear-gradient(rgba(70, 30, 170, 0) 0%, rgba(65, 61, 75, 0.25) 100%); -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
159
160/* ANIMATIONS */
161/* Open modal */
162@-webkit-keyframes bbm-open { 0% { -webkit-transform: matrix(0.99126, 0, 0, 0.99126, 0, 43.8813); opacity: 0.1259; }
163 4% { -webkit-transform: matrix(0.99295, 0, 0, 0.99295, 0, 45.06809); opacity: 0.29544; }
164 8% { -webkit-transform: matrix(0.99467, 0, 0, 0.99467, 0, 46.26922); opacity: 0.46703; }
165 12% { -webkit-transform: matrix(0.99619, 0, 0, 0.99619, 0, 47.33355); opacity: 0.61908; }
166 16% { -webkit-transform: matrix(0.99743, 0, 0, 0.99743, 0, 48.19991); opacity: 0.74284; }
167 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.86067); opacity: 0.83724; }
168 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33658); opacity: 0.90523; }
169 28% { -webkit-transform: matrix(0.99952, 0, 0, 0.99952, 0, 49.66049); opacity: 0.9515; }
170 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8675); opacity: 0.98107; }
171 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98966); opacity: 0.99852; }
172 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05361); opacity: 1.00766; }
173 44% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.08); opacity: 1.01143; }
174 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08394); opacity: 1.01199; }
175 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07589); opacity: 1.01084; }
176 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06265); opacity: 1.00895; }
177 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04833); opacity: 1.0069; }
178 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03518); opacity: 1.00503; }
179 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02421); opacity: 1.00346; }
180 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01567); opacity: 1.00224; }
181 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00941); opacity: 1.00134; }
182 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00506); opacity: 1.00072; }
183 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00032; }
184 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00007; }
185 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99994; }
186 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99913); opacity: 0.99988; }
187 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
188.bbm-modal--open { -webkit-animation-duration: 0.3s; -webkit-animation-name: bbm-open; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
189
190/* Open a stacked modal */
191@-webkit-keyframes bbm-stacked { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.93705; }
192 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.85228; }
193 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.76648; }
194 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.69046; }
195 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.62858; }
196 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.58138; }
197 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.54739; }
198 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.52425; }
199 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.50946; }
200 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.50074; }
201 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: 0.49617; }
202 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: 0.49429; }
203 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: 0.494; }
204 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: 0.49458; }
205 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: 0.49553; }
206 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: 0.49655; }
207 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: 0.49749; }
208 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: 0.49827; }
209 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: 0.49888; }
210 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: 0.49933; }
211 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: 0.49964; }
212 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: 0.49984; }
213 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: 0.49996; }
214 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 0.50003; }
215 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.50006; }
216 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0.5; } }
217.bbm-modal--stacked { -webkit-animation-duration: 0.43333s; -webkit-animation-name: bbm-stacked; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
218
219/* destroy a stacked modal */
220@-webkit-keyframes bbm-stacked-reverse { 0% { -webkit-transform: matrix(0.99123, 0, 0, 0.99123, 0, 43.86266); opacity: 0.56162; }
221 4% { -webkit-transform: matrix(0.99293, 0, 0, 0.99293, 0, 45.05306); opacity: 0.64665; }
222 8% { -webkit-transform: matrix(0.99465, 0, 0, 0.99465, 0, 46.25785); opacity: 0.7327; }
223 12% { -webkit-transform: matrix(0.99618, 0, 0, 0.99618, 0, 47.32543); opacity: 0.80896; }
224 16% { -webkit-transform: matrix(0.99742, 0, 0, 0.99742, 0, 48.19443); opacity: 0.87103; }
225 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.8572); opacity: 0.91837; }
226 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33456); opacity: 0.95247; }
227 28% { -webkit-transform: matrix(0.99951, 0, 0, 0.99951, 0, 49.65946); opacity: 0.97568; }
228 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8671); opacity: 0.99051; }
229 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98963); opacity: 0.99926; }
230 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05377); opacity: 1.00384; }
231 44% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08024); opacity: 1.00573; }
232 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08419); opacity: 1.00601; }
233 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07612); opacity: 1.00544; }
234 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06284); opacity: 1.00449; }
235 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04848); opacity: 1.00346; }
236 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03529); opacity: 1.00252; }
237 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02428); opacity: 1.00173; }
238 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01572); opacity: 1.00112; }
239 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00944); opacity: 1.00067; }
240 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00508); opacity: 1.00036; }
241 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00016; }
242 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00004; }
243 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99997; }
244 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99912); opacity: 0.99994; }
245 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
246.bbm-modal--stacked-reverse { -webkit-animation-duration: 0.43333s; -webkit-animation-name: bbm-stacked-reverse; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
247
248/* destroy a modal */
249@-webkit-keyframes bbm-destroy { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.8741; }
250 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.70456; }
251 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.53297; }
252 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.38092; }
253 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.25716; }
254 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.16276; }
255 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.09477; }
256 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.0485; }
257 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.01893; }
258 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.00148; }
259 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: -0.00766; }
260 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: -0.01143; }
261 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: -0.01199; }
262 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: -0.01084; }
263 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: -0.00895; }
264 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: -0.0069; }
265 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: -0.00503; }
266 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: -0.00346; }
267 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: -0.00224; }
268 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: -0.00134; }
269 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: -0.00072; }
270 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: -0.00032; }
271 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: -7e -5; }
272 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 6.0 e-05; }
273 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.00012; }
274 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0; } }
275.bbm-modal--destroy { -webkit-animation-duration: 0.43333s; -webkit-animation-name: bbm-destroy; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
276
277.key-redeemer .container { position: relative; white-space: nowrap; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 10px 0; }
278.key-redeemer .container .keyfield { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; cursor: pointer; text-align: center; line-height: 1.6em; border: 1px solid #C9CCD3; background: #F1F3F6; color: #7B818C; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px; border-radius: 3px; }
279.key-redeemer .container .keyfield:hover { border: 1px solid #b7bac0; background: #fafcff; color: #555961; }
280.key-redeemer .container .keyfield.redeemed { font-weight: bold; background: #E9EEE4; color: #7A981C; border-color: #7A981C; }
281.key-redeemer .container .keyfield.redeemed:hover { background: #eef3e9; color: #7A981C; border-color: #8fae1d; }
282.key-redeemer .container .giftbutton { cursor: pointer; }
283.key-redeemer .container .giftbutton i { font-size: 16px; margin: 10px; line-height: 24px; display: inline-block; vertical-align: middle; }
284.key-redeemer .container .spinner { display: none; position: absolute; left: 10px; top: 15px; }
285.key-redeemer.in-progress .spinner { display: block; }
286
287.key-redeemers .key-redeemer .heading-text { display: flex; }
288.key-redeemers .key-redeemer .heading-text h4 { margin-right: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
289.key-redeemers .key-redeemer .heading-text a { white-space: nowrap; }
290
291.details-column { border-radius: 0 3px 3px 0; border: 1px solid #BFC3CC; border-left: none; min-height: 100%; position: relative; width: 532px; overflow: visible; }
292.details-column .scroll-follower { position: absolute; top: 0; width: 100%; max-height: 100vh; overflow-y: auto; }
293.details-column .details-view { position: relative; }
294.details-column .details-view .details-heading a { text-decoration: none; }
295.details-column .details-view hr { width: 100%; height: 0; border-top: 1px solid #D2D6DD; border-bottom: 1px solid #C9CDD5; margin: 10px 0 14px 0; }
296.details-column .details-view h3 i { margin-right: 10px; }
297.details-column .details-view .toggle-more-info { cursor: pointer; position: absolute; top: 0px; right: 0px; opacity: 0.5; }
298.details-column .details-view .toggle-more-info:hover { opacity: 1; }
299.details-column .details-view .more-info { overflow: hidden; }
300.details-column .details-view .more-info ul { padding: 0; }
301.details-column .details-view .more-info ul li { list-style-type: none; }
302.details-column .details-view .select-holder { position: relative; top: 22px; right: 0; }
303.details-column .details-view .download-section, .details-column .details-view .audio-section { margin: 30px 0 0 0; }
304.details-column .details-view .download-section .download-button, .details-column .details-view .audio-section .download-button { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 470px; border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; }
305.details-column .details-view .download-section .download-button:hover, .details-column .details-view .audio-section .download-button:hover { background: #dfe4ec; }
306.details-column .details-view .download-section .download-button h4, .details-column .details-view .audio-section .download-button h4 { font-weight: bold; -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; }
307.details-column .details-view .download-section .download-button .right-align, .details-column .details-view .audio-section .download-button .right-align { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; text-align: right; }
308.details-column .details-view .download-section .download-button .disambiguate, .details-column .details-view .audio-section .download-button .disambiguate { display: none; }
309.details-column .details-view .download-section .inline-content-delivery, .details-column .details-view .audio-section .inline-content-delivery { display: none; }
310.details-column .details-view .download-section .inline-content-delivery.active, .details-column .details-view .audio-section .inline-content-delivery.active { margin-top: 30px; }
311.details-column .details-view .key-redeemers { margin: 0; }
312.details-column .details-view .key-redeemers .platform { margin-top: 30px; }
313.details-column .details-view .key-redeemers .key-redeemer { width: 100%; }
314.details-column .details-view .asm-section { margin: 30px 0 0 0; }
315.details-column .details-view .custom-html { margin: 30px 0; }
316.details-column .details-view .custom-html .show-whitebox { width: 470px; border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; text-decoration: none; }
317.details-column .details-view .custom-html .show-whitebox:hover { background: #dfe4ec; }
318.details-column .details-view .custom-html .show-whitebox h4 { font-weight: bold; -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; }
319.details-column .details-view .custom-html .show-whitebox .right-align { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; text-align: right; }
320.details-column .details-view .custom-html .show-whitebox i { margin-right: 10px; }
321.details-column .details-view .quality-selector-container { margin: 5px 0 0 0; }
322.details-column .details-view .selected-video-quality { background-color: #CACED8; cursor: pointer; }
323.details-column .details-view .video-quality-selector { border: 1px solid #BFC3CC; border-radius: 3px; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; padding: 5px; text-align: center; vertical-align: middle; width: 70px; }
324.details-column .details-view .video-hd-container { display: none; }
325.details-column .details-view .video-hd-selector { margin: 0 0 0 10px; }
326
327.header { margin-bottom: 10px; }
328.header .container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 14px; }
329.header .container h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin: 0; }
330.header .container .sort input[type=checkbox], .header .container .switch-download-method input[type=checkbox], .header .container .switch-platform input[type=checkbox], .header .container .switch-sort-order input[type=checkbox] { position: relative; top: -1px; }
331.header .container .sort label, .header .container .switch-download-method label, .header .container .switch-platform label, .header .container .switch-sort-order label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 0; cursor: pointer; }
332.header .container .sort select, .header .container .switch-download-method select, .header .container .switch-platform select, .header .container .switch-sort-order select { padding: 5px 30px 5px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; background: #F1F3F6 url("//humblebundle-a.akamaihd.net/static/hashed/ce14e404160fcb5d989503e532c4324f0297014d.gif") no-repeat 90% 50%; }
333.header .container .switch-platform { display: inline-block; position: relative; top: -5px; }
334.header .container .search { display: inline-block; position: relative; text-align: right; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
335.header .container .search input { background: #F1F3F6; border: 1px solid #ccc; border-top: #999; border-left: #999; border-radius: 3px; box-shadow: 1px 1px 2px #bbb inset; padding: 9px; font-size: 16px; width: 342px; color: #555; margin-left: 30px; font-size: 14px; display: inline-block; padding: 3px 30px; width: 170px; vertical-align: bottom; line-height: 20px; outline: none; }
336.header .container .search input:focus { background: #FFFFFF; }
337.header .container .search i.clear-search { display: inline-block; font-size: 16px; position: absolute; right: 7px; top: 6px; color: #555; font-weight: 100; cursor: pointer; opacity: .5; }
338.header .container .search i.clear-search:hover { opacity: 1; }
339.header .container .search i.hb-search { display: inline-block; font-size: 16px; position: absolute; right: 206px; top: 4px; }
340.header .container .pagination-holder { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
341
342.table-rounder { overflow: hidden; border-radius: 3px; border: 1px solid #C2C7CF; }
343
344.unredeemed-keys-table { width: 100%; background: #A1A7B2; }
345.unredeemed-keys-table thead tr { text-align: left; color: #FFF; }
346.unredeemed-keys-table thead tr th { padding: 10px 0 10px 25px; font-size: 14px; text-transform: uppercase; }
347.unredeemed-keys-table td, .unredeemed-keys-table th { font-size: 14px; padding: 0px 0 0px 25px; }
348.unredeemed-keys-table td:last-of-type, .unredeemed-keys-table th:last-of-type { padding-right: 25px; }
349.unredeemed-keys-table tbody { color: #555; }
350.unredeemed-keys-table tbody tr { border-bottom: 1px solid #D5D9E1; background: #DCE0E7; }
351
352.no-results { padding: 20px; font-size: 16px; display: none; width: 100%; text-align: center; background: #DCE0E7; border: 1px solid #C2C7CF; border-radius: 3px; }
353
354#hide-redeemed { margin-left: 30px; }
355
356.unredeemed-keys-table td.platform, .unredeemed-keys-table th.platform { width: 37px; min-width: 37px; max-width: 37px; }
357.unredeemed-keys-table td.platform i, .unredeemed-keys-table th.platform i { font-size: 20px; }
358.unredeemed-keys-table td.game-name, .unredeemed-keys-table th.game-name { width: 260px; min-width: 260px; max-width: 260px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; padding-top: 13px; }
359.unredeemed-keys-table td.game-name h4, .unredeemed-keys-table th.game-name h4 { margin: 0; padding: 0; overflow-x: hidden; text-overflow: ellipsis; }
360.unredeemed-keys-table td.game-name p, .unredeemed-keys-table th.game-name p { margin-top: 0; overflow-x: hidden; text-overflow: ellipsis; }
361.unredeemed-keys-table td.redeemer-cell, .unredeemed-keys-table th.redeemer-cell { width: 50%; min-width: 50%; max-width: 50%; padding-right: 20px; padding-left: 0; }
362.unredeemed-keys-table td.redeemer-cell .keyfield, .unredeemed-keys-table th.redeemer-cell .keyfield { width: 388px; min-width: 388px; max-width: 388px; }
363
364.header { margin-bottom: 10px; }
365.header .container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 14px; }
366.header .container h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin: 0; }
367.header .container .sort input[type=checkbox], .header .container .switch-download-method input[type=checkbox], .header .container .switch-platform input[type=checkbox], .header .container .switch-sort-order input[type=checkbox] { position: relative; top: -1px; }
368.header .container .sort label, .header .container .switch-download-method label, .header .container .switch-platform label, .header .container .switch-sort-order label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 0; cursor: pointer; }
369.header .container .sort select, .header .container .switch-download-method select, .header .container .switch-platform select, .header .container .switch-sort-order select { padding: 5px 30px 5px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; background: #F1F3F6 url("//humblebundle-a.akamaihd.net/static/hashed/ce14e404160fcb5d989503e532c4324f0297014d.gif") no-repeat 90% 50%; }
370.header .container .switch-platform { display: inline-block; position: relative; top: -5px; }
371.header .container .search { display: inline-block; position: relative; text-align: right; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
372.header .container .search input { background: #F1F3F6; border: 1px solid #ccc; border-top: #999; border-left: #999; border-radius: 3px; box-shadow: 1px 1px 2px #bbb inset; padding: 9px; font-size: 16px; width: 342px; color: #555; margin-left: 30px; font-size: 14px; display: inline-block; padding: 3px 30px; width: 170px; vertical-align: bottom; line-height: 20px; outline: none; }
373.header .container .search input:focus { background: #FFFFFF; }
374.header .container .search i.clear-search { display: inline-block; font-size: 16px; position: absolute; right: 7px; top: 6px; color: #555; font-weight: 100; cursor: pointer; opacity: .5; }
375.header .container .search i.clear-search:hover { opacity: 1; }
376.header .container .search i.hb-search { display: inline-block; font-size: 16px; position: absolute; right: 206px; top: 4px; }
377.header .container .pagination-holder { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
378
379.table-rounder { overflow: hidden; border-radius: 3px; border: 1px solid #C2C7CF; }
380
381.unredeemed-keys-table { width: 100%; background: #A1A7B2; }
382.unredeemed-keys-table thead tr { text-align: left; color: #FFF; }
383.unredeemed-keys-table thead tr th { padding: 10px 0 10px 25px; font-size: 14px; text-transform: uppercase; }
384.unredeemed-keys-table td, .unredeemed-keys-table th { font-size: 14px; padding: 0px 0 0px 25px; }
385.unredeemed-keys-table td:last-of-type, .unredeemed-keys-table th:last-of-type { padding-right: 25px; }
386.unredeemed-keys-table tbody { color: #555; }
387.unredeemed-keys-table tbody tr { border-bottom: 1px solid #D5D9E1; background: #DCE0E7; }
388
389.no-results { padding: 20px; font-size: 16px; display: none; width: 100%; text-align: center; background: #DCE0E7; border: 1px solid #C2C7CF; border-radius: 3px; }
390
391.results { width: 100%; border-radius: 3px; border: 1px solid #C2C7CF; overflow: hidden; }
392.results .heading { background: #A1A7B2; font-weight: bold; text-align: left; color: #FFF; padding: 10px 0 10px 30px; }
393.results .heading > div { font-size: 14px; text-transform: uppercase; }
394.results .body { background: #DCE0E7; }
395.results .body .row { padding: 10px 30px; text-decoration: none; border-bottom: 1px solid #D5D9E1; }
396.results .body .row:hover { background: #CACED8; cursor: pointer; }
397.results .body .row > div { color: #555; padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
398.results .row, .results .heading { display: block; }
399.results .row > div, .results .heading > div { vertical-align: top; display: inline-block; }
400.results .row > div:last-of-type, .results .heading > div:last-of-type { padding-right: 25px; }
401.results .row .product-name, .results .heading .product-name { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; width: 500px; min-width: 500px; max-width: 500px; }
402.results .row .order-placed, .results .heading .order-placed { width: 150px; min-width: 150px; max-width: 150px; }
403
404.no-results { padding: 20px; font-size: 16px; display: none; width: 100%; text-align: center; background: #DCE0E7; border: 1px solid #C2C7CF; border-radius: 3px; }
405
406.unclaimed-orders { position: relative; }
407.unclaimed-orders h1 { display: inline-block; }
408.unclaimed-orders .unclaimed-purchases-heading, .unclaimed-orders .unclaimed-purchases-none { display: none; }
409.unclaimed-orders .unclaimed-purchases-count { font-weight: bold; }
410.unclaimed-orders .unclaimed-collapse-btn { display: none; font-size: 22px; cursor: pointer; }
411.unclaimed-orders ul { list-style: none; }
412.unclaimed-orders input[type="submit"] { border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; }
413.unclaimed-orders input[type="submit"]:hover { background: #dfe4ec; }
414
415.unclaimed-orders-holder { margin-bottom: 20px; }
416
417@-webkit-keyframes notificationPulse { from { opacity: 1; }
418 to { opacity: 0.65; } }
419@-moz-keyframes notificationPulse { from { opacity: 1; }
420 to { opacity: 0.65; } }
421@keyframes notificationPulse { from { opacity: 1; }
422 to { opacity: 0.65; } }
423.tabbar-tab .tabbar-tab-is-active .purchases-icon { color: #3B3E48; }
424.tabbar-tab .purchases-icon.hb-exclamation-triangle { color: #828792; -webkit-animation: notificationPulse 1s infinite alternate; -moz-animation: notificationPulse 1s infinite alternate; animation: notificationPulse 1s infinite alternate; }
425
426/* Coupons */
427.library-coupon { width: 285px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; display: inline-block; border: 1px solid #E9E9E9; text-decoration: none; vertical-align: top; }
428
429.library-coupon-image { width: 100%; }
430
431.library-coupon-description { text-align: center; }
432
433.library-coupon-human-name { font-size: 16px; font-weight: bold; }
434
435.library-coupon-expiration { color: red; font-size: 12px; width: 100%; margin-top: 3px; }
436
437.library-coupon-terms-and-conditions { margin-top: 3px; }
438
439.header { margin-bottom: 10px; }
440.header .container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; font-size: 14px; }
441.header .container h1 { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; margin: 0; }
442.header .container .sort input[type=checkbox], .header .container .switch-download-method input[type=checkbox], .header .container .switch-platform input[type=checkbox], .header .container .switch-sort-order input[type=checkbox] { position: relative; top: -1px; }
443.header .container .sort label, .header .container .switch-download-method label, .header .container .switch-platform label, .header .container .switch-sort-order label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 0; cursor: pointer; }
444.header .container .sort select, .header .container .switch-download-method select, .header .container .switch-platform select, .header .container .switch-sort-order select { padding: 5px 30px 5px 10px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -1px; background: #F1F3F6 url("//humblebundle-a.akamaihd.net/static/hashed/ce14e404160fcb5d989503e532c4324f0297014d.gif") no-repeat 90% 50%; }
445.header .container .switch-platform { display: inline-block; position: relative; top: -5px; }
446.header .container .search { display: inline-block; position: relative; text-align: right; -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
447.header .container .search input { background: #F1F3F6; border: 1px solid #ccc; border-top: #999; border-left: #999; border-radius: 3px; box-shadow: 1px 1px 2px #bbb inset; padding: 9px; font-size: 16px; width: 342px; color: #555; margin-left: 30px; font-size: 14px; display: inline-block; padding: 3px 30px; width: 170px; vertical-align: bottom; line-height: 20px; outline: none; }
448.header .container .search input:focus { background: #FFFFFF; }
449.header .container .search i.clear-search { display: inline-block; font-size: 16px; position: absolute; right: 7px; top: 6px; color: #555; font-weight: 100; cursor: pointer; opacity: .5; }
450.header .container .search i.clear-search:hover { opacity: 1; }
451.header .container .search i.hb-search { display: inline-block; font-size: 16px; position: absolute; right: 206px; top: 4px; }
452.header .container .pagination-holder { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
453
454.pagination { margin: 10px 0; white-space: nowrap; text-align: right; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
455.pagination .jump-to-page { cursor: pointer; display: inline-block; background: #DCE0E7; border: 1px solid #bfc3c9; padding: 5px 10px; border-radius: 3px; }
456.pagination .jump-to-page:hover, .pagination .jump-to-page.current { background: #F1F3F6; }
457
458.custom-select { cursor: pointer; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
459.custom-select.expanded .choices-holder .choices { height: auto; }
460.custom-select .selected, .custom-select .choice { padding: 5px; }
461.custom-select .selected { z-index: 100; position: relative; }
462.custom-select .choices-holder { position: relative; height: 0; overflow: visible; z-index: 0; }
463.custom-select .choices-holder .choices { list-style: none; position: absolute; height: 0; margin: 0; padding: 0; overflow: hidden; }
464.custom-select .choices-holder .choices .choice:hover { background: #333; color: #eee; }
465
466.download-list .custom-select { position: absolute; right: 0; border: 1px; }
467.download-list .custom-select.disabled .selected { cursor: default; background: #D7DBE2; border: 1px solid #c5ccd9; color: #92959B; }
468.download-list .custom-select.disabled .selected:hover { background: #D7DBE2; }
469.download-list .custom-select .selected, .download-list .custom-select .choice { padding: 7px; }
470.download-list .custom-select .selected { background: #D5D9E1; border-radius: 3px; border: 1px solid #BBC0C9; }
471.download-list .custom-select .selected:hover { background: #e4e6ec; }
472.download-list .custom-select.expanded .selected { border-radius: 3px 3px 0 0; border-bottom: none; }
473.download-list .custom-select.expanded .selected:hover { background: #D5D9E1; }
474.download-list .custom-select.expanded .choices-holder .choices { border: 1px solid #BBC0C9; }
475.download-list .custom-select.expanded .choices-holder .choices .choice:hover { background: #333; color: #eee; }
476.download-list .custom-select .choices-holder .choices { background: #D5D9E1; top: -1px; right: 0; border-radius: 3px; border: none; width: 110px; }
477
478.bottom-tab-shortcuts { margin: 20px; text-align: center; }
479
480html body { color: #555; background: #E4E7ED; overflow-y: scroll; }
481html body hr { margin: 10px 0; height: 2px; border: none; background: #DCE0E7; }
482html body .tabbar { color: #828792; }
483html body .tabbar .tabbar-tab { width: 282px; color: inherit; }
484html body .tabbar .tabbar-tab i { margin-right: 8px; }
485html body .tabbar .tabbar-tab.tabbar-tab-is-active { background: #E4E7ED; color: #3B3E48; }
486html body .base-main-wrapper { font-size: 14px; padding: 0; background: none; border: none; width: 940px; margin-left: auto; margin-right: auto; }
487html body .base-main-wrapper h1 { margin: 0 0 6px 0; }
488html body .base-main-wrapper h3 { font-size: 18px; }
489html body .base-main-wrapper div.hidden { display: none; }
490
491.text-holder { vertical-align: top; text-decoration: none; cursor: pointer; display: inline-block; margin: 15px 5px 5px 20px; color: #555; }
492.text-holder h2 { margin-bottom: 5px; height: 22px; font-size: 18px; overflow: hidden; max-width: 370px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; }
493.text-holder p { color: #7A818B; margin: 0; }
494
495.download-list { position: relative; background: #DCE0E7; border-radius: 3px; min-height: 1000px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
496.download-list .column { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
497.download-list h1, .download-list h2, .download-list h3, .download-list h4 { margin: 0; padding: 0; }
498.download-list .scrollbar-hider { border-radius: 3px 0 0 3px; border: 1px solid #BFC3CC; border-right: none; overflow: hidden; background: #BFC3CC; }
499.download-list .scrollbar-hider .no-results { width: 100%; display: none; text-align: center; padding: 30px 0; font-size: 14px; }
500.download-list .details-column { position: relative; }
501.download-list .details-column .details-holder { padding: 20px; }
502.download-list .subproducts-holder { width: 398px; overflow-x: hidden; overflow-y: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
503.download-list .subproducts-holder .subproduct-selector { width: 376px; cursor: pointer; background: #D5D9E1; border-right: 1px solid #BFC3CC; border-top: 1px solid #DDE0E7; border-bottom: 1px solid #BFC3CC; padding: 10px; }
504.download-list .subproducts-holder .subproduct-selector:first-of-type { border-radius: 3px 0 0 0; }
505.download-list .subproducts-holder .subproduct-selector .selector-content { position: relative; white-space: nowrap; width: 368px; }
506.download-list .subproducts-holder .subproduct-selector .selector-content .text-holder { max-width: 291px; margin-left: 0; overflow-x: hidden; }
507.download-list .subproducts-holder .subproduct-selector .selector-content .pointer { position: absolute; right: -28px; top: 32px; display: none; background: #DCE0E7; }
508.download-list .subproducts-holder .subproduct-selector .selector-content .pointer:after, .download-list .subproducts-holder .subproduct-selector .selector-content .pointer:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
509.download-list .subproducts-holder .subproduct-selector .selector-content .pointer:after { border-color: rgba(219, 224, 231, 0); border-right-color: #DCE0E7; border-width: 20px; margin-top: -20px; }
510.download-list .subproducts-holder .subproduct-selector .selector-content .pointer:before { border-color: rgba(170, 176, 185, 0); border-right-color: #BFC3CC; border-width: 21px; margin-top: -21px; }
511.download-list .subproducts-holder .subproduct-selector:hover { background: #CACED8; }
512.download-list .subproducts-holder .subproduct-selector.selected { background: #CACED8; }
513.download-list .subproducts-holder .subproduct-selector.selected .selector-content .pointer { display: block; }
514
515div.icon { width: 68px; height: 68px; margin-right: 10px; display: inline-block; background: url("//humblebundle-a.akamaihd.net/static/hashed/67e38fb0af454bf15e6f04f0cd1105c2d57ab820.png") no-repeat no-repeat; background-size: contain; }
516
517.admin-links { display: none; margin-bottom: 70px; }
518.admin-links .flex-container { display: flex; flex-wrap: wrap; flex-direction: column; }
519.admin-links .flex-container a { font-size: 20px; padding: 20px; border-radius: 3px; text-decoration: none; }
520.admin-links .flex-container a i { width: 40px; }
521.admin-links .flex-container a:hover { background: #f0f5f5; }
522
523.container .top-controls { text-align: right; display: flex; width: 100%; }
524.container .top-controls .switch-sort-order, .container .top-controls .switch-download-method { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
525.container .top-controls .switch-sort-order label, .container .top-controls .switch-download-method label { cursor: pointer; line-height: 2em; margin-right: 5px; }
526.container .top-controls .switch-sort-order { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; }
527.container .top-controls .switch-download-method { -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; }
528
529html body .generic-popup.outer-shadow, html body .generic-popup.content { box-shadow: none; border-radius: 3px; text-decoration: none; }
530html body .generic-popup.outer-shadow h1, html body .generic-popup.content h1 { margin-bottom: 30px; }
531html body .generic-popup.outer-shadow input[type=text], html body .generic-popup.content input[type=text] { box-shadow: none; }
532html body .generic-popup.outer-shadow .button-link span, html body .generic-popup.content .button-link span { text-shadow: none; border-radius: 3px; background: #D5D9E1; border: 1px solid #BBC0C9; cursor: pointer; padding: 10px 10px; margin-top: 10px; background: none; color: #555; box-shadow: none; }
533html body .generic-popup.outer-shadow .button-link span:hover, html body .generic-popup.content .button-link span:hover { background: #dfe4ec; }
534html body .generic-popup.outer-shadow .button-link span.green-button, html body .generic-popup.content .button-link span.green-button { background: #e8eed6; color: #788d38; border-color: #788d38; }
535html body .generic-popup.outer-shadow .button-link span.green-button:hover, html body .generic-popup.content .button-link span.green-button:hover { background: #d4e0b1; }
536/* AUTO-GENERATED */
537.disabled.gray-button { background: #e4e4e4; cursor: default; }
538
539.generic-popup { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; }
540
541.generic-popup a { color: #535353; }
542
543.generic-popup.outer-shadow { box-shadow: 0 -1px 25px rgba(0, 0, 0, 0.3); left: 50%; top: 50%; margin-left: -200px; margin-top: -200px; position: absolute; z-index: 9999; border-radius: 7px; display: none; }
544
545.generic-popup.content { border-radius: 7px; color: #999999; padding: 20px; background: #f5f5f5; width: 360px; position: relative; text-align: center; }
546.generic-popup.content .description { padding: 4px 0 25px 0; }
547
548.generic-popup .no-center { max-width: 360px; text-align: right; position: relative; }
549
550.generic-popup.content h1 { font-size: 24px; text-shadow: 0 0 1px #eee; color: #666; }
551
552.generic-popup.content h1.noimg { margin-right: 0; line-height: 32px; }
553
554.generic-popup.content h1 img { position: relative; top: 5px; margin-right: 15px; }
555
556.generic-popup.content h1 span { display: inline-block; height: 25px; width: 25px; margin-right: 15px; position: relative; top: 5px; }
557
558.generic-popup.content h2 { font-size: 14px; font-weight: 300; text-shadow: 0 0 1px #eee; margin: 20px 0 0 0; color: #666; }
559
560.generic-popup.content .split-left { color: #666; display: inline-block; text-align: left; width: 180px; }
561
562.generic-popup.content .split-right { color: #666; display: inline-block; text-align: right; width: 180px; }
563
564.generic-popup input[type='text'], .generic-popup input[type='password'] { background: none; border: 1px solid #ccc; border-top: 1px solid #999; border-radius: 3px; box-shadow: 0 1px 2px #bbb inset; padding: 9px; font-size: 16px; color: #333; display: block; width: 342px; margin: 0; }
565.generic-popup input[type='text'].inline-input, .generic-popup input[type='password'].inline-input { width: 150px; }
566
567@-moz-document url-prefix() { .generic-popup input[type='text'], .generic-popup input[type='password'] { padding-top: 7px; } }
568.generic-popup form p { text-align: left; position: relative; }
569
570.account-infield { color: #999; font-size: 16px; font-weight: normal; position: absolute; top: 8px; left: 10px; z-index: 1; }
571
572.account-input { position: relative; z-index: 2; }
573.account-input.always-caps { text-transform: uppercase; }
574
575.generic-popup .suggest-holder { color: #c66; display: block; font-size: 90%; margin-top: -28px; position: absolute; right: 0; width: 284px; }
576
577.generic-popup .suggest-holder a { color: #c66; }
578
579.green-button { background: -webkit-linear-gradient(top, #e0ffc2 0%, #b1e37f 100%); background: linear-gradient(to bottom, #e0ffc2 0%, #b1e37f 100%); cursor: pointer; border: 1px solid #a7c28c; color: #42661e; font-size: 14px; font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.6); padding: 5px 8px 5px 8px; border-radius: 4px; margin: 0 0 0 5px; display: inline-block; min-width: 50px; text-align: center; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 0 white; }
580.green-button:hover { background: #b1e37f; }
581.green-button:disabled { cursor: default; opacity: 0.4; }
582
583.gray-button { background: -webkit-linear-gradient(top, #f5f5f5 0%, #dedede 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #dedede 100%); border: 1px solid #bbb; color: #444; font-size: 14px; font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.6); padding: 5px 8px 5px 8px; border-radius: 4px; margin: 0 0 0 5px; display: inline-block; min-width: 50px; text-align: center; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 0 white; }
584
585a:hover .gray-button { background: #e4e4e4; }
586
587.button-link { cursor: pointer; text-decoration: none; }
588
589input[type="number"].classy-input, input[type="password"].classy-input, input[type="tel"].classy-input, input[type="text"].classy-input { border: 1px solid #ccc; box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0; margin: 0; padding: 7px; border-radius: 3px; background-color: white; color: #999; }
590
591.classy-input[disabled='disabled'] { background: #ccc; color: #333; }
592
593.info-tooltip > i { font-size: .8em; opacity: 0.7; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
594.info-tooltip:hover > i, .info-tooltip:focus > i { opacity: 1; }
595
596.small-link, .link-holder { font-size: 12px; font-weight: normal; line-height: 20px; }
597
598.generic-popup .small-link { margin: .3em; text-decoration: underline; }
599
600.link-holder { text-align: left; position: absolute; left: 2px; top: -2px; height: 20px; width: 200px; }
601
602.link-holder a, .generic-popup .small-link { color: #888; }
603
604.link-holder a { text-decoration: none; }
605
606.generic-popup .clearfix { clear: both; }
607
608.generic-popup .center { float: none; left: 0; }
609
610.generic-popup.content h2.subtitle { padding-bottom: 12px; text-align: center; margin-top: -10px; }
611
612.generic-popup .button-holder { margin-top: 20px; }
613
614.subtitle.warning { font-weight: bold; }
615
616.generic-popup .error-holder { color: #333; font-size: 14px; padding: 0 4px; position: absolute; left: -280px; text-align: right; z-index: 10; display: none; }
617
618.error-holder .errorlist { margin: 0; padding: 0 0 0 30px; }
619
620.arrow-holder { position: absolute; left: -525px; top: 0; width: 500px; height: 42px; }
621
622.arrow-error { float: right; padding: 12px 0 16px 16px; background: url("//humblebundle-a.akamaihd.net/static/hashed/2d10ad27ca2af9ebcc54fd4322657696e5e50dec.png") no-repeat; margin-right: -5px; margin-top: -2px; font-size: 14px; color: white; font-weight: bold; text-align: right; display: none; position: absolute; right: 0; }
623
624.arrow-error-right { background: url("//humblebundle-a.akamaihd.net/static/hashed/d00e64d9e0b5a925c42404a41014b85aecb2f0ea.png") no-repeat; width: 26px; height: 45px; position: absolute; right: -26px; top: 0; z-index: 100; }
625
626.arrow-error a { color: #fff; }
627
628#email-errors { top: 155px; }
629
630.generic-popup .errorlist .error-item { color: #c66; text-decoration: none; }
631
632#account-message-dialog .errorlist { font-size: 16px; }
633
634.generic-popup .message-holder { margin-bottom: 20px; line-height: 22px; font-weight: normal; }
635
636.generic-popup p { margin: 0 0 20px 0; padding: 0; }
637
638.plus-icon { padding-left: 24px; font-size: 16px; background: url("//humblebundle-a.akamaihd.net/static/hashed/47c1990235eb2e1f62be175ae3d6cf187f8ad457.png") left center no-repeat; }
639
640#keystation a.plus-icon { text-decoration: none; color: #555; }
641
642.arrow-icon { padding-left: 24px; font-size: 16px; background: url("//humblebundle-a.akamaihd.net/static/hashed/e7d238b8682f2b0f914934ec1da4357f2c440344.png") left center no-repeat; }
643
644.header-text { font-size: 18px; }
645
646.account-switch { background: #ddd; border-top: 1px solid #ccc; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; margin: 20px -20px -22px; font-weight: normal; font-size: 14px; color: #333; }
647
648.account-switch .create-account { color: #333; display: block; padding: 12px; text-decoration: none; }
649
650.account-switch .create-account .create-inner { font-weight: bold; text-decoration: underline; }
651
652.grayout, .generic-bbm-wrapper { background: url("//humblebundle-a.akamaihd.net/static/hashed/cb322c1cdfcdae03f826d02c39b7d998800d15c6.png"); }
653
654.grayout { position: fixed; top: 0; left: 0; z-index: 998; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; }
655
656.grayout-inner { position: relative; width: 100%; height: 100%; }
657
658.slide-down { display: none; }
659
660.above-text-label { display: block; text-align: left; margin-bottom: 8px; }
661
662/* Modal positioning */
663.generic-bbm-wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; background: rgba(0, 0, 0, 0.5); overflow-x: auto; overflow-y: auto; }
664
665.generic-bbm-modal { position: relative; top: calc(50% - 250px); left: calc(50% - 200px); width: 276px; }
666
667.generic-bbm-modal.eula-modal { top: -webkit-calc(50% - 360px); top: calc(50% - 360px); left: -webkit-calc(50% - 300px); left: calc(50% - 300px); width: 600px; }
668.generic-bbm-modal.eula-modal .generic-popup.content { width: 100%; height: 100%; }
669.generic-bbm-modal.eula-modal .generic-popup.content .message-holder { max-height: 500px; text-align: left; white-space: pre-line; overflow-x: hidden; overflow-y: scroll; }
670.generic-bbm-modal.eula-modal .generic-popup.content .noimg { font-size: 22px; margin: 0.25em 0; }
671
672.generic-bbm-views { width: 100%; }
673
674/* Modal theme */
675.generic-bbm-wrapper { -webkit-transition: background-color 0.3s; }
676
677.generic-bbm-modal { border-radius: 3px; box-shadow: 0 -1px 25px rgba(0, 0, 0, 0.3); -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
678
679/* Animations */
680/* Open modal */
681@-webkit-keyframes generic-bbm-open { 0% { -webkit-transform: matrix(0.99126, 0, 0, 0.99126, 0, 43.8813); opacity: 0.1259; }
682 4% { -webkit-transform: matrix(0.99295, 0, 0, 0.99295, 0, 45.06809); opacity: 0.29544; }
683 8% { -webkit-transform: matrix(0.99467, 0, 0, 0.99467, 0, 46.26922); opacity: 0.46703; }
684 12% { -webkit-transform: matrix(0.99619, 0, 0, 0.99619, 0, 47.33355); opacity: 0.61908; }
685 16% { -webkit-transform: matrix(0.99743, 0, 0, 0.99743, 0, 48.19991); opacity: 0.74284; }
686 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.86067); opacity: 0.83724; }
687 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33658); opacity: 0.90523; }
688 28% { -webkit-transform: matrix(0.99952, 0, 0, 0.99952, 0, 49.66049); opacity: 0.9515; }
689 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8675); opacity: 0.98107; }
690 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98966); opacity: 0.99852; }
691 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05361); opacity: 1.00766; }
692 44% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.08); opacity: 1.01143; }
693 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08394); opacity: 1.01199; }
694 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07589); opacity: 1.01084; }
695 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06265); opacity: 1.00895; }
696 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04833); opacity: 1.0069; }
697 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03518); opacity: 1.00503; }
698 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02421); opacity: 1.00346; }
699 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01567); opacity: 1.00224; }
700 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00941); opacity: 1.00134; }
701 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00506); opacity: 1.00072; }
702 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00032; }
703 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00007; }
704 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99994; }
705 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99913); opacity: 0.99988; }
706 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
707.generic-bbm-modal--open { -webkit-animation-duration: 0.3s; -webkit-animation-name: generic-bbm-open; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
708
709/* Open a stacked modal */
710@-webkit-keyframes generic-bbm-stacked { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.93705; }
711 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.85228; }
712 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.76648; }
713 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.69046; }
714 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.62858; }
715 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.58138; }
716 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.54739; }
717 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.52425; }
718 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.50946; }
719 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.50074; }
720 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: 0.49617; }
721 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: 0.49429; }
722 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: 0.494; }
723 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: 0.49458; }
724 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: 0.49553; }
725 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: 0.49655; }
726 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: 0.49749; }
727 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: 0.49827; }
728 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: 0.49888; }
729 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: 0.49933; }
730 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: 0.49964; }
731 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: 0.49984; }
732 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: 0.49996; }
733 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 0.50003; }
734 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.50006; }
735 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0.5; } }
736.generic-bbm-modal--stacked { -webkit-animation-duration: 0.43333s; -webkit-animation-name: generic-bbm-stacked; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
737
738/* Close a stacked modal */
739@-webkit-keyframes generic-bbm-stacked-reverse { 0% { -webkit-transform: matrix(0.99123, 0, 0, 0.99123, 0, 43.86266); opacity: 0.56162; }
740 4% { -webkit-transform: matrix(0.99293, 0, 0, 0.99293, 0, 45.05306); opacity: 0.64665; }
741 8% { -webkit-transform: matrix(0.99465, 0, 0, 0.99465, 0, 46.25785); opacity: 0.7327; }
742 12% { -webkit-transform: matrix(0.99618, 0, 0, 0.99618, 0, 47.32543); opacity: 0.80896; }
743 16% { -webkit-transform: matrix(0.99742, 0, 0, 0.99742, 0, 48.19443); opacity: 0.87103; }
744 20% { -webkit-transform: matrix(0.99837, 0, 0, 0.99837, 0, 48.8572); opacity: 0.91837; }
745 24% { -webkit-transform: matrix(0.99905, 0, 0, 0.99905, 0, 49.33456); opacity: 0.95247; }
746 28% { -webkit-transform: matrix(0.99951, 0, 0, 0.99951, 0, 49.65946); opacity: 0.97568; }
747 32% { -webkit-transform: matrix(0.99981, 0, 0, 0.99981, 0, 49.8671); opacity: 0.99051; }
748 36% { -webkit-transform: matrix(0.99999, 0, 0, 0.99999, 0, 49.98963); opacity: 0.99926; }
749 40% { -webkit-transform: matrix(1.00008, 0, 0, 1.00008, 0, 50.05377); opacity: 1.00384; }
750 44% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08024); opacity: 1.00573; }
751 48% { -webkit-transform: matrix(1.00012, 0, 0, 1.00012, 0, 50.08419); opacity: 1.00601; }
752 52% { -webkit-transform: matrix(1.00011, 0, 0, 1.00011, 0, 50.07612); opacity: 1.00544; }
753 56% { -webkit-transform: matrix(1.00009, 0, 0, 1.00009, 0, 50.06284); opacity: 1.00449; }
754 60% { -webkit-transform: matrix(1.00007, 0, 0, 1.00007, 0, 50.04848); opacity: 1.00346; }
755 64% { -webkit-transform: matrix(1.00005, 0, 0, 1.00005, 0, 50.03529); opacity: 1.00252; }
756 68% { -webkit-transform: matrix(1.00004, 0, 0, 1.00004, 0, 50.02428); opacity: 1.00173; }
757 72% { -webkit-transform: matrix(1.00002, 0, 0, 1.00002, 0, 50.01572); opacity: 1.00112; }
758 76% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00944); opacity: 1.00067; }
759 80% { -webkit-transform: matrix(1.00001, 0, 0, 1.00001, 0, 50.00508); opacity: 1.00036; }
760 84% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.00223); opacity: 1.00016; }
761 88% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50.0005); opacity: 1.00004; }
762 92% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99956); opacity: 0.99997; }
763 96% { -webkit-transform: matrix(1, 0, 0, 1, 0, 49.99912); opacity: 0.99994; }
764 100% { -webkit-transform: matrix(1, 0, 0, 1, 0, 50); opacity: 1; } }
765.generic-bbm-modal--stacked-reverse { -webkit-animation-duration: 0.43333s; -webkit-animation-name: generic-bbm-stacked-reverse; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
766
767/* Close a modal */
768@-webkit-keyframes generic-bbm-close { 0% { -webkit-transform: matrix(0.99874, 0, 0, 0.99874, 0, 49.1187); opacity: 0.8741; }
769 4% { -webkit-transform: matrix(0.99705, 0, 0, 0.99705, 0, 47.93192); opacity: 0.70456; }
770 8% { -webkit-transform: matrix(0.99533, 0, 0, 0.99533, 0, 46.73078); opacity: 0.53297; }
771 12% { -webkit-transform: matrix(0.99381, 0, 0, 0.99381, 0, 45.66645); opacity: 0.38092; }
772 16% { -webkit-transform: matrix(0.99257, 0, 0, 0.99257, 0, 44.80009); opacity: 0.25716; }
773 20% { -webkit-transform: matrix(0.99163, 0, 0, 0.99163, 0, 44.13933); opacity: 0.16276; }
774 24% { -webkit-transform: matrix(0.99095, 0, 0, 0.99095, 0, 43.66342); opacity: 0.09477; }
775 28% { -webkit-transform: matrix(0.99049, 0, 0, 0.99049, 0, 43.33951); opacity: 0.0485; }
776 32% { -webkit-transform: matrix(0.99019, 0, 0, 0.99019, 0, 43.1325); opacity: 0.01893; }
777 36% { -webkit-transform: matrix(0.99002, 0, 0, 0.99002, 0, 43.01034); opacity: 0.00148; }
778 40% { -webkit-transform: matrix(0.98992, 0, 0, 0.98992, 0, 42.94639); opacity: -0.00766; }
779 44% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92001); opacity: -0.01143; }
780 48% { -webkit-transform: matrix(0.98988, 0, 0, 0.98988, 0, 42.91606); opacity: -0.01199; }
781 52% { -webkit-transform: matrix(0.98989, 0, 0, 0.98989, 0, 42.92411); opacity: -0.01084; }
782 56% { -webkit-transform: matrix(0.98991, 0, 0, 0.98991, 0, 42.93736); opacity: -0.00895; }
783 60% { -webkit-transform: matrix(0.98993, 0, 0, 0.98993, 0, 42.95167); opacity: -0.0069; }
784 64% { -webkit-transform: matrix(0.98995, 0, 0, 0.98995, 0, 42.96482); opacity: -0.00503; }
785 68% { -webkit-transform: matrix(0.98997, 0, 0, 0.98997, 0, 42.97579); opacity: -0.00346; }
786 72% { -webkit-transform: matrix(0.98998, 0, 0, 0.98998, 0, 42.98433); opacity: -0.00224; }
787 76% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99059); opacity: -0.00134; }
788 80% { -webkit-transform: matrix(0.98999, 0, 0, 0.98999, 0, 42.99494); opacity: -0.00072; }
789 84% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.99777); opacity: -0.00032; }
790 88% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 42.9995); opacity: -7e -5; }
791 92% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00044); opacity: 6.0e-05; }
792 96% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43.00088); opacity: 0.00012; }
793 100% { -webkit-transform: matrix(0.99, 0, 0, 0.99, 0, 43); opacity: 0; } }
794.generic-bbm-modal--close { -webkit-animation-duration: 0.43333s; -webkit-animation-name: generic-bbm-close; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-transform-origin: 50% 50%; -webkit-backface-visibility: hidden; }
795
796#account-login-authy-token-holder { display: none; }
797
798@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .generic-bbm-modal--open, .generic-bbm-modal--stacked, .generic-bbm-modal--stacked-reverse, .generic-bbm-modal--destroy { -webkit-animation: none !important; } }
799 #flash {
800 position:fixed;
801 right: 30px;
802 top:10px;
803 background: black;
804 opacity: .8;
805 border-radius: 10px;
806 color:#eee;
807 padding:20px;
808 min-width: 200px;
809 max-width: 400px;
810 text-align: center;
811 z-index: 99999;
812 box-shadow: 1px 1px 5px #000;
813 display:none;
814 }
815html, body {
816 height: 100%;
817 -webkit-font-smoothing: antialiased;
818 -moz-osx-font-smoothing: grayscale;
819}
820
821body {
822 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
823 font-size: 14px;
824 margin: 0;
825 padding: 0;
826}
827
828// Localize.js uses the <var> tag to indicate certain special things. However,
829// some browsers apply special CSS to the <var> tag which we don't want. This
830// effectively removes any special CSS that the browser might apply to <var>.
831var {
832 margin: 0;
833 padding: 0;
834 border: 0;
835 font-size: 100%;
836 font: inherit;
837 vertical-align: baseline;
838}
839/* AUTO-GENERATED */
840.button { border: none; border-radius: 3px; color: white !important; cursor: pointer; display: inline-block; font-size: 14px; line-height: 26px; margin: 0; padding: 0px 10px; text-decoration: none; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: box-shadow 0.2s ease, background 0.2s ease; }
841.button.light-background { box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); }
842.button.dark-background { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); }
843.button:focus { outline: none; }
844.button:active { box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); }
845.button.large { box-sizing: border-box; line-height: 46px; font-size: 18px; padding: 0 20px; margin-top: 1px; }
846.button.blue { background-image: -webkit-linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%); background-image: linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%); }
847.button.blue:hover { background-image: -webkit-linear-gradient(-180deg, #80d4ff 0%, #19b2ff 100%); background-image: linear-gradient(-180deg, #80d4ff 0%, #19b2ff 100%); }
848.button.blue:active { background: #148fcc; }
849.button.red { background-image: -webkit-linear-gradient(-180deg, #ff5244 0%, #e62217 100%); background-image: linear-gradient(-180deg, #ff5244 0%, #e62217 100%); }
850.button.red:hover { background-image: -webkit-linear-gradient(-180deg, #ff8280 0%, #ff0b0e 100%); background-image: linear-gradient(-180deg, #ff8280 0%, #ff0b0e 100%); }
851.button.red:active { background: #148fcc; }
852.button.green { background-color: #97b147; background-image: -webkit-linear-gradient(-180deg, #97b147 0%, #7e992e 100%); background-image: linear-gradient(-180deg, #97b147 0%, #7e992e 100%); }
853.button.green:hover { background-image: -webkit-linear-gradient(-180deg, #adcc52 0%, #93b336 100%); background-image: linear-gradient(-180deg, #adcc52 0%, #93b336 100%); }
854.button.green:active { background: #7e992e; }
855.button.gray { background-color: #bbb; background-image: -webkit-linear-gradient(-180deg, #bbb 0%, #aaa 100%); background-image: linear-gradient(-180deg, #bbb 0%, #aaa 100%); }
856.button.gray:hover { background-image: -webkit-linear-gradient(-180deg, #bbb 0%, #aaa 100%); background-image: linear-gradient(-180deg, #bbb 0%, #aaa 100%); }
857.button.gray:active { background: #999; }
858
859.plain-oval, .gray-oval, .round-active-button { padding: 5px 10px; border: 1px solid #898e97; border-radius: 18px; background: white; color: black; font-weight: bold; text-align: center; font-size: 14px; display: inline-block; }
860.plain-oval:focus, .gray-oval:focus, .round-active-button:focus { outline: none; }
861
862.gray-oval, .round-active-button { background-color: #a1a7b2; color: white; text-shadow: 1px 1px #898e97; }
863
864.round-active-button { cursor: pointer; background: -webkit-linear-gradient(-180deg, #97b147 0%, #7e992e 100%); background: linear-gradient(-180deg, #97b147 0%, #7e992e 100%); text-decoration: none; color: white !important; }
865.round-active-button:hover, .round-active-button:focus { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
866
867.fixed-width-button { width: 100px; }
868
869.flat-button { border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 5px; display: inline-block; background-color: transparent; color: white; padding: 0.5em 1em; font-weight: bold; text-align: center; text-decoration: none; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
870.flat-button.disabled { opacity: 0.5; cursor: default; pointer-events: none; }
871.flat-button.large-button { font-size: 1.15em; }
872.flat-button.larger-button { font-size: 1.25em; padding: 0.85em 1.75em; }
873.flat-button.green { background-color: #97b147; }
874.flat-button.green:hover { background-color: #acc368; }
875.flat-button.blue { background-color: #17a1e5; }
876.flat-button.blue:hover { background-color: #43b4ec; }
877.flat-button.red { background-color: #cb272c; }
878.flat-button.red:hover { background-color: #dc494d; }
879.flat-button.gray { background-color: #757b86; }
880.flat-button.gray:hover { background-color: #90959e; }
881
882.subtab-button { border-radius: 3px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; font-size: 14px; line-height: 17px; padding: 14px; text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }
883.subtab-button.grey { box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.5); background-image: linear-gradient(-180deg, #A1A7B2 0%, #7B818C 100%); color: #FFFFFF; }
884.subtab-button.orange { box-shadow: inset 0px -2px 0px 0px rgba(255, 255, 255, 0.2), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2); background-image: linear-gradient(0deg, #FFAF61 0%, #EF9741 100%); color: #FFF3DD; }
885.subtab-button:hover, .subtab-button:focus { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
886
887.simple-payment-button { outline: none; background: none; border-radius: 3px; border: none; box-shadow: inset 0px 0px 0px 1px #3b3e48; color: #494f5c; cursor: pointer; display: inline-block; line-height: 18px; padding: 10px 15px; text-decoration: none; margin-right: 10px; -webkit-transition: all, 0.1s; -moz-transition: all, 0.1s; transition: all, 0.1s; background: #e4e7ed; }
888.simple-payment-button:focus { outline: none; }
889.simple-payment-button:hover, .simple-payment-button:active { background: #f3f5f7; }
890
891.payment-button { outline: none; background: none; border-radius: 3px; border: none; box-shadow: inset 0px 0px 0px 1px #3b3e48; color: #494f5c; cursor: pointer; display: inline-block; line-height: 18px; padding: 10px 15px; text-decoration: none; margin-right: 10px; -webkit-transition: all, 0.1s; -moz-transition: all, 0.1s; transition: all, 0.1s; }
892.payment-button:focus { outline: none; }
893.payment-button:hover { box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); }
894.payment-button:active { box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2); }
895.payment-button i { vertical-align: middle; }
896
897.stripe-payment-button { background-color: #4dc4ff; background-image: -webkit-linear-gradient(#4dc4ff, #17a1e6); background-image: linear-gradient(#4dc4ff, #17a1e6); color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2); }
898.stripe-payment-button:hover { background-color: #80d4ff; background-image: -webkit-linear-gradient(#80d4ff, #19b2ff); background-image: linear-gradient(#80d4ff, #19b2ff); }
899.stripe-payment-button:active { background: #148fcc; }
900.stripe-payment-button .hb-stripe { font-size: 18px; margin-right: 4px; }
901
902.paypal-payment-button { background-color: #ffebc1; background-image: -webkit-linear-gradient(#ffebc1, #ffaa02); background-image: linear-gradient(#ffebc1, #ffaa02); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px #c68200, inset 0px 2px 0px 0px rgba(255, 255, 255, 0.6); padding-right: 10px; }
903.paypal-payment-button:hover { background-color: #fff4db; background-image: -webkit-linear-gradient(#fff4db, #ffbc36); background-image: linear-gradient(#fff4db, #ffbc36); }
904.paypal-payment-button:active { background: #e69a02; }
905.paypal-payment-button img { vertical-align: middle; }
906
907.amazon-payment-button { background-color: #ffe8ab; background-image: -webkit-linear-gradient(#ffe8ab, #f5c747); background-image: linear-gradient(#ffe8ab, #f5c747); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px #b38b22, inset 0px 2px 0px 0px rgba(255, 255, 255, 0.6); }
908.amazon-payment-button:hover { background-color: #ffeebf; background-image: -webkit-linear-gradient(#ffeebf, #ffd359); background-image: linear-gradient(#ffeebf, #ffd359); }
909.amazon-payment-button:active { background: #d9b03f; }
910.amazon-payment-button .hb-amazon { font-size: 18px; margin-right: 4px; }
911
912.navbar-item.site-search { position: relative; z-index: 60; }
913
914.site-minisearch-view { position: relative; line-height: 1; }
915.site-minisearch-view .site-search-list-product { width: 622px; margin: 0; position: relative; text-align: left; font-weight: normal; }
916.site-minisearch-view .site-search-list-product h2 { font-weight: normal; }
917.site-minisearch-view .site-search-list-product.user-selected .product-list-wrapper { background-color: #c7cbd4; }
918.site-minisearch-view .searchbar { position: relative; /* So the inner button will position correctly. */ }
919.site-minisearch-view .searchbar input.site-search { color: #333; font-size: 14px; font-weight: normal; padding: 6px 6px 6px 26px; width: 242px; box-sizing: border-box; border-radius: 3px; border: none; box-shadow: none; }
920.site-minisearch-view .searchbar .clear-search-button { position: absolute; top: 6px; left: 6px; right: auto; margin: 0 !important; font-size: 14px !important; }
921.site-minisearch-view .scrollable-wrapper { display: block; width: 560px; height: 62px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 3px; padding-left: 62px; cursor: pointer; }
922.site-minisearch-view .scrollable-wrapper.empty-product { padding-left: 0; }
923.site-minisearch-view .scrollable-wrapper.empty-product h2 { color: black; display: block; font-weight: 400; text-align: center; margin: 0; }
924.site-minisearch-view .site-search-results-holder { position: absolute; display: none; width: 622px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5); border: #f7f7f7 1px solid; border-radius: 3px; z-index: 100; background-color: white; }
925.site-minisearch-view .product-image { border: none; display: inline-block; border-radius: 0; top: 0; left: 0; }
926.site-minisearch-view .scrollable-wrapper { width: auto; border-radius: 0; border-top: none; border-left: none; border-right: none; height: 61px; }
927.site-minisearch-view a.site-search-link { padding: 1.5em 0; display: block; background: #f7f7f7; color: #777; cursor: pointer; text-transform: uppercase; text-align: center; text-decoration: none; }
928.site-minisearch-view .products-loading, .site-minisearch-view .products-loading-failed { background: white; border: 1px solid rgba(0, 0, 0, 0.08); width: 100%; }
929
930.minisearch-view:focus, .site-minisearch-view:focus, .searchbar input:focus { outline-color: transparent; outline-style: none; }
931
932.site-search-list-product { display: block; position: relative; background-color: white; }
933.site-search-list-product .empty-product .product-title-and-description { padding-top: 21px; }
934
935.site-search-list-product .product-image, .storefront-list-product .product-image { position: absolute; left: 0px; top: 0px; height: 64px; width: 103px; background: transparent; }
936.minisearch-view .site-search-list-product, .minisearch-view .storefront-list-product { width: 622px; margin: 0; position: relative; text-align: left; }
937.site-search-list-product .scrollable-wrapper, .storefront-list-product .scrollable-wrapper { display: block; height: 64px; padding-left: 103px; cursor: pointer; }
938.site-search-list-product .scrollable-wrapper.empty-product, .storefront-list-product .scrollable-wrapper.empty-product { padding-left: 0; }
939.site-search-list-product .scrollable-wrapper.empty-product h2, .storefront-list-product .scrollable-wrapper.empty-product h2 { display: block; text-align: center; margin: 0; }
940.site-search-list-product .product-title-and-description, .storefront-list-product .product-title-and-description { margin: 0; padding: 13px 5px 0 10px; border-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: black; font-size: 18px; line-height: 18px; }
941.site-search-list-product .product-title-and-description .product-title, .storefront-list-product .product-title-and-description .product-title { font-size: 16px; padding-right: 10px; margin: auto; }
942.site-search-list-product .short-description, .storefront-list-product .short-description { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
943.site-search-list-product .platforms-wrapper, .storefront-list-product .platforms-wrapper { top: -3px; margin-left: 10px; position: relative; }
944.site-search-list-product .platforms-wrapper .platforms, .storefront-list-product .platforms-wrapper .platforms { margin-right: 10px; display: inline-block; }
945.site-search-list-product .platforms-wrapper .platforms li > i, .storefront-list-product .platforms-wrapper .platforms li > i { font-size: 14px; top: 0; color: black; opacity: .4; }
946.site-search-list-product .platforms-wrapper .platforms li > i:hover, .storefront-list-product .platforms-wrapper .platforms li > i:hover { opacity: 1; }
947.site-search-list-product .buy-button, .storefront-list-product .buy-button { text-align: right; white-space: nowrap; float: right; margin: 19px 10px 18px 0; }
948.site-search-list-product .sale-price-button, .storefront-list-product .sale-price-button { position: relative; vertical-align: top; margin-top: 4px; margin-right: 5px; z-index: 20; float: none; }
949.site-search-list-product .empty-product .product-title-and-description, .storefront-list-product .empty-product .product-title-and-description { text-align: center; }
950
951.international .action-button .discount { display: none; }
952.international .sale-info { left: 9px; }
953.international .storefront-grid-product .product-info-bar .cta-badge { left: 9px; }
954.international .wishlist-icon { display: none; }
955
956.storefront-main h2, .site-search-results h2 { font-weight: 400; font-size: 18px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
957
958.cta-badge.preorder, .cta-badge.outnow, .cta-badge.new, .cta-badge.updated { background: #7e992e; }
959.cta-badge.earlyaccess { background: #4a90e2; }
960.cta-badge.dlc { background: #dd99ff; }
961.cta-badge.onsale { background: #d0021b; }
962.cta-badge.moregames { background: #ef9741; }
963
964.cta-text { border-left: 1px solid #757b86; font-weight: bold; font-size: 12px; padding-left: 10px; }
965.cta-text.preorder, .cta-text.outnow, .cta-text.new, .cta-text.updated { color: #7e992e; }
966.cta-text.earlyaccess { color: #4a90e2; }
967.cta-text.dlc { color: #dd99ff; }
968.cta-text.onsale { color: #d0021b; }
969/* AUTO-GENERATED */
970.action-button { display: inline-block; }
971.action-button .discount { color: #d0021b; font-weight: bold; margin-right: 5px; }
972.action-button .store-item-button { box-sizing: border-box; border-radius: 3px; padding: 5px 10px; height: 27px; min-width: 64px; display: inline-block; background: #dee1e7; border: 1px solid #a1a7b2; font-weight: bold; font-size: 12px; color: #494f5c; text-decoration: none; position: relative; z-index: 10; text-align: center; }
973.action-button .store-item-button .text.store-price { font-variant: small-caps; }
974.action-button .store-item-button.hidden { display: none; }
975.action-button .store-item-button.on-sale { border-color: #d0021b; color: #d0021b; }
976.action-button .store-item-button .hb-shopping-cart, .action-button .store-item-button .add-to-cart-text, .action-button .store-item-button .in-cart-text, .action-button .store-item-button .view-text { display: none; }
977.action-button .store-item-button:hover .text { display: none; }
978.action-button .store-item-button.in-cart:hover .in-cart-text { display: inline; }
979.action-button .store-item-button.has-cart:not(.in-cart):hover .add-to-cart-text { display: inline; }
980.action-button .store-item-button:not(.has-cart):not(.in-cart):hover .view-text { display: inline; }
981.action-button .store-item-button.has-cart:hover .hb-shopping-cart { display: inline-block; margin-right: 2px; margin-left: -2px; }
982
983.empty-list-product { width: 940px; cursor: default; background-color: transparent; }
984.empty-list-product .product-title-and-description { width: 100%; }
985
986.storefront-list-product .wishlist-holder, .storefront-grid-product .wishlist-holder { display: none; box-sizing: border-box; height: 26px; border-left: 1px solid; border-color: inherit; margin-left: 4px; width: 16px; vertical-align: top; margin-top: -5px; }
987
988.storefront-list-product { margin: 7px; width: calc(50% - 14px); display: inline-block; position: relative; background-color: rgba(212, 215, 224, 0.85); border-radius: 3px; }
989.storefront-list-product.empty-product { width: calc(100% - 14px); }
990.storefront-list-product.user-selected .product-list-wrapper { background-color: #c7cbd4; }
991
992.storefront-grid-product { text-align: left; font-size: 12px; display: inline-block; vertical-align: top; position: relative; width: 304px; height: 189px; background-color: rgba(194, 198, 208, 0.85); background-size: cover; margin: 0 14px 59px 0; border-radius: 0 0 3px 3px; }
993.storefront-grid-product.medium-grid-layout { width: 463px; height: 292px; }
994.storefront-grid-product.promoted { width: 622px; height: 437px; float: left; }
995.storefront-grid-product.promoted .promotional-message { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 45px; z-index: 1; }
996.storefront-grid-product.promoted .promotional-message h4 { color: #494f5c; font-weight: 200; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 12px 0 0 9px; }
997.storefront-grid-product.promoted .product-details-link { cursor: pointer; display: block; }
998.storefront-grid-product .action-button { position: absolute; bottom: 9px; right: 9px; }
999.storefront-grid-product .promotional-message { display: none; }
1000.storefront-grid-product .product-info-bar:after { content: ''; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; z-index: 5; }
1001.storefront-grid-product .sale-desc { font-size: 14px; font-weight: bold; position: absolute; left: 15px; top: 15px; margin: 0; z-index: 10; opacity: 0; }
1002.storefront-grid-product .product-details-preview { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; }
1003.storefront-grid-product .product-details-preview .show-on-hover { position: absolute; z-index: 25; left: 0; right: 0; top: 50%; margin-top: -56px; opacity: 0; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; -webkit-backface-visibility: hidden; /* keeps platform icons from shifting 1px, wtf */ }
1004.storefront-grid-product .product-details-preview .show-on-hover .game_name { font-size: 16px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 14px; margin: 10px 0; }
1005.storefront-grid-product .product-details-preview .show-on-hover .more-info { text-decoration: underline; margin: 10px 0; }
1006.storefront-grid-product a.product-details-link:hover:after { opacity: 1; }
1007.storefront-grid-product a.product-details-link:hover .product-details-preview .show-on-hover { opacity: 1.0; }
1008.storefront-grid-product a.product-details-link:hover .product-info-bar:after { opacity: 1; }
1009.storefront-grid-product a.product-details-link:hover .sale-desc { opacity: 1.0; }
1010.storefront-grid-product .product-details-link { text-decoration: none; color: #fff; -webkit-font-smoothing: antialiased; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
1011.storefront-grid-product .product-details-link:after { content: ''; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; z-index: 5; }
1012.storefront-grid-product .product-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: top left; }
1013.storefront-grid-product .product-info-bar { position: absolute; bottom: -45px; right: 0; left: 0; height: 45px; background-color: rgba(212, 215, 224, 0.85); }
1014.storefront-grid-product .product-info-bar .cta-badge { position: absolute; bottom: 9px; left: 9px; padding: 6px 10px; border-radius: 3px; font-size: 12px; font-weight: bold; z-index: 10; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
1015 </style>
1016
1017 <style type="text/css">/* AUTO-GENERATED */
1018@font-face { font-family: 'hb-icons'; src: url("/static/hashed/9eb01bb10ce04fad08c6b500c206709165f2e681.woff2") format("woff2"), url("/static/hashed/3a66403bf53fd0fbb57c331e0d27c9de653faf39.woff") format("woff"), url("/static/hashed/6febd7858482926af2bb7bd7c709cebee398abf1.ttf") format("truetype"), url("/static/hashed/860383b78af5ac99b5f5d7abb402dc6e2d69a0fb.otf") format("opentype"); font-weight: normal; font-style: normal; }</style>
1019 <link rel="stylesheet" href="https://humblebundle-a.akamaihd.net/static/hashed/79b45c150c92dba322e76d8d9a9ca335a6d34a17.css" />
1020 <link rel="stylesheet" href="https://humblebundle-a.akamaihd.net/static/hashed/7c4345f5b00a430511c129702cec39707327522d.css" />
1021<style></style>
1022
1023 <script>
1024
1025 window.app = window.app || {};
1026 window.pageData = {atTime: 1482229870 };
1027 window.models = window.models || {};
1028
1029window.models.product_json = {};
1030window.models.keyentity_json = {};
1031
1032window.models.user_json = {
1033 email: "salerno.daniele92@gmail.com",
1034 payment_credentials: [{"credentials_name": "Credit Card", "credentials_type": "stripe", "credentials_uid": "U7M1D5FF3PZF", "processor": "stripe"}],
1035 active_subscriptions: [],
1036 has_steam_link: true
1037};
1038
1039window.models.request = {
1040 country_code: "IT",
1041 humble_guard_enabled: null,
1042};
1043 </script>
1044 <script id="main-js" data-dist_version="faa957ac3a7646cd15a884d22592d11137e8aedf" src='https://humblebundle-a.akamaihd.net/faa957ac3a7646cd15a884d22592d11137e8aedf/dist/main.min.js'></script>
1045 <script></script>
1046<script type="application/ld+json">
1047 {
1048 "@context": "http://schema.org",
1049 "@type": "WebSite",
1050 "url": "https://www.humblebundle.com/",
1051 "potentialAction": {
1052 "@type": "SearchAction",
1053 "target": "https://www.humblebundle.com/store/search?search={search_term}",
1054 "query-input": "required name=search_term"
1055 }
1056 }
1057</script>
1058
1059</head>
1060
1061<body>
1062 <div class="page-wrap">
1063
1064 <!--[if lte IE 9]><style>/* AUTO-GENERATED */
1065.alertbar { background-color: #97b147; color: #ffffff; font-size: 28px; text-align: center; }
1066.alertbar-link { color: inherit; display: block; padding: 1em; text-decoration: none; }
1067
1068body { overflow-x: auto; }</style><div class="alertbar"><a class="alertbar-link" href="http://browsehappy.com/"> You are using an <strong>outdated</strong> browser. <br>Portions of our site may not work as intended. <br>Please <u>click here</u> to upgrade your browser! </a></div><![endif]-->
1069
1070<div class="navigation-container">
1071
1072
1073<!--[if lte IE 9]><style>/* AUTO-GENERATED */
1074.navbar { display: inline-block; width: 100%; }
1075.navbar ul { display: inline-block; }
1076.navbar-items-menu { float: right; }</style><script>/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/
1077;if("document" in self&&!("classList" in document.createElement("_"))){(function(j){"use strict";if(!("Element" in j)){return}var a="classList",f="prototype",m=j.Element[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;p<o;p++){if(p in this&&this[p]===q){return p}}return -1},n=function(o,p){this.name=o;this.code=DOMException[o];this.message=p},g=function(p,o){if(o===""){throw new n("SYNTAX_ERR","An invalid or illegal string was specified")}if(/\s/.test(o)){throw new n("INVALID_CHARACTER_ERR","String contains an invalid character")}return c.call(p,o)},d=function(s){var r=k.call(s.getAttribute("class")||""),q=r?r.split(/\s+/):[],p=0,o=q.length;for(;p<o;p++){this.push(q[p])}this._updateClassName=function(){s.setAttribute("class",this.toString())}},e=d[f]=[],i=function(){return new d(this)};n[f]=Error[f];e.item=function(o){return this[o]||null};e.contains=function(o){o+="";return g(this,o)!==-1};e.add=function(){var s=arguments,r=0,p=s.length,q,o=false;do{q=s[r]+"";if(g(this,q)===-1){this.push(q);o=true}}while(++r<p);if(o){this._updateClassName()}};e.remove=function(){var t=arguments,s=0,p=t.length,r,o=false;do{r=t[s]+"";var q=g(this,r);if(q!==-1){this.splice(q,1);o=true}}while(++s<p);if(o){this._updateClassName()}};e.toggle=function(p,q){p+="";var o=this.contains(p),r=o?q!==true&&"remove":q!==false&&"add";if(r){this[r](p)}return !o};e.toString=function(){return this.join(" ")};if(b.defineProperty){var l={get:i,enumerable:true,configurable:true};try{b.defineProperty(m,a,l)}catch(h){if(h.number===-2146823252){l.enumerable=false;b.defineProperty(m,a,l)}}}else{if(b[f].__defineGetter__){m.__defineGetter__(a,i)}}}(self))};</script><![endif]-->
1078
1079
1080<nav class="navbar">
1081 <ul class="navbar-items-left">
1082
1083 <li class="navbar-item-header">
1084 <a href="/">
1085 <i class="navbar-item-header-icon hb hb-bundle"></i>
1086
1087 <span class="logo-copy">Humble Bundle</span>
1088
1089 </a>
1090 </li>
1091
1092
1093
1094<script type='text/template' id='site-search-list-product'>
1095 <div data-product='<%- machine_name %>' class='site-search-list-product product-<%- machine_name %>'>
1096 <% var classes = 'product-details-link'; %>
1097 <% if (on_sale) { %>
1098 <% classes += ' product-' + sale_type + '-sale'; %>
1099 <% } %>
1100 <% if (type === 'bundle' || type === 'monthly') { %>
1101 <a href='<%- bundle_path %>?hmb_source=search_bar' class='<%- classes %>'>
1102 <% } else { %>
1103 <a href='/store<%- link %>?hmb_source=search_bar' class='<%- classes %>'>
1104 <% } %>
1105 <div class='scrollable-wrapper' title='<%- human_name %>'>
1106 <img class='product-image' src='<%- storefront_icon %>' alt=''/>
1107 <div class='product-list-wrapper'>
1108 <div class='wishlist-holder'></div>
1109 <div class='buy-button'>
1110 <div class='action-button'>
1111 <% var button_classes = ''; %>
1112 <% var button_text = ''; %>
1113 <% if (on_sale) { %>
1114 <% var percent_off = Math.round(100.0 * ((full_price[0] - current_price[0]) / full_price[0])); %>
1115 <% } %>
1116
1117 <% var text_class = 'text'; %>
1118 <% if (!can_be_purchased || type === 'bundle') { %>
1119 <% button_text = 'View'; %>
1120 <% } else { %>
1121
1122 <% if (type != 'bundle' && display_as_free) { %>
1123 <% button_text = 'Free'; %>
1124 <% button_classes += ' on-sale'; %>
1125 <% } else { %>
1126 <% button_text = button_text || moneyfmt(current_price[0], current_price[1], false, current_country !== 'US') %>
1127 <% text_class += ' store-price'; %>
1128 <% } %>
1129 <% if (on_sale && !display_as_free) { %>
1130 <span class='discount'>-<%= percent_off %>%</span>
1131 <% button_classes += ' on-sale'; %>
1132 <% } %>
1133 <% button_classes += ' js-show-product-details'; %>
1134 <% } %>
1135 <button class='store-item-button js-action-button <%= button_classes %>'>
1136 <i class='hb hb-shopping-cart'></i>
1137 <span class='<%- text_class %>'>
1138 <%= button_text %>
1139 </span>
1140 <span class='view-text'>View</span>
1141 </button>
1142 </div>
1143 </div>
1144 <div class='product-title-and-description'>
1145 <h2 class='product-title'><%- human_name %></h2>
1146 </div>
1147 <div class='platforms-wrapper'>
1148
1149 <% if (cta_badge && cta_badge != 'n/a') { %>
1150 <%= render_platform_icons(icon_dict).trim() %><span class='cta-text <%= cta_badge %>'><%= cta_text %></span>
1151 <% } else { %>
1152 <%= render_platform_icons(icon_dict) %>
1153 <% } %>
1154 </div>
1155 </div>
1156 </div>
1157 </a>
1158 </div>
1159</script>
1160
1161<script type='text/template' id='site-search-empty-product'>
1162 <div class='site-search-list-product'>
1163 <div class='scrollable-wrapper empty-product'>
1164 <div class='product-list-wrapper'>
1165 <div class='product-title-and-description'>
1166 <span class="product-title">Sorry, we could not find what you were looking for!</span>
1167 </div>
1168 </div>
1169 </div>
1170 </div>
1171</script>
1172
1173
1174 <li class='navbar-item site-search'>
1175 <span class='js-site-minisearch site-minisearch-view'>
1176 <span class='js-site-searchbar-holder site-searchbar-holder'>
1177 <div class='searchbar'>
1178 <input class='js-site-search site-search' placeholder='Search'/>
1179 <i class='js-clear-site-search hb hb-search clear-search-button'></i>
1180 </div>
1181 </span>
1182 <div class='js-site-search-results-holder site-search-results-holder'>
1183 <div class='js-site-search-results site-search-results'></div>
1184 </div>
1185 </span>
1186 </li>
1187
1188
1189
1190 </ul>
1191 <ul class="navbar-items-right">
1192
1193
1194 <li class="navbar-item">
1195 <a href='https://support.humblebundle.com' target="_blank">
1196 <i class="navbar-item-icon hb hb-support"></i>
1197 Support
1198 </a>
1199 </li>
1200 <li class="navbar-item">
1201 <a href='http://blog.humblebundle.com/' target="_blank">
1202 <i class="navbar-item-icon hb hb-file"></i>
1203 Blog
1204 </a>
1205 </li>
1206
1207 <li class="navbar-item-dropdown navbar-user-item">
1208
1209 <a class="navbar-item-dropdown-toggle" href="#">
1210 <i class="navbar-item-icon hb hb-user"></i>
1211 <span class="display-name js-displayname-update-listener">salerno.daniele92@gmail.com</span>
1212 <i class="hb hb-caret-down"></i>
1213 </a>
1214
1215
1216 <div class="navbar-item-dropdown-container is-hidden">
1217 <div class="navbar-item-dropdown-items">
1218 <div class="navbar-item-dropdown-arrow"></div>
1219 <ul>
1220
1221 <li class="navbar-item-dropdown-item">
1222 <a href='/home/library'>
1223 <i class="navbar-item-dropdown-icon hb hb-library"></i>
1224 <span class="navbar-item-dropdown-text">Library</span>
1225 </a>
1226 </li>
1227 <li class="navbar-item-dropdown-item">
1228 <a href='/home/purchases'>
1229 <i class="navbar-item-dropdown-icon hb hb-tier"></i>
1230 <span class="navbar-item-dropdown-text">Purchases</span>
1231 </a>
1232 </li>
1233 <li class="navbar-item-dropdown-item">
1234 <a href='/home/keys'>
1235 <i class="navbar-item-dropdown-icon hb hb-key"></i>
1236 <span class="navbar-item-dropdown-text">Keys</span>
1237 </a>
1238 </li>
1239 <li class="navbar-item-dropdown-item">
1240 <a href='/home/coupons'>
1241 <i class="navbar-item-dropdown-icon hb hb-scissors"></i>
1242 <span class="navbar-item-dropdown-text">Coupons</span>
1243 </a>
1244 </li>
1245 <li class="navbar-item-dropdown-item">
1246 <a href='/store/wishlist'>
1247 <i class="navbar-item-dropdown-icon hb hb-star"></i>
1248 <span class="navbar-item-dropdown-text">Wish List</span>
1249 </a>
1250 </li>
1251
1252 <li class="navbar-item-dropdown-item">
1253 <a href='/user/wallet'>
1254 <i class="navbar-item-dropdown-icon hb hb-money"></i>
1255 <span class="navbar-item-dropdown-text">Wallet</span>
1256 </a>
1257 </li>
1258
1259 <li class="navbar-item-dropdown-item">
1260 <a href='/user/settings'>
1261 <i class="navbar-item-dropdown-icon hb hb-cog"></i>
1262 <span class="navbar-item-dropdown-text">Settings</span>
1263 </a>
1264 </li>
1265
1266 <li class="navbar-item-dropdown-item">
1267 <form id="navbar-logout-form" action="/logout?goto=/" method="POST">
1268 <input type='hidden' class='csrftoken' name='_le_csrf_token' value='3-TOS5itZyVKZnKN-1-1478867741' />
1269 <a href="#" onclick="document.getElementById('navbar-logout-form').submit(); return false;">
1270 <i class="navbar-item-dropdown-icon hb hb-sign-out"></i>
1271 <span class="navbar-item-dropdown-text">Logout</span>
1272 </a>
1273 </form>
1274 </li>
1275 </ul>
1276 </div>
1277 </div>
1278
1279 </li>
1280
1281
1282
1283 </ul>
1284</nav>
1285</div>
1286 <nav class="tabbar">
1287 </nav>
1288<div class="base-main-wrapper">
1289 <!--[if lte IE 9]><style>/* AUTO-GENERATED */
1290.tabbar { display: inline-block; width: 100%; text-align: center; }
1291.tabbar-tab { display: inline-block; }</style><![endif]-->
1292
1293
1294
1295
1296
1297
1298
1299<div id="page-top-messages"></div>
1300
1301<div class="page_title"></div>
1302 <div class="inner-main-wrapper">
1303
1304
1305<div class="js-library-holder js-holder hidden"></div>
1306<div class="js-purchase-holder js-holder hidden"></div>
1307<div class="js-claimed-orders-holder js-holder hidden"></div>
1308<div class="js-key-manager-holder js-holder hidden"></div>
1309<div class="js-coupon-holder js-holder hidden"></div>
1310<div class="bottom-tab-shortcuts">
1311 <a href="/home/library">Library</a> |
1312 <a href="/home/purchases">Purchases</a> |
1313 <a href="/home/keys">Keys</a> |
1314 <a href="/home/coupons">Coupons</a>
1315</div>
1316</div>
1317 </div>
1318
1319
1320
1321<div class='grayout'>
1322 <div class='grayout-inner'>
1323 </div>
1324</div>
1325
1326<div id='site-modal'></div>
1327
1328<script>
1329/* v1.0.1 */(function(b){b.fn.mailcheck=function(a,b){var d="yahoo.com,google.com,hotmail.com,gmail.com,me.com,aol.com,mac.com,live.com,comcast.net,googlemail.com,msn.com,hotmail.co.uk,yahoo.co.uk,facebook.com,verizon.net,sbcglobal.net,att.net,gmx.com,mail.com".split(",");if("object"===typeof a&&void 0===b)a.domains=a.domains||d;else{var e=a,a=b;a.domains=e||d}(d=Kicksend.mailcheck.suggest(encodeURI(this.val()),a.domains))?a.suggested&&a.suggested(this,d):a.empty&&a.empty(this)}})(jQuery);
1330var Kicksend={mailcheck:{threshold:3,suggest:function(b,a){var b=b.toLowerCase(),c=this.splitEmail(b),d=this.findClosestDomain(c.domain,a);return d?{address:c.address,domain:d,full:c.address+"@"+d}:!1},findClosestDomain:function(b,a){for(var c,d=99,e=null,f=0;f<a.length;f++){if(b===a[f])return!1;c=this.stringDistance(b,a[f]);c<d&&(d=c,e=a[f])}return d<=this.threshold&&null!==e?e:!1},stringDistance:function(b,a){if(null==b||0===b.length)return null==a||0===a.length?0:a.length;if(null==a||0===a.length)return b.length;
1331for(var c=0,d=0,e=0,f=0;c+d<b.length&&c+e<a.length;){if(b[c+d]==a[c+e])f++;else for(var g=e=d=0;5>g;g++){if(c+g<b.length&&b[c+g]==a[c]){d=g;break}if(c+g<a.length&&b[c]==a[c+g]){e=g;break}}c++}return(b.length+a.length)/2-f},splitEmail:function(b){b=b.split("@");if(2>b.length)return!1;for(var a=0;a<b.length;a++)if(""===b[a])return!1;return{domain:b.pop(),address:b.join("@")}}}};
1332</script>
1333<script>
1334require(['account/accountModals'], function (accountModals) {
1335 window.modal_attributes = {
1336 request_reason: "",
1337 base_url_secure: "https://www.humblebundle.com",
1338 goto: "",
1339 qs: "",
1340 csrf_token_input: "<input type='hidden' class='csrftoken' name='_le_csrf_token' value='3-TOS5itZyVKZnKN-1-1478867741' />"
1341 };
1342 accountModals.bindCancelDialog();
1343 accountModals.bindAccountModalHandling({
1344 debug: false,
1345 attributes: window.modal_attributes
1346 });
1347});
1348</script>
1349<div ssl='on' id='pubnub'></div>
1350<script>
1351// log all calls and be able to play them back on another object
1352// sort of like a more generic version of the _gaq object
1353function Replayer(methods) {
1354 this._log = [];
1355 var self = this;
1356
1357 methods.forEach(function(method) {
1358 self[method] = function() {
1359 self._log.push([method, Array.prototype.slice.call(arguments)]);
1360 };
1361 });
1362
1363 this._playback = function (obj) {
1364 self._log.forEach(function(entry) {
1365 methodname = entry[0];
1366 args = entry[1];
1367 method = obj[methodname];
1368 method.apply(obj, args);
1369 });
1370 };
1371}
1372
1373window.pubnub_client = new Replayer(['subscribe', 'history']);
1374
1375var pubnub_async_loader = function(PUBNUB) {
1376 if (typeof PUBNUB === "string") {
1377 PUBNUB = window.PUBNUB;
1378 }
1379
1380 var pubnub_callbacks = {};
1381 /* {
1382 'stats': [callback1, callback2]
1383 'thanks': [thankscallback]
1384 }
1385 */
1386
1387 var register_pubnub_handler = function (channel, callback) {
1388 var channel_callbacks = pubnub_callbacks[channel];
1389 if (channel_callbacks == undefined) {
1390 channel_callbacks = [];
1391 }
1392 channel_callbacks.push(callback);
1393 pubnub_callbacks[channel] = channel_callbacks;
1394 };
1395
1396 var pubnub_delegator = function (message, envelope, channel) {
1397 var callbacks = pubnub_callbacks[channel];
1398 for (var i = 0; i < callbacks.length; i++) {
1399 callbacks[i](message);
1400 }
1401 };
1402
1403 var original_pubnub_client = PUBNUB.init({
1404 noleave: true,
1405 ssl: true,
1406 origin: 'humble.pubnub.com',
1407 subscribe_key: '6b5eeae3-796b-11df-8b2d-ef048cc31d2e'
1408 });
1409
1410 var multiplexed_pubnub_client = {};
1411 $.extend(multiplexed_pubnub_client, original_pubnub_client);
1412 multiplexed_pubnub_client.subscribe = function(options) {
1413 var callback = options['callback'];
1414 var channel = options['channel'];
1415 delete options['callback'];
1416 register_pubnub_handler(channel, callback);
1417 options['callback'] = pubnub_delegator;
1418 return original_pubnub_client.subscribe(options);
1419 };
1420 multiplexed_pubnub_client.ready(); // since we fire after the ready event, trigger it on the pubnub object
1421 window.pubnub_client._playback(multiplexed_pubnub_client);
1422 window.pubnub_client = multiplexed_pubnub_client;
1423};
1424// Using requirejs instead of require because it appears that the ACE editor has some sort of conflict.
1425if (typeof requirejs === 'function') {
1426 requirejs(['https://humblebundle-a.akamaihd.net/static/hashed/998cdf8d471fa4ae7935c0bc267cae547fa8826e.js'], pubnub_async_loader)
1427} else {
1428 async_js('https://humblebundle-a.akamaihd.net/static/hashed/998cdf8d471fa4ae7935c0bc267cae547fa8826e.js', pubnub_async_loader);
1429}
1430</script>
1431
1432
1433<div id='flash'></div>
1434
1435 <script>
1436 $(window).ready(function() {
1437 //
1438 var urls = [
1439 'https://connect.facebook.net/en_US/all.js',
1440 'https://apis.google.com/js/platform.js',
1441 'https://platform.twitter.com/widgets.js'
1442 ];
1443 _(urls).each(function(url) {
1444 async_js(url);
1445 });
1446 });
1447</script>
1448
1449 <script id="js-google-analytics">
1450 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1451 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1452 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1453 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
1454 ga('create', 'UA-467050-6', 'auto');
1455 ga('require', 'displayfeatures');
1456 ga('require', 'ecommerce');
1457 ga('require', 'linkid', 'linkid.js');
1458
1459 function _hbga(verb){
1460 ga.apply(this, arguments);
1461 }
1462
1463 _hbga('send', 'pageview');
1464</script>
1465<script>
1466 function _gaTrackEvent(category, action, opt_label, opt_value, opts) {
1467 category = category || ('/' + window.location.pathname.split('/')[1]);
1468 _hbga('send', 'event', category, action, opt_label, opt_value, opts);
1469 }
1470 function _gaTrackPageview(page) {
1471 _hbga('send', 'pageview', page);
1472 }
1473 function _gaTrackEventNoninteractive(category, action, opt_label, opt_value) {
1474 _gaTrackEvent(category, action, opt_label, opt_value, {'nonInteraction': 1})
1475 }
1476</script>
1477
1478
1479<!-- Facebook Pixel Code -->
1480<script>
1481 !function(f,b,e,v,n,t,s)
1482 {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
1483 n.callMethod.apply(n,arguments):n.queue.push(arguments)};
1484 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
1485 n.queue=[];t=b.createElement(e);t.async=!0;
1486 t.src=v;s=b.getElementsByTagName(e)[0];
1487 s.parentNode.insertBefore(t,s)}(window,document,'script',
1488 'https://connect.facebook.net/en_US/fbevents.js');
1489 fbq('init', '1658430177760250');
1490 fbq('track', 'PageView');
1491</script>
1492<noscript>
1493 <img height="1" width="1" src="https://www.facebook.com/tr?id=1658430177760250&ev=PageView&noscript=1"/>
1494</noscript>
1495<!-- End Facebook Pixel Code -->
1496
1497
1498 <script async src='https://checkout.stripe.com/checkout.js'></script>
1499
1500 <script>
1501 var _user_id = "qZR2L0yX5DWGaKRtmI0qNAgOi7lMkrJG2fVxq5sfsOc6rm6Fzvkc4D82lnEBEfflVD";
1502
1503var _sift = _sift || [];
1504_sift.push(['_setAccount', 'fa5602386c']);
1505_sift.push(['_setUserId', _user_id]);
1506_sift.push(['_trackPageview']);
1507(function () {
1508 function ls() {
1509 var e = document.createElement('script');
1510 e.type = 'text/javascript';
1511 e.async = true;
1512 e.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.siftscience.com/s.js';
1513 var s = document.getElementsByTagName('script')[0];
1514 s.parentNode.insertBefore(e, s);
1515 }
1516
1517 if (window.attachEvent) {
1518 window.attachEvent('onload', ls);
1519 } else {
1520 window.addEventListener('load', ls, false);
1521 }
1522})();
1523 </script>
1524
1525 <script></script>
1526
1527 <script>
1528 var activePlatform = "windows";
1529var gamekeys = ["YHuKBD5YywF5ZCEN", "NTtdpYa6aUUh4HEs", "WuxpW88tHx32XHVE", "v433SUrmT3DXeqaw", "zVumGH2ZK3ZcrdBt", "qaTyKuCBzMSbR6Pu", "6UMZ8MnszVMBXpm5", "kYWeTRYuCNW2kq5F", "5fM28bpM43BRu5FT", "FqdM7yvhH3YpyDch", "47xAAW2TkHXhkXtc", "ZuNZF3FZ5WtspuEd", "rsr5s5GVkkB423KF", "xE5Y67PBtvB46dtB", "mtBYZWeDfMKKsuAW", "bUq8SzkFZRCmP2ff", "ysz63aEyKRKXcEeE"];
1530var hasAdmin = false;
1531
1532require([
1533 'downloadPages/userHome/main'], function (
1534 initHomeRouter
1535) {
1536 initHomeRouter(gamekeys, activePlatform, hasAdmin);
1537});
1538
1539var runanalytics = function() {
1540 var analyze = function(id) {
1541 if (!id) return;
1542 var storage = getLocalStorage();
1543 var previds = storage.getItem('hbprevids') || '';
1544 if (previds.match(id)) return;
1545
1546 $.post('/analytics', {'id':id}, function(data) {
1547 var gaData;
1548
1549 if (data.complete) {
1550 storage.setItem('hbprevids', previds + ',' + id);
1551 }
1552
1553 if (!data.uid) {
1554 return;
1555 }
1556
1557 gaData = {
1558 id: data.uid,
1559 revenue: data.amount
1560 };
1561 ga('ecommerce:addTransaction', gaData);
1562 ga('send', {
1563 hitType: 'event',
1564 eventCategory: 'Purchase',
1565 eventAction: data.category,
1566 eventLabel: data.product,
1567 eventValue: data.pennies
1568 });
1569 for (var i = 0; i < data.items.length; i++) {
1570 var item = data.items[i];
1571
1572 gaData = {
1573 id: data.uid,
1574 name: item.kind,
1575 sku: data.product,
1576 category: item.kind,
1577 price: item.amount,
1578 quantity: '1'
1579 };
1580 ga('ecommerce:addItem', gaData);
1581 }
1582
1583 ga('ecommerce:send');
1584 },'json');
1585 };
1586
1587
1588 analyze($.cookie('hbuid'));
1589
1590 var partnerId = $.cookie('partner_id');
1591 if (partnerId) {
1592 ga('set', 'dimension2', partnerId);
1593 }
1594};
1595runanalytics();
1596
1597/*
1598 * TypeWatch 2.0 - Original by Denny Ferrassoli / Refactored by Charles Christolini
1599 *
1600 * Examples/Docs: www.dennydotnet.com
1601 *
1602 * Copyright(c) 2007 Denny Ferrassoli - DennyDotNet.com
1603 * Coprright(c) 2008 Charles Christolini - BinaryPie.com
1604 *
1605 * Dual licensed under the MIT and GPL licenses:
1606 * http://www.opensource.org/licenses/mit-license.php
1607 * http://www.gnu.org/licenses/gpl.html
1608 */
1609
1610(function(jQuery) {
1611 jQuery.fn.typeWatch = function(o) {
1612 // Options
1613 var options = jQuery.extend({
1614 wait : 750,
1615 callback : function() {
1616 },
1617 highlight : true,
1618 captureLength : 2
1619 }, o);
1620
1621 function checkElement(timer, override) {
1622 var elTxt = jQuery(timer.el).val();
1623
1624 // Fire if text > options.captureLength AND text != saved txt OR if override AND text > options.captureLength
1625 if ((elTxt.length > options.captureLength && elTxt.toUpperCase() != timer.text)
1626 || (override && elTxt.length > options.captureLength)) {
1627 timer.text = elTxt.toUpperCase();
1628 timer.cb(elTxt);
1629 }
1630 };
1631
1632 function watchElement(elem) {
1633 // Must be text or textarea
1634 if (elem.type.toUpperCase() == "TEXT" || elem.nodeName.toUpperCase() == "TEXTAREA") {
1635
1636 // Allocate timer element
1637 var timer = {
1638 timer : null,
1639 text : jQuery(elem).val().toUpperCase(),
1640 cb : options.callback,
1641 el : elem,
1642 wait : options.wait
1643 };
1644
1645 // Set focus action (highlight)
1646 if (options.highlight) {
1647 jQuery(elem).focus(
1648 function() {
1649 this.select();
1650 });
1651 }
1652
1653 // Key watcher / clear and reset the timer
1654 var startWatch = function(evt) {
1655 var timerWait = timer.wait;
1656 var overrideBool = false;
1657
1658 if (evt.keyCode == 13 && this.type.toUpperCase() == "TEXT") {
1659 timerWait = 1;
1660 overrideBool = true;
1661 }
1662
1663 var timerCallbackFx = function() {
1664 checkElement(timer, overrideBool)
1665 }
1666
1667 // Clear timer
1668 clearTimeout(timer.timer);
1669 timer.timer = setTimeout(timerCallbackFx, timerWait);
1670
1671 };
1672
1673 jQuery(elem).keydown(startWatch);
1674 // HTML5 adds an "input" event which is a more reliable way of telling
1675 // when the field has changed -- it fires for things like browser
1676 // autofill (where there is no keydown event). For browsers that support
1677 // it, we bind startWatch to fire here too.
1678 jQuery(elem).bind('input', startWatch);
1679 }
1680 }
1681
1682 ;
1683
1684 // Watch Each Element
1685 return this.each(function(index) {
1686 watchElement(this);
1687 });
1688
1689 };
1690
1691})(jQuery);
1692var MAILCHECK_DOMAINS = ['gmail.com', 'hotmail.com', 'yahoo.com', 'hotmail.co.uk', 'googlemail.com', 'gmx.de', 'live.com', 'live.ca', 'web.de', 'aol.com', 'msn.com', 'comcast.net', 'me.com', 'gmx.net', 'hotmail.fr', 'mail.ru', 'yahoo.co.uk', 'live.co.uk', 'yandex.ru', 'mac.com', 'yahoo.de', 'yahoo.fr'];
1693
1694
1695
1696function isValidEmail(e) {
1697 return (e != '') && /.+@.+\..+/.test(e);
1698}
1699
1700function live_email_check($field, setEmailMessage) {
1701 var emailValid = false;
1702 $field.mailcheck({
1703 domains: MAILCHECK_DOMAINS,
1704 suggested: function($input, suggestion) {
1705 // set the error text to the suggested correction
1706 var message = 'Did you mean <a href="#" class="suggested-email" data-email="' + suggestion['full'] + '">' + suggestion['address'] + '@<strong>' + suggestion['domain'] + '</strong></a>?'
1707 var $msgField = setEmailMessage($field, message);
1708 $msgField.find('.suggested-email').click(function(e) {
1709 e.preventDefault();
1710 $input.val($(this).data('email'));
1711 live_email_check($field, setEmailMessage, false);
1712 });
1713 emailValid = true;
1714 },
1715 empty: function($input) {
1716 // no suggested domain correction, check if the email address looks valid
1717 var email = $input.val();
1718 emailValid = isValidEmail(email);
1719 if (emailValid) {
1720 setEmailMessage($field, false);
1721 } else {
1722 setEmailMessage($field, 'Email address is not valid', true);
1723 }
1724 }
1725 });
1726 return emailValid;
1727}
1728// this method will set up email "validation" and error correction.
1729// Parameters:
1730// $field is the input field to bind to
1731// setEmailMessage is a function that takes the input field the error is related to and a message to set.
1732// It sets the message then returns the error holder.
1733function bindEmailField($field, setEmailMessage){
1734 function bound_live_email_check () {
1735 live_email_check($field, setEmailMessage);
1736 }
1737 $field.typeWatch({
1738 callback: bound_live_email_check,
1739 captureLength: -1,
1740 highlight: false,
1741 wait: 500
1742 });
1743}
1744var flash = $('#flash');
1745
1746function show_flash(message){
1747 flash.text(message)
1748 flash.show();
1749
1750 setTimeout(function() {
1751 flash.fadeOut();
1752 },5000);
1753}
1754
1755function set_flash(message) {
1756 $.cookie('hbflash', message, {path: '/'});
1757}
1758
1759$(function(){
1760 function show_flash(message){
1761 flash.text(message)
1762 flash.show();
1763
1764 setTimeout(function() {
1765 flash.fadeOut();
1766 },5000);
1767 }
1768
1769 var flashmessage = $.cookie('hbflash');
1770 if (flashmessage == 'None') {
1771 flashmessage = '';
1772 }
1773
1774 if (flashmessage) {
1775 show_flash(flashmessage);
1776 $.cookie('hbflash', 'None', {path: '/'});
1777 }
1778
1779 flash.click(function(){
1780 flash.fadeOut();
1781 });
1782});
1783require([
1784 'lib/require-domReady',
1785 'search/search',
1786 'lib/algolia'
1787], function(domReady, SiteSearchView, algoliasearch) {
1788 var public_key ='AYSZEWDAZ2';
1789 var search_key ='e287f1da94f143ba1c4a5ec357135623';
1790 var index_name ='slave_product_query_site_search';
1791 var algolia_client = algoliasearch(public_key, search_key).initIndex(index_name);
1792 var options = {
1793 'pricing_constants': {
1794 'current_country': "IT",
1795 'currencies': ["USD", "EUR", "GBP"],
1796 'exchange_rates': {"USD": 1.0, "IDR": 13397.908270965267, "BGN": 1.8766071771253119, "ILS": 3.8676837459220881, "GBP": 0.8073306467088851, "DKK": 7.1332757628094416, "CAD": 1.3382268278641336, "JPY": 117.24237190558433, "HUF": 299.16522740356936, "RON": 4.3349644981769337, "MYR": 4.4780272500479752, "SEK": 9.383995394358088, "SGD": 1.4491460372289389, "HKD": 7.766839378238342, "AUD": 1.3769909806179237, "CHF": 1.0275379005948955, "KRW": 1188.7929380157359, "CNY": 6.9532719247745156, "TRY": 3.5052772980234121, "HRK": 7.2298982920744574, "NZD": 1.4414699673767031, "THB": 35.884667050470156, "EUR": 0.95950873152945693, "NOK": 8.6821147572442907, "RUB": 61.895509499136445, "INR": 67.85885626559201, "MXN": 20.426117827672233, "CZK": 25.926885434657457, "BRL": 3.3766071771253117, "PLN": 4.2323930147764344, "PHP": 50.052772980234117, "ZAR": 14.075033582805604},
1797 'euro_countries': ["BE", "FR", "BG", "DK", "HR", "DE", "HU", "FI", "BA", "NL", "PT", "NO", "LI", "LV", "LT", "LU", "RO", "PL", "VA", "CH", "GR", "EE", "IT", "AL", "CZ", "CY", "AT", "AD", "IE", "ES", "ME", "EUROPE_EURO", "MC", "RS", "MK", "SK", "MT", "SI", "SM", "SE"],
1798 'gbp_countries': ["GS", "GG", "SH", "IM", "GB", "UK", "JE", "EUROPE_GBP", "BQ"]
1799 },
1800 'bundle_icon': "https://humblebundle-a.akamaihd.net/static/hashed/40f0b827c9d1c12cfc3dfd358ec39cc34e5dd3a7.jpg",
1801 'monthly_icon': "https://humblebundle-a.akamaihd.net/static/hashed/ac7ab70a9a2116ba9fae8feead3ba35fe1c609f5.jpg",
1802 'algolia_client': algolia_client
1803 };
1804 domReady(function() {
1805 var searchBars = $('.site-minisearch-view');
1806 for (var idx = 0; idx < searchBars.length; idx++) {
1807 options.$el = $(searchBars[idx]);
1808 new SiteSearchView(options);
1809 }
1810 });
1811});
1812$(document).ready(function() {
1813 var Dropdown = (function() {
1814 function Dropdown(options) {
1815 var that = this;
1816
1817 this.el = {
1818 $toggle: options.toggleEl,
1819 $container: options.containerEl
1820 };
1821
1822 this.events = {
1823 toggleClick: function(event) {
1824 event.stopPropagation();
1825 event.preventDefault();
1826 that.toggleState();
1827 that.render();
1828 if (that.visible) {
1829 return that.bindToDocument();
1830 } else {
1831 return that.unbindToDocument();
1832 }
1833 },
1834 hide: function() {
1835 that.visible = false;
1836 that.render();
1837 return that.unbindToDocument();
1838 }
1839 };
1840
1841 if (_.has(options, 'visible')) {
1842 this.visible = options.visible;
1843 } else {
1844 this.visible = true;
1845 }
1846 if (options.hiddenClass) {
1847 this.hiddenClass = options.hiddenClass;
1848 } else {
1849 this.hiddenClass = 'is-hidden';
1850 }
1851 this.validateOptions().bind().render();
1852 }
1853
1854 Dropdown.prototype.validateOptions = function() {
1855 var messages;
1856 messages = {
1857 toggleNotFound: 'Toggle element not found',
1858 containerNotFound: 'Container element not found'
1859 };
1860 if (!this.el.$toggle.length) {
1861 throw new Error(messages.toggleNotFound);
1862 }
1863 if (!this.el.$container.length) {
1864 throw new Error(messages.containerNotFound);
1865 }
1866 return this;
1867 };
1868
1869 Dropdown.prototype.remove = function() {
1870 this.unbind();
1871 delete this.el;
1872 delete this.events;
1873 return this;
1874 };
1875
1876
1877 // Ctrl: Event handling
1878 Dropdown.prototype.bind = function() {
1879 this.el.$toggle.on('click', this.events.toggleClick);
1880 return this;
1881 };
1882
1883 Dropdown.prototype.unbind = function() {
1884 this.el.$toggle.off('click', this.events.toggleClick);
1885 return this;
1886 };
1887
1888 Dropdown.prototype.bindToDocument = function() {
1889 $(document).on('click', this.events.hide);
1890 return this;
1891 };
1892
1893 Dropdown.prototype.unbindToDocument = function() {
1894 $(document).off('click', this.events.hide);
1895 return this;
1896 };
1897
1898 // Ctrl: State handling
1899 Dropdown.prototype.toggleState = function() {
1900 this.visible = !this.visible;
1901 return this;
1902 };
1903
1904
1905 // View: DOM manipulation
1906 Dropdown.prototype.render = function() {
1907 if (this.visible) {
1908 this.$show();
1909 } else {
1910 this.$hide();
1911 }
1912 return this;
1913 };
1914
1915 Dropdown.prototype.$hide = function() {
1916 if (!this.el.$container.hasClass(this.hiddenClass)) {
1917 this.el.$container.addClass(this.hiddenClass);
1918 }
1919 return this;
1920 };
1921
1922 Dropdown.prototype.$show = function() {
1923 if (this.el.$container.hasClass(this.hiddenClass)) {
1924 this.el.$container.removeClass(this.hiddenClass);
1925 }
1926 return this;
1927 };
1928
1929 return Dropdown;
1930
1931 })();
1932
1933 $('.navbar-item-dropdown-toggle').each(function() {
1934 var $toggle = $(this),
1935 d = new Dropdown({
1936 toggleEl: $toggle,
1937 containerEl: $toggle.siblings('.navbar-item-dropdown-container'),
1938 fadeTime: 200,
1939 visible: false
1940 })
1941 ;
1942 d.render();
1943 });
1944});
1945
1946
1947(function(){
1948 var TIMER_FREQUENCY = 500;
1949
1950 var drawsimpleclock = function(t, $element) {
1951 for (var i=0;i<t.length;i++) {
1952 var d = '' + Math.floor(t[i]);
1953 if (d.length == 1) d = '0' + d;
1954 $element.find('.digit.' + i).text(d);
1955 }
1956 };
1957
1958 var drawclock = function(t, $element) {
1959 for (var i=0;i<t.length;i++) {
1960 var d = '' + Math.floor(t[i]);
1961 if (d.length == 1) d = '0' + d;
1962 for (var j=0;j<2;j++) {
1963 $element.find('.c' + (2*i + j)).find('.top-cutter .heading-num').text(d.substr(j,1));
1964 }
1965 }
1966 };
1967
1968 var count = function(d, element) {
1969 var s = Math.max((new Date(d - new Date())).valueOf(),0),
1970 digits = $.map([s / 86400000,s / 3600000 % 24,s / 60000 % 60,s / 1000 % 60],function(a) {return parseInt(a);}),
1971 $el = $(element);
1972 if ($el.hasClass('simple-timer')) {
1973 drawsimpleclock(digits, $el);
1974 } else {
1975 drawclock(digits, $el);
1976 }
1977 };
1978
1979 var timers = [];
1980 var timerIntervals = [];
1981
1982 window.start_countdown_timer = function(d, element){
1983 var timer_callback = function(){
1984 count(d, element);
1985 };
1986 timers.push(timer_callback);
1987 timerIntervals.push(setInterval(timer_callback, TIMER_FREQUENCY));
1988 timer_callback();
1989 };
1990
1991 window.start_countdown_timers = function() {
1992 $('.js-countdown-timer').each(function(i, el) {
1993 var $el = $(el);
1994 var end_time = $el.data('end-time');
1995 var timer = function() {
1996 $el.text(render_time_remaining_until(end_time));
1997 };
1998
1999 timers.push(timer);
2000 timerIntervals.push(setInterval(timer, TIMER_FREQUENCY));
2001 });
2002 };
2003
2004 window.pause_timers = function(){
2005 for(var i = timerIntervals.length - 1; i >= 0; i--){
2006 clearInterval(timerIntervals.pop());
2007 }
2008 }
2009
2010 window.resume_timers = function(){
2011 for(var i = 0; i < timers.length; i++){
2012 timerIntervals.push(setInterval(timers[i], TIMER_FREQUENCY));
2013 }
2014 }
2015
2016})();
2017
2018$(function() {
2019 function start_timer (element) {
2020 var timing = $(element).data('timing');
2021 var enddate = new Date(timing.end * 1000);
2022 start_countdown_timer(enddate, element);
2023 };
2024
2025 var $timers = $('.tabbar .tabbar-timer');
2026 $timers.each(function (i, el) {
2027 start_timer($(el));
2028 });
2029});
2030 </script>
2031
2032
2033 </div><!--[if lte IE 9]><style>/* AUTO-GENERATED */
2034.site-footer-col, .site-footer-cols, .site-footer-social-widget-list { display: inline-block; }
2035.site-footer-col section, .site-footer-cols section, .site-footer-social-widget-list section, .site-footer-col div, .site-footer-cols div, .site-footer-social-widget-list div, .site-footer-col .site-footer-social-widget-list-item, .site-footer-cols .site-footer-social-widget-list-item, .site-footer-social-widget-list .site-footer-social-widget-list-item { display: inline-block; }
2036
2037.site-footer { text-align: center; }</style><![endif]-->
2038
2039<footer class="site-footer-container">
2040 <div class="site-footer">
2041 <nav class="site-footer-cols">
2042 <div class="site-footer-col site-footer-col-links">
2043 <section>
2044 <ul class="site-footer-list">
2045 <li class="site-footer-list-item">
2046 <a href="https://support.humblebundle.com" target="_blank">
2047 Support
2048 </a>
2049 </li>
2050 <li class="site-footer-list-item">
2051 <a href="http://blog.humblebundle.com" target="_blank">
2052 Blog
2053 </a>
2054 </li>
2055 <li class="site-footer-list-item">
2056 <a href="/developer" target="_blank">
2057 Developer
2058 </a>
2059 </li>
2060 <li class="site-footer-list-item">
2061 <a href="https://jobs.humblebundle.com" target="_blank">
2062 Careers
2063 </a>
2064 </li>
2065 </ul>
2066 </section>
2067
2068 <section>
2069 <ul class="site-footer-list">
2070 <li class="site-footer-list-item">
2071 <a href="/terms" target="_blank">
2072 Terms of Service
2073 </a>
2074 </li>
2075 <li class="site-footer-list-item">
2076 <a href="/privacy" target="_blank">
2077 Privacy Policy
2078 </a>
2079 </li>
2080 <li class="site-footer-list-item">
2081 <a href="/resender" target="_blank">
2082 Order Resender
2083 </a>
2084 </li>
2085 </ul>
2086 </section>
2087 </div>
2088
2089 <div class="site-footer-col site-footer-col-social">
2090 <ul class="site-footer-social-widget-list">
2091 <li class="site-footer-social-widget-list-item">
2092 <a href="https://www.facebook.com/humblebundle" target="_blank">Facebook</a>
2093 <div class="site-footer-facebook-widget">
2094 <div id="fb-root"></div>
2095 <fb:like href="https://www.facebook.com/humblebundle" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>
2096 </div>
2097 </li>
2098 <li class="site-footer-social-widget-list-item">
2099 <a href="https://twitter.com/humble" target="_blank">Twitter</a>
2100 <div class="site-footer-twitter-widget">
2101 <a href="https://twitter.com/humble" class="twitter-follow-button"
2102 data-show-count="true" data-show-screen-name="false"
2103 data-width="150px">Follow</a>
2104 </div>
2105 </li>
2106 <li class="site-footer-social-widget-list-item">
2107 <a href="https://plus.google.com/+HumbleBundle" target="_blank">Google+</a>
2108 <div class="site-footer-gplus-widget">
2109 <div class="g-follow" data-annotation="bubble" data-height="20" data-href="https://plus.google.com/+HumbleBundle" data-rel="author"></div>
2110 </div>
2111 </li>
2112 </ul>
2113 </div>
2114 </nav>
2115 </div>
2116</footer><!-- /.site-footer --></body>
2117</html>