From fa23bfe4bb6e67b572cf50c25918f29756f3a296 Mon Sep 17 00:00:00 2001
From: Gabriel Rodriguez Alsina <gabriel.rodriguez@altoros.com>
Date: Mon, 17 Dec 2018 23:10:54 -0300
Subject: [PATCH] (Add) mobile menu background styles - header styles - general
 layout - refactored some elements

---
 src/App.js                                    |  16 +-
 src/assets/images/logos/logo_loader.svg       |   1 -
 src/assets/images/socials/git-sokol.png       | Bin 339 -> 0 bytes
 src/assets/images/socials/git-sokol@2x.png    | Bin 637 -> 0 bytes
 src/assets/images/socials/git.png             | Bin 340 -> 0 bytes
 src/assets/images/socials/git@2x.png          | Bin 632 -> 0 bytes
 src/assets/images/socials/poa-sokol.png       | Bin 214 -> 0 bytes
 src/assets/images/socials/poa-sokol@2x.png    | Bin 341 -> 0 bytes
 src/assets/images/socials/poa.png             | Bin 214 -> 0 bytes
 src/assets/images/socials/poa@2x.png          | Bin 341 -> 0 bytes
 src/assets/images/socials/telegram-sokol.png  | Bin 277 -> 0 bytes
 .../images/socials/telegram-sokol@2x.png      | Bin 505 -> 0 bytes
 src/assets/images/socials/telegram.png        | Bin 277 -> 0 bytes
 src/assets/images/socials/telegram@2x.png     | Bin 505 -> 0 bytes
 src/assets/images/socials/tw-sokol.png        | Bin 241 -> 0 bytes
 src/assets/images/socials/tw-sokol@2x.png     | Bin 424 -> 0 bytes
 src/assets/images/socials/tw.png              | Bin 240 -> 0 bytes
 src/assets/images/socials/tw@2x.png           | Bin 426 -> 0 bytes
 .../stylesheets/application/_footer.scss      |  62 ------
 .../stylesheets/application/_header.scss      | 193 ------------------
 .../stylesheets/application/_layout.scss      |  52 -----
 .../stylesheets/application/_loading.scss     |  78 -------
 .../stylesheets/application/_search.scss      |   1 +
 .../stylesheets/application/_socials.scss     | 104 ----------
 src/assets/stylesheets/components/_App.scss   |  71 +++++++
 .../stylesheets/components/_Footer.scss       |   1 +
 .../stylesheets/components/_Header.scss       | 140 +++++++++++++
 .../components/_MobileMenuLinks.scss          |  56 +++++
 src/assets/stylesheets/components/_index.scss |  15 +-
 .../stylesheets/components/_link-icons.scss   |  31 +++
 .../stylesheets/helpers/_variables.scss       |   2 +-
 src/assets/stylesheets/index.css              |   2 +-
 src/assets/stylesheets/index.scss             |  11 -
 src/assets/stylesheets/layout/_base.scss      |  25 +--
 src/assets/stylesheets/vendors/_index.scss    |   1 +
 .../select/_components.scss                   |   0
 .../select/_control.scss                      |   0
 .../select/_default.scss                      |   0
 .../stylesheets/vendors/select/_index.scss    |   5 +
 .../select/_menu.scss                         |   0
 .../select/_mixins.scss                       |   0
 .../select/_multi.scss                        |   0
 .../select/_select.scss                       |   0
 .../select/_spinner.scss                      |   0
 src/components/Header.jsx                     |  44 ----
 src/components/Header/index.js                |  42 ++++
 src/components/MobileMenuLinks.jsx            |  17 --
 src/components/MobileMenuLinks/index.js       |  22 ++
 src/components/Settings.jsx                   |  30 ---
 src/components/index.js                       |   9 +-
 50 files changed, 403 insertions(+), 628 deletions(-)
 delete mode 100644 src/assets/images/logos/logo_loader.svg
 delete mode 100644 src/assets/images/socials/git-sokol.png
 delete mode 100644 src/assets/images/socials/git-sokol@2x.png
 delete mode 100644 src/assets/images/socials/git.png
 delete mode 100644 src/assets/images/socials/git@2x.png
 delete mode 100644 src/assets/images/socials/poa-sokol.png
 delete mode 100644 src/assets/images/socials/poa-sokol@2x.png
 delete mode 100644 src/assets/images/socials/poa.png
 delete mode 100644 src/assets/images/socials/poa@2x.png
 delete mode 100644 src/assets/images/socials/telegram-sokol.png
 delete mode 100644 src/assets/images/socials/telegram-sokol@2x.png
 delete mode 100644 src/assets/images/socials/telegram.png
 delete mode 100644 src/assets/images/socials/telegram@2x.png
 delete mode 100644 src/assets/images/socials/tw-sokol.png
 delete mode 100644 src/assets/images/socials/tw-sokol@2x.png
 delete mode 100644 src/assets/images/socials/tw.png
 delete mode 100644 src/assets/images/socials/tw@2x.png
 delete mode 100644 src/assets/stylesheets/application/_footer.scss
 delete mode 100644 src/assets/stylesheets/application/_header.scss
 delete mode 100644 src/assets/stylesheets/application/_layout.scss
 delete mode 100644 src/assets/stylesheets/application/_loading.scss
 delete mode 100644 src/assets/stylesheets/application/_socials.scss
 create mode 100644 src/assets/stylesheets/components/_App.scss
 create mode 100644 src/assets/stylesheets/components/_Header.scss
 create mode 100644 src/assets/stylesheets/components/_MobileMenuLinks.scss
 create mode 100644 src/assets/stylesheets/components/_link-icons.scss
 rename src/assets/stylesheets/{application => vendors}/select/_components.scss (100%)
 rename src/assets/stylesheets/{application => vendors}/select/_control.scss (100%)
 rename src/assets/stylesheets/{application => vendors}/select/_default.scss (100%)
 create mode 100644 src/assets/stylesheets/vendors/select/_index.scss
 rename src/assets/stylesheets/{application => vendors}/select/_menu.scss (100%)
 rename src/assets/stylesheets/{application => vendors}/select/_mixins.scss (100%)
 rename src/assets/stylesheets/{application => vendors}/select/_multi.scss (100%)
 rename src/assets/stylesheets/{application => vendors}/select/_select.scss (100%)
 rename src/assets/stylesheets/{application => vendors}/select/_spinner.scss (100%)
 delete mode 100644 src/components/Header.jsx
 create mode 100644 src/components/Header/index.js
 delete mode 100644 src/components/MobileMenuLinks.jsx
 create mode 100644 src/components/MobileMenuLinks/index.js
 delete mode 100644 src/components/Settings.jsx

diff --git a/src/App.js b/src/App.js
index e5c8757..f80dee4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -140,22 +140,21 @@ class App extends Component {
       </div>
     ) : null
 
-    const isTestnet = contractsStore.netId in constants.NETWORKS && constants.NETWORKS[contractsStore.netId].TESTNET
-
     return networkBranch ? (
-      <section className={`content ${this.state.showMobileMenu ? 'content-menu-open' : ''}`}>
+      <div className={`lo-App ${this.state.showMobileMenu ? 'lo-App-menu-open' : ''}`}>
         {commonStore.loading ? <Loading networkBranch={networkBranch} /> : null}
         <Header
           baseRootPath={commonStore.rootPath}
           navigationData={this.state.navigationData}
           netId={contractsStore.netId}
+          networkBranch={networkBranch}
           onMenuToggle={this.toggleMobileMenu}
           showMobileMenu={this.state.showMobileMenu}
         />
         {search}
-        <div
-          className={`app-container ${this.state.showMobileMenu ? 'app-container-open-mobile-menu' : ''} ${
-            isTestnet ? 'sokol' : ''
+        <section
+          className={`lo-App_Content lo-App_Content-${networkBranch} ${
+            this.state.showMobileMenu ? 'lo-App_Content-mobile-menu-open' : ''
           }`}
         >
           <div className="container">
@@ -168,10 +167,9 @@ class App extends Component {
           <Route exact path={`${commonStore.rootPath}/active`} render={this.onActiveBallotsRender} />
           <Route exact path={`${commonStore.rootPath}/tofinalize`} render={this.onToFinalizeBallotsRender} />
           <Route path={`${commonStore.rootPath}/new`} render={this.onNewBallotRender} />
-          {/*<Route path={`${commonStore.rootPath}/settings`} render={this.onSettingsRender}/>*/}
-        </div>
+        </section>
         <Footer networkBranch={networkBranch} />
-      </section>
+      </div>
     ) : (
       <BaseLoader />
     )
diff --git a/src/assets/images/logos/logo_loader.svg b/src/assets/images/logos/logo_loader.svg
deleted file mode 100644
index 152cdb7..0000000
--- a/src/assets/images/logos/logo_loader.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 214.64 31" xmlns="http://www.w3.org/2000/svg"><g fill="#fff" transform="translate(0 -10)"><path d="m123.06 33.95a1 1 0 0 1 -.31-.74v-17a1.14 1.14 0 0 1 .29-.82 1.2 1.2 0 0 1 1.61 0 1.15 1.15 0 0 1 .29.82v16.1h8.65a1.07 1.07 0 0 1 .75.24 1 1 0 0 1 0 1.4 1.08 1.08 0 0 1 -.75.24h-9.78a1.09 1.09 0 0 1 -.75-.24z"/><path d="m139 33.58a5.55 5.55 0 0 1 -2.17-2.38 8 8 0 0 1 -.76-3.59 8 8 0 0 1 .76-3.59 5.54 5.54 0 0 1 2.17-2.39 6.25 6.25 0 0 1 3.25-.83 6.34 6.34 0 0 1 3.27.83 5.53 5.53 0 0 1 2.22 2.37 8 8 0 0 1 .76 3.59 8 8 0 0 1 -.76 3.59 5.54 5.54 0 0 1 -2.18 2.38 6.34 6.34 0 0 1 -3.27.83 6.26 6.26 0 0 1 -3.29-.81zm6.21-2.25a5.83 5.83 0 0 0 1-3.73 5.79 5.79 0 0 0 -1-3.7 4 4 0 0 0 -5.89 0 5.8 5.8 0 0 0 -1 3.7 5.84 5.84 0 0 0 1 3.72 4.05 4.05 0 0 0 5.93.02z"/><path d="m162 26v7.32a1.09 1.09 0 0 1 -.28.78 1 1 0 0 1 -.76.3 1 1 0 0 1 -1.07-1.08v-1.32a3.85 3.85 0 0 1 -1.55 1.79 4.56 4.56 0 0 1 -2.41.63 5.26 5.26 0 0 1 -2.32-.51 4.14 4.14 0 0 1 -1.67-1.43 3.54 3.54 0 0 1 -.62-2 3.29 3.29 0 0 1 .75-2.3 4.54 4.54 0 0 1 2.43-1.18 24.24 24.24 0 0 1 4.77-.36h.59v-.92a3.55 3.55 0 0 0 -.66-2.37 2.69 2.69 0 0 0 -2.13-.75 7.84 7.84 0 0 0 -3.7 1 2.44 2.44 0 0 1 -1 .46.69.69 0 0 1 -.54-.24.9.9 0 0 1 -.21-.62 1 1 0 0 1 .23-.66 2.67 2.67 0 0 1 .74-.58 8.61 8.61 0 0 1 2.13-.85 9.4 9.4 0 0 1 2.37-.31q4.91-.01 4.91 5.2zm-3.15 5.64a3.93 3.93 0 0 0 1-2.81v-.83h-.48a23.82 23.82 0 0 0 -3.59.2 3.47 3.47 0 0 0 -1.75.67 1.77 1.77 0 0 0 -.52 1.39 2.23 2.23 0 0 0 .76 1.74 2.76 2.76 0 0 0 1.92.69 3.47 3.47 0 0 0 2.64-1.09z"/><path d="m177.22 15.41a1 1 0 0 1 .29.75v17.13a1.06 1.06 0 0 1 -.29.78 1.08 1.08 0 0 1 -.8.3 1 1 0 0 1 -.79-.3 1.09 1.09 0 0 1 -.28-.78v-1.46a4.32 4.32 0 0 1 -1.73 1.91 5.14 5.14 0 0 1 -2.67.67 5.39 5.39 0 0 1 -3-.86 5.67 5.67 0 0 1 -2-2.41 8.41 8.41 0 0 1 -.72-3.59 8.26 8.26 0 0 1 .72-3.55 5.37 5.37 0 0 1 5.06-3.2 5.14 5.14 0 0 1 2.67.67 4.32 4.32 0 0 1 1.73 1.91v-7.22a1 1 0 0 1 .28-.77 1.07 1.07 0 0 1 .79-.28 1.08 1.08 0 0 1 .74.3zm-2.91 15.9a5.85 5.85 0 0 0 1-3.7 5.79 5.79 0 0 0 -1-3.69 3.54 3.54 0 0 0 -2.93-1.29 3.61 3.61 0 0 0 -3 1.29 5.59 5.59 0 0 0 -1.06 3.63 5.85 5.85 0 0 0 1.06 3.73 3.57 3.57 0 0 0 3 1.33 3.52 3.52 0 0 0 2.93-1.3z"/><path d="m181.59 17.65a1.3 1.3 0 0 1 -.4-1 1.27 1.27 0 0 1 .4-1 1.64 1.64 0 0 1 2.09 0 1.27 1.27 0 0 1 .4 1 1.3 1.3 0 0 1 -.4 1 1.64 1.64 0 0 1 -2.09 0zm.25 16.44a1 1 0 0 1 -.31-.79v-11.37a1 1 0 0 1 .31-.79 1.12 1.12 0 0 1 .79-.28 1.08 1.08 0 0 1 .78.28 1.05 1.05 0 0 1 .29.79v11.36a1 1 0 0 1 -.29.81 1.11 1.11 0 0 1 -.78.27 1.13 1.13 0 0 1 -.79-.29z"/><path d="m199 26v7.3a1 1 0 0 1 -1.07 1.08 1.12 1.12 0 0 1 -.8-.28 1.05 1.05 0 0 1 -.29-.79v-7.18a4.08 4.08 0 0 0 -.71-2.66 2.82 2.82 0 0 0 -2.26-.83 3.81 3.81 0 0 0 -2.87 1.1 4.11 4.11 0 0 0 -1.07 3v6.57a1 1 0 0 1 -1.07 1.08 1.12 1.12 0 0 1 -.8-.28 1.05 1.05 0 0 1 -.29-.79v-11.39a1.06 1.06 0 0 1 .29-.78 1.08 1.08 0 0 1 .8-.3 1 1 0 0 1 .76.3 1.05 1.05 0 0 1 .28.75v1.37a4.41 4.41 0 0 1 1.79-1.84 5.36 5.36 0 0 1 2.63-.63q4.68-.01 4.68 5.2z"/><path d="m214.35 21.15a1.06 1.06 0 0 1 .29.78v11.41a6 6 0 0 1 -1.5 4.43 6 6 0 0 1 -4.45 1.49 9.2 9.2 0 0 1 -4.77-1.13 1.51 1.51 0 0 1 -1-1.24.94.94 0 0 1 .2-.62.65.65 0 0 1 .52-.24 2.58 2.58 0 0 1 1 .38 12.4 12.4 0 0 0 1.85.78 7.06 7.06 0 0 0 2.17.3 3.79 3.79 0 0 0 2.87-1 4.11 4.11 0 0 0 1-2.95v-2.33a4.09 4.09 0 0 1 -1.73 1.94 5.39 5.39 0 0 1 -2.75.67 5.73 5.73 0 0 1 -3-.81 5.46 5.46 0 0 1 -2.06-2.29 7.58 7.58 0 0 1 -.74-3.42 7.58 7.58 0 0 1 .74-3.42 5.46 5.46 0 0 1 2.01-2.28 5.73 5.73 0 0 1 3-.81 5.27 5.27 0 0 1 2.71.67 4.3 4.3 0 0 1 1.74 1.91v-1.44a1.09 1.09 0 0 1 .28-.78 1 1 0 0 1 .79-.3 1.08 1.08 0 0 1 .83.3zm-2.95 9.62a5.15 5.15 0 0 0 1.07-3.46 5.15 5.15 0 0 0 -1.06-3.43 3.66 3.66 0 0 0 -3-1.25 3.75 3.75 0 0 0 -3 1.25 5.07 5.07 0 0 0 -1.08 3.43 5.11 5.11 0 0 0 1.08 3.46 3.74 3.74 0 0 0 3 1.25 3.67 3.67 0 0 0 2.99-1.25z"/><path d="m17.38 34.81h-1.57v4.63a1.57 1.57 0 0 1 -1.59 1.56h-12.63a1.57 1.57 0 0 1 -1.59-1.55v-27.89a1.57 1.57 0 0 1 1.59-1.56h15.79a12.52 12.52 0 0 1 12.62 12.41 12.52 12.52 0 0 1 -12.62 12.4zm31.12-24.81a15.5 15.5 0 1 1 -15.5 15.5 15.5 15.5 0 0 1 15.5-15.5zm50.5 30a1 1 0 0 1 -1 1h-35.06a.94.94 0 0 1 -.74-1.51l17.34-28.72a.93.93 0 0 1 1.83 0l17.63 28.88-.06.08a.93.93 0 0 1 .06.27z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/socials/git-sokol.png b/src/assets/images/socials/git-sokol.png
deleted file mode 100644
index 279faecf569521830eb3c25ae06eae6136f5583d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 339
zcmV-Z0j&OsP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0003RNkl<ZcmZNS
z2U&nh$y%wQC=9~5R-sOVyLP-q-T|HiX>q568iy{t0Pa;P+}+)FXErl`Jon6eGk5pj
zJ=f0id<7T;KJX@d@+xdLxR?fd!4LQghh{y@hAVp&iU%({c7qNLc0emQk^VJLbPAf8
zk#6^w3&EGnUU}Id-`pUNp00bDRj1J2os1+zU(Ao1d<Ts!W7Nd4L9NMe(Rh)#Pl$6d
ztIi9>r^J(k4W88bpg58s6>*d+O#X<*q%meda+Gokm^1ltnjVQ^um{#b18|$78#ICq
zQzjk`lfa@5N<FyI;VCs6l-i<LV%Hxi0JnOI91`^Ci9zK%c7orpPEYXw_7j4ZDKk?S
l=_9#7H#iS7yU@&K{eNCcq0<7R;c)-}002ovPDHLkV1ks7jvW91

diff --git a/src/assets/images/socials/git-sokol@2x.png b/src/assets/images/socials/git-sokol@2x.png
deleted file mode 100644
index ea7a95ecfae432a6c0283502cb838003dc6e0535..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 637
zcmV-@0)qXCP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006+Nkl<ZcmcJR
z1I%1e5QTR)``5N@H{LjP8`ZYmuy&jjLG3nnYTItZ+P1AT$uzl{+__Kpf5{ijnK@_n
z;bv1|ukmO1mIVF43UCfQ1z(w`TwB3CB~!jGm{kSK!58p1Bwu)$s!4*gU?%^<zcKmB
z9@(hj6~PHM@xe**3>#ht+~Pr>+$Qg!@bciM_i%>2%WL6ja99jH0$0JG7-7G`CGc3(
zk5HCvfe99qA*|I0%fWY{e`3tqckZptvm-6O6J&U4@WIm9SoAdqL#Pf481({N8%#Z7
zrkV8RtTJZPd=@0tJe(sn6z}=w_AiyDwjLH}t9Vmp0cz;%I7FIxSfH8XFzZMSixqK!
z$K!l~lChY?BR-$MvOqN@<0y#_Ey4pI!D5L!mYhc<e6t8w^I?HYmYnY-{I&?!^I?JO
zGKWYhpWu6t@fe<APnq*c-3&DIxIhyn;}(hA6mg-KboWWSjl^k+_zINw5MG|Vl#FTA
zkW)nB5GbA?yaYJr@Xt|G8r(LD55W`hPo^8lM11LbfqRbdJCyx@V6q`B1$kgP_#+nE
z07g4PCxT7j5zn}oVh$GsHw<wL*OyxcXF7iQZ0>QwSq0^AN72*;6ahPp+BeY9u|U0$
z3v|>BRvS&HL7MBWK@OA(c=m-tgs*lP6aWW}=9QpmD#GOoXYT?*2F1Z1W9T!u0QQ4(
z2^QEB`jh6bV2xswjk*AP<;6Kjx`F$`tYp{)c(z;8qqG1R0M3GYA@0Bf?(Gi>1o{61
X=MM1-6g^Rs00000NkvXXu0mjfM0_O(

diff --git a/src/assets/images/socials/git.png b/src/assets/images/socials/git.png
deleted file mode 100644
index afd2076bf22d732f1d803d79c55d4cff4b64c81a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 340
zcmV-a0jvIrP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0003SNkl<ZcmZNS
z2Qm6fb%1y(pi;8di6{z#Fs{{7Z-cvbyv4o)JO|R^RCG||(Cri8UTuZDyW31MoBV56
zPVyyp=ASv&4v2s^5s_CHpSQ&vFbsacUotcsVm4VhtdJMN?AQ(ZG}r;%;6(b@JkcrW
zRED}YS}q4)GKb|Af>LvX5_-BGR+gP|dv`LL=De66Gx<ImTgGVeutBrQZ_#*>xKH!A
zm{sS6;#1<u#|BU8d{7)okU9_LI+H)5F=dQdkm*p)0`n$6K{F&V0`|Z<Xahl041#vB
zVag=LVFp;#L1_gyIy}{8gK8BlOYBAiW#Cp%QAFY%Jw2{`$4>nFwdg4xz<yfXGG%63
mQhlTV7zF1@W*3?Ttp5*lmMsrYt1@Z;0000<MNUMnLSTX`<BWj-

diff --git a/src/assets/images/socials/git@2x.png b/src/assets/images/socials/git@2x.png
deleted file mode 100644
index c1cf421eda8f555cd5ca0e3fec588da1050de462..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 632
zcmV-;0*C#HP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006%Nkl<ZcmcK6
z1FT#@6vpw#+P3Y+8>eog+O`|kj*}v&%~-W<w_$DDZcqO=In~LVyPAE;FPNEgzO%dc
zPF`B9f4v)TEQ}slgwuG0PwJ7bEz&cEqj!uwxI7l(BP2#2b(r$W1ZQC~K0y-nNqc0)
z8(tbmA)XvV=~%<7;X1^#8>kj7yd<tcQsf#+y28_Oz!coaCHzbv><7-{fmuI@^qdA5
z1u^>RUQH~-7qkCf$v?j6*{WJQ7-EdF;YINlV$?O~8loTSBG*6bxpb{B8k(905aTV1
z{d;I8BnK5d+#{77y=VSA{WHg*<{k!U4zV;dS8$+h$R*Oi!vGCJF0<Cbfw_*&Sst(R
zS&odk!RA5N@9%Md3XY6J!R9@Pao0z%8R90yxF2kMh8UMpFu-|;@g>;!0Wq$mV1O$S
zE6wo=zCnh^@C@xK#(U>vXy9>xdX9|i!RBVi=4?;-VK?pOU~__F^Epa-2rr4}j*JPx
zfe6H5KME!hUI>RF4w2wcI&MJJJv=o3$#g(QoDW?W+=e*ZMEdW7u@E&M*_eo*X0TNl
z8WK7hYj7VD#khZqbK@#Rt<&{|5My%4C!Y$5!Byn8#jVYucF2cq5cL_gLk6e;i9u^u
zgQXC40_nQm6cH4O^4sTuM6ooiK`!irsKv-1=aVlX_90ia1_iMbqCVg(_TY391MH0X
zmDaalnWIrw0s|~Vb|M!^2i!5u3dcHt)^<qtD$RvnIEC9Wd;@p&Y)|Bh*8dmfS64GT
S>(?Ow0000<MNUMnLSTZVyCTd0

diff --git a/src/assets/images/socials/poa-sokol.png b/src/assets/images/socials/poa-sokol.png
deleted file mode 100644
index 12a4ca70970c279210694176f7b1eabd63765b39..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 214
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`b3I)gLn;`P7cfb%Myi+VF+BR}
zu!plFopB>ahz(;$KGVlk1wN;s_v}X)Pq6)QKNfIUW@E=}hpYS9AH6@pX5$k4L!{$-
zg5d&&4$}!gIt`fTEz;~^e<V}Fydci1<H&!$BQ*-l{~THQm^boY39wVx*Sn;GTi|=L
zVTrUyp|-&J=3jz0v&$}gh+r$N(h@k&_Nde04*QYGjXS!zK3Z@w%uKnxT)|)}$khy<
Lu6{1-oD!M<6hchS

diff --git a/src/assets/images/socials/poa-sokol@2x.png b/src/assets/images/socials/poa-sokol@2x.png
deleted file mode 100644
index 90cc366a376924ee2874cc749cd26a17a98a744e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 341
zcmV-b0jmCqP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80003TNkl<ZcmeIy
z0YpP_5XbQe0fJNt5CH`MKt+^*L<U6_3=EMFASnVQ(JLtp0D?&fkW>V*)c_zE6iTjd
z9Ol)vdxOFK_?Y?Me($jN&qX4UNThI6p2Z3l8!Tf1{l;&Gv5$M)Vh4TyJYx_;*5N0_
z@P?(-eBPL?W7K#?6*X&tXGjw>Iy>%|9ZB_1Kve#(1uBlxC!M`=%$_%Nci<7CYOOBt
zifM?$7rM236_T>u$^v(ohdA|UcilMe&ALDVT@VlL-GmrQSr#Z~{KM{|(=j(`E%1Q{
zT%%~dg0=x1IOZx^`s?7m$;Gt}F-)NdaXR`b+`<VG{oHWeo^!aw3#z!ln4YbnghZX`
n_hTF)QK#6;wL6hWBog@s+Pe1ssPkW<00000NkvXXu0mjfZ&i`&

diff --git a/src/assets/images/socials/poa.png b/src/assets/images/socials/poa.png
deleted file mode 100644
index 894849ee4741028172e0b940d802bfff12935e27..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 214
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`b3I)gLn;`P7cfb%8vgPYXZTp9
zaF6B4=7tCst$7Sb%o~3g39u`!{LcJ{A%*#$a`KAAzKA2f3tru4{#c&EEVoFrhU-Z6
z28jTMBT^oJTxKx(UlcjUT*$YJF+g9|<xxF*lHCNx{|lJf8*i{@X~+xQcMICX+VOj%
z#4g??J48F4JO1r>V``mIq0?+-E83CH{Lw|>9rL4;4tHEzD`Z$1UhvM_eD%)fH$aCn
Nc)I$ztaD0e0s!ehO~wEK

diff --git a/src/assets/images/socials/poa@2x.png b/src/assets/images/socials/poa@2x.png
deleted file mode 100644
index 40b847fe9454602f57311844b9f14201602cd32b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 341
zcmV-b0jmCqP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80003TNkl<ZcmeIy
z0YpP_5XbQe0fJNt5CJ6sfQl#qiHsCg5EvpMKvD!qqE}Ki00@#0fK&vr)c_zE6iTjd
z9Ol)vdxOFK_?Y?Me($jN&qX4UNMvU4Yzj-5ud#?ZbQ{0v#~$u+i*0oM^Ne2fS%;qx
z!y6V-^Lb;oiXr0}WmK#Mo*{Ki>g<SPb|BS13Q_sL7AQGNpLF)xF?(Lq-GWDmsx-R5
zD<&WgUuf6v6-dffBMaPN7UI;Q-BshfGwTA&XoGlY?*_zB%(B2`#y{*1S{-v^)&d`R
zzzquKD`@M%zGJSWrN0i|>s(xG5W_eM5U0bR!c80_(a&|q?KzDryr7H=4C~n{ib&L{
nem}wi5_N*zT(c92L?V%I3Z*Ry?cJ^v00000NkvXXu0mjfEWC}X

diff --git a/src/assets/images/socials/telegram-sokol.png b/src/assets/images/socials/telegram-sokol.png
deleted file mode 100644
index d87302e44b9930aed85046c8a7fdcd7d06b97413..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 277
zcmV+w0qXvVP)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d0002oNkl<ZcmZP|
z2V|YxX$i#hfcP3Ink0a@1c)yI@qZ|ON{mKNAYKaAfQhH#(xe8&^+0?BN%3<a&H&;=
zNMcFInmB+s3W&F2v8fq|MSyrYnz%klV=xfU0^5M8@eU9hKrJ|hCiek|SwIrUaQLqs
zs*xLr-(iv8hwOZFAf5=sUx4@r5F0|pHG%jy4hwp)1)e+*pN6tcKnn5TC|ohH8i;*>
zcr5_~)NvV*4#Ycv_yiu!FYzTDb|i({f!G3+Y|#wZhBx&=HEzXl8Nz^8ax;+*5T6I)
baF`eXr`~C2;4C_l00000NkvXXu0mjfKQL)v

diff --git a/src/assets/images/socials/telegram-sokol@2x.png b/src/assets/images/socials/telegram-sokol@2x.png
deleted file mode 100644
index 13d33074b58362759208edcde26127b21a803a01..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 505
zcmV<V0S5kwP)<h;3K|Lk000e1NJLTq001BW000~a1^@s60K&Z@0005NNkl<ZcmciE
z1MD0@6vy$}HsacCP}@dS+qP}nh-%xmZQHin_x~n2-)eU6Zj;aX-S4etCR(Jo4ySe{
zLQ|Z@`A7yA!)&~Uxcm!uXnJ(TX^4i6;R>#X<@gCPFesFv*)bfqAQn||8X6xBvBMzb
z3SL4qq_G=Z2s7{!VxTFi;29*qE!EI8=!6px6UUJfS@9mCVVTw7N?3w#5EH-9%~e+c
zVxWgnXci2{b%;f4klt0_31XsjU}zlF!xo5wd#K~{KVu*!{vfHlARngS8AQ=o#PSKB
z3$fsW@1Bbd`;b522(Exww8*!x4Guvp_<&X#*UWZ^f_7RLUSZ6}OM{Cntw!Bmh@v89
zqgy>}g1GF^_+4C_fGGNb1Xjm@ED#(B_&f!!LTosxIszVtAinE;Dm;YPG)J|8#t>9>
zy&n&8poMA!Ng-I`dcPCmKt4OO-(&oAy*}a~{3Bx7X`n9zg>W8X(|)`2e@35M=r_dW
zKkA_do<mGba<cll2=Q?rc>=DLbr1vfois2E;<5_~b$-_cq9cow1~TIn7FhUg0bGIj
vco~Y7Z#>1{&xQDmrjg%V7wJQE*7`mQ_{=zlFmUHN00000NkvXXu0mjfa)04c

diff --git a/src/assets/images/socials/telegram.png b/src/assets/images/socials/telegram.png
deleted file mode 100644
index 452f5396a149c0514a692b1333f7f85ddab3cdbd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 277
zcmV+w0qXvVP)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d0002oNkl<ZcmZP|
z2gK+vwFKgMKzxl9O%gy{0>qbq_&*dsB}Sts5HAI5z{FE=X;K5?dLX`mr1&`yX8`db
zB(Wr9O&mZR1;ksi*whTfB0#(xO<W(OF&Kzvfo;Ilcn63Lpcb4$lluU~EFg(vIQ-WR
z)yNIR@36@4Lw3G75Kjc+FF^bQhz+6Qnn3&;hXp;@0#6=@Pea)zAcc5v6s{Op4a7b`
zyq16g>bML@2jU$-d;*W=m-rG6JCeffKx_d@wrB=y!<+h`8n<G&3}HYkxtT}@h|dFY
bI7|!x+2jU88+ac`00000NkvXXu0mjf*mz|b

diff --git a/src/assets/images/socials/telegram@2x.png b/src/assets/images/socials/telegram@2x.png
deleted file mode 100644
index dabd5ba544a4b1ac80eae9539ae36312fcc5cc68..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 505
zcmV<V0S5kwP)<h;3K|Lk000e1NJLTq001BW000~a1^@s60K&Z@0005NNkl<ZcmciE
z1MD0@6vy$}HsacCP}@dS+qP}nh-%xmZQHin_x~n2-)eU6Zj;aX-S4etCR(JoM){T{
zLQ|Z@`A7yA!)&~Uxcm!uXnJ(TX^4i6;R>#X<@gCPFesFv*)bfqAQn||8X6xBvBMzb
z3SL4qq_G=Z2s7{!VxTFi;29*qE!EI8=!6px6UUJfS@9mCVVTw7N?3w#5EH-9%~e+c
zVxWgnXci2{b%;f4klt0_31XsjU}zlF!xo5wd#K~{KVu*!{vfHlARngS8AQ=o#PSKB
z3$fsW@1Bbd`;b522(Exww8*!x4Guvp_<&X#*UWZ^f_7RLUSZ6}OM{Cntw!Bmh@v89
zqgy>}g1GF^_+4C_fGGNb1Xjm@ED#(B_&f!!LTosxIszVtAinE;Dm;YPG)J|8#t>9>
zy&n&8poMA!Ng-I`dcPCmKt4OO-(&oAy*}a~{3Bx7X`n9zg>W8X(|)`2e@35M=r_dW
zKkA_do<mGba<cll2=Q?rc>=DLbr1vfois2E;<5_~b$-_cq9cow1~TIn7FhUg0bGIj
vco~Y7Z#>1{&xQDmrjg%V7wJQE*7`mQ=s?x9P#!_*00000NkvXXu0mjfgCpVu

diff --git a/src/assets/images/socials/tw-sokol.png b/src/assets/images/socials/tw-sokol.png
deleted file mode 100644
index 19712ab1c863d287ba171dcf86d8c5134a870f12..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 241
zcmV<N01p3&P)<h;3K|Lk000e1NJLTq000jF000aK1^@s6y+Y^Y0002ENkl<Zcmb8t
zB~S!W0DxiKy$|m6UPyGTplwMMG~$xzk&HCl5)K(HxO3Oe-u>t6@@BsEe?2KQq?666
zB!j`e5-h`oM@*s)QtW^;j3Zem-hoi@VlH;T6$JLtC=1IV3{1uj8kKGIV-F)3FbMzU
zw>FIr2%B!@@e+gstMa%IM-Jjn^;;dpkDXganmVq)twrcVv(XQcfd!MWUmfJ54Z|kS
r{el*wD>h*f*Kos+XRM<eIeJ|XV`Xev>{=U400000NkvXXu0mjfS2|&!

diff --git a/src/assets/images/socials/tw-sokol@2x.png b/src/assets/images/socials/tw-sokol@2x.png
deleted file mode 100644
index 63285e885dc8d0313102d497e28e6ad030b3bd30..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 424
zcmV;Z0ayNsP)<h;3K|Lk000e1NJLTq0015U000;W1^@s6?P*QF0004RNkl<ZcmcK6
z1B@e49Dwn&6`sxbY}<CMGh>|XyEtd<Zm_nawQbur-+po3zUfSpU)}%Lb~sF}%Z-@8
znfQntbfFc2xPajX@7=2VU;(Zvj2=cagc$)?jr$0Po9>4nVh~p)qifI!VWVQq)E(fV
z^WqDPurVAZ5pBR@{L>xa385ntORPkfLn!cDcgSZ513h?y8D_#~B!h!^jp4dOc0icX
z4JVwzWS!4kmJBzW`|G?Rtms1;T;MGkt~M1thJ}cN&`74Kusa4&sbSdLRQL{r#vYjp
zPeHZD;VtG?uD$5iC|YT8r^Jh!k*z`axwT#323&$S233l7V1~8uM%|!FUf6oXd9PwL
z3*&7K562Vqsqh!CQgVP_j3)@dfMm2Er|dbUS&eAPXgAI)iA}&s1Swe2%CXtj(02TV
zI}*_gA*m1FF-`VY&ci3vNCw;R4J+(DO&yJcc!6N#qX`1dC_ym3;3y_4=?npq7g`2@
SucyfX0000<MNUMnLSTY50lu^V

diff --git a/src/assets/images/socials/tw.png b/src/assets/images/socials/tw.png
deleted file mode 100644
index 9b192328a252f074a20e1b1b608422b7500766ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 240
zcmV<M01y9(P)<h;3K|Lk000e1NJLTq000jF000aK1^@s6y+Y^Y0002DNkl<Zcmb8t
zB~S!W0DxiKy$|l%JBf}vG)NRQ;*#hQDw1&`p3#CkTswRBpRdcC`PTpS82{*MSTBju
z8SKl$8vgNs8B|~>e84HD5UUaILMXVf7(U<<0tcv;gar^fX2J(eNH%(~k8up^gn!ao
zo5MSVMK{uT6~cy1X`GE?8*#hxt&ZT^$}J;785iNkBy^)u?}tdjvOzeg3^LJzF@xuR
qMw8wZYp{YVIN-q(w$Y0;t<DEy4+-&l`-$KH0000<MNUMnLSTX;=wt2x

diff --git a/src/assets/images/socials/tw@2x.png b/src/assets/images/socials/tw@2x.png
deleted file mode 100644
index 2e9ac02b3b74da46a2cd3d5801676723211283fc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 426
zcmV;b0agBqP)<h;3K|Lk000e1NJLTq0015U000;W1^@s6?P*QF0004TNkl<ZcmcK6
zGq_t}9DwoK+G=yEZQIt~F4bP!?b=>*xwfav<=VDw-|xO-oO~ze<avH^{%?}Q32I#)
zZt+@-UnoRBx)6msm}v0cgSrn^;jzN#d2~RS5sB@1fdu&Le)tu}@JKSc1AP!Ss=#91
z0f9O%e#9gj!^slSR=k0`?tmZ&9dTG^CAtwp0T<mNe;^DD;wu)J3Ez+mj^PU?>JB*q
zVa5QwaRYO8K676(++pso3xTj=7}@Yeh-A3IRP+*7BN;*?d8Wbv7)70i;Sf{drw|%@
zZ7Mtu4H}0Jm|M9{VnCy4oyDCJFYZTy2H_9Zc7c0v4<Q&+DcXxg*1~&rgDUxG>k;RN
ziqU+`v^6{tZ!xUGU%XAp0e&ssA`+vL(Ggs;=agnUQY51TxUD2M3s(`XU`4CJep^F_
z;f4UDVF*IfFdVQz_E)aJZ!}5<yYU~J>^)7LinI8L7?hwL0v)JC4F2LGW-IB80|dwN
U5G&w!>;M1&07*qoM6N<$g8hlN2><{9

diff --git a/src/assets/stylesheets/application/_footer.scss b/src/assets/stylesheets/application/_footer.scss
deleted file mode 100644
index 6758d7d..0000000
--- a/src/assets/stylesheets/application/_footer.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-.footer {
-  @extend %full-width;
-
-  background-color: $poa-purple;
-  bottom: 0;
-  padding: 18px 0;
-  position: absolute;
-
-  &.sokol {
-    background-color: $sokol-cyan;
-  }
-
-  .container {
-    align-items: center;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-
-    @media screen and (max-width: $breakpoint-md) {
-      flex-direction: column;
-    }
-  }
-
-  .socials {
-    order: 2;
-
-    @media screen and (max-width: $breakpoint-md) {
-      margin-top: 15px;
-      order: 1;
-    }
-  }
-
-  &-logo {
-    background-image: url('#{ $base-images-path}/logos/logo-poa.svg');
-    background-repeat: no-repeat;
-    background-size: contain;
-    display: block;
-    height: 18px;
-    left: 0;
-    order: 0;
-    width: 139px;
-
-    &.sokol {
-      background-image: url('#{ $base-images-path}/logos/logo-sokol.svg');
-      width: 144px;
-    }
-  }
-
-  &-rights {
-    color: #fff;
-    font-size: 12px;
-    order: 1;
-    text-align: center;
-
-    @media screen and (max-width: $breakpoint-md) {
-      line-height: normal;
-      margin-top: 15px;
-      order: 2;
-      width: 100%;
-    }
-  }
-}
diff --git a/src/assets/stylesheets/application/_header.scss b/src/assets/stylesheets/application/_header.scss
deleted file mode 100644
index 5cad3cf..0000000
--- a/src/assets/stylesheets/application/_header.scss
+++ /dev/null
@@ -1,193 +0,0 @@
-.header {
-  background-color: $poa-purple;
-  position: relative;
-  width: 100%;
-  z-index: 9999;
-
-  @media screen and (max-width: $mobile-width) {
-    left: 0;
-    right: 0;
-    position: fixed;
-    top: 0;
-    z-index: 124;
-  }
-
-  .container {
-    align-items: center;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-
-    @media screen and (max-width: $mobile-width) {
-      width: 93%;
-      padding: 22px 0;
-    }
-  }
-
-  &.sokol {
-    background-color: $sokol-cyan;
-  }
-
-  // logos
-  &-logo {
-    display: block;
-    height: 26px;
-  }
-
-  // header links
-  .links-container {
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-    height: $header-links-container-height;
-    margin-left: auto;
-
-    @media screen and (max-width: $mobile-width) {
-      display: none;
-    }
-
-    @media screen and (max-width: $breakpoint-md) {
-      justify-content: flex-end;
-      width: auto;
-    }
-  }
-
-  .links-container-mobile {
-    display: none;
-
-    @media screen and (max-width: $mobile-width) {
-      align-items: center;
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      justify-content: space-evenly;
-    }
-  }
-
-  .link {
-    color: #fff;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 18px;
-    margin-left: 34px;
-    opacity: 0.8;
-    text-decoration: none;
-    transition: opacity linear 0.1s;
-
-    &:hover,
-    &.active {
-      opacity: 1;
-    }
-
-    @media screen and (max-width: $mobile-width) {
-      margin-left: 0;
-    }
-  }
-
-  // header link items
-  .link-icon {
-    height: 18px;
-    width: 18px;
-    margin-right: 10px;
-    float: left;
-    background-position: 50% 50%;
-    background-repeat: no-repeat;
-
-    &-all {
-      background-image: url('#{ $base-images-path }/icons/icon-all.svg');
-    }
-    &-active {
-      background-image: url('#{ $base-images-path }/icons/icon-active.svg');
-    }
-    &-to-finalize {
-      background-image: url('#{ $base-images-path }/icons/icon-to-finalize.svg');
-    }
-  }
-
-  &.sokol {
-    .link-icon {
-      &-all {
-        background-image: url('#{ $base-images-path }/icons/icon-all-sokol.svg');
-      }
-      &-active {
-        background-image: url('#{ $base-images-path }/icons/icon-active-sokol.svg');
-      }
-      &-to-finalize {
-        background-image: url('#{ $base-images-path }/icons/icon-to-finalize-sokol.svg');
-      }
-    }
-  }
-
-  .mobile-menu {
-    display: none;
-    @media screen and (max-width: $mobile-width) {
-      display: block;
-      order: 3;
-    }
-
-    .mobile-menu-icon {
-      width: 18px;
-      height: 14px;
-    }
-
-    .mobile-menu-open-icon {
-      width: 18px;
-      height: 18px;
-    }
-  }
-
-  .header-mobile-menu-container {
-    @media screen and (max-width: $mobile-width) {
-      background-color: $poa-purple-darker;
-      height: $header-mobile-menu-container-height;
-    }
-  }
-
-  &.sokol {
-    .header-mobile-menu-container {
-      @media screen and (max-width: $mobile-width) {
-        background-color: $sokol-cyan-sarker;
-      }
-    }
-  }
-
-  .Select {
-    $select-mobile-width: 125px;
-
-    margin-left: 25px;
-    @media screen and (max-width: $mobile-width) {
-      margin-left: 0;
-      max-width: $select-mobile-width;
-      order: 2;
-      .Select-control {
-        max-width: $select-mobile-width;
-      }
-    }
-  }
-
-  .btn.btn-new-ballot {
-    height: 36px;
-    line-height: 36px;
-    opacity: 1;
-    .link-icon {
-      display: none;
-    }
-  }
-
-  &.sokol {
-    .btn.btn-new-ballot {
-      background-color: #fff;
-      background-image: url('#{ $base-images-path }/icons/icon-add-sokol.svg');
-      color: $sokol-cyan;
-      &:hover {
-        opacity: 0.9;
-      }
-    }
-  }
-
-}
-
-.select-network-id {
-  background: #fff;
-  width: 40px;
-}
diff --git a/src/assets/stylesheets/application/_layout.scss b/src/assets/stylesheets/application/_layout.scss
deleted file mode 100644
index 88dd4ba..0000000
--- a/src/assets/stylesheets/application/_layout.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-.app-container {
-  padding-bottom: 30px;
-  padding-top: 40px;
-  position: relative;
-  &.app-container-open-mobile-menu {
-    &:before {
-      background-color: rgba(78, 44, 137, .8);
-      bottom: 0;
-      content: '';
-      display: none;
-      left: 0;
-      position: fixed;
-      right: 0;
-      top: $header-mobile-menu-container-height + $header-height_mobile;
-      z-index: 1234;
-      @media screen and (max-width: $mobile-width) {
-        display: block;
-      }
-    }
-  }
-  &.app-container-open-mobile-menu.sokol {
-    &:before {
-      background-color: rgba(106, 201, 185, .8);
-    }
-  }
-}
-
-@media screen and (max-width: $mobile-width) {
-  #root,
-  .app-container {
-    height: 100%;
-  }
-  .app-container {
-    padding-left: 10px;
-    padding-right: 10px;
-  }
-}
-
-.content {
-  @media screen and (max-width: $mobile-width) {
-    padding-top: $header-height_mobile + $search-container-height;
-  }
-  &.content-menu-open {
-    padding-top: $header-mobile-menu-container-height + $header-height_mobile;
-  }
-}
-
-.clearfix::after {
-  content: "";
-  clear: both;
-  display: table;
-}
diff --git a/src/assets/stylesheets/application/_loading.scss b/src/assets/stylesheets/application/_loading.scss
deleted file mode 100644
index dce0b7d..0000000
--- a/src/assets/stylesheets/application/_loading.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-@keyframes fadeOut {
-  0% {
-    opacity: .2;
-  }
-  20% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  100% {
-    opacity: .2;
-    transform: scale(0.3);
-  }
-}
-
-.loading {
-  display: flex;
-  justify-content: space-between;
-  left: 50%;
-  margin: -30px 0 0 -111.5px;
-  padding-top: 50px;
-  position: absolute;
-  top: 50%;
-  width: 206px;
-
-  &:before {
-    background-image: url("#{ $base-images-path }/logos/logo_loader.svg");
-    background-position: 0 0;
-    background-repeat: no-repeat;
-    content: '';
-    left: 0;
-    position: absolute;
-    top: 0;
-    height: 100px;
-    width: 206px;
-  }
-
-  &-container {
-    bottom: 0;
-    left: 0;
-    position: fixed;
-    right: 0;
-    top: 0;
-    z-index: 1000000;
-  }
-
-  &-i {
-    animation-duration: 2s;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
-    animation-name: fadeOut;
-    animation-timing-function: linear;
-    background-color: #fff;
-    border-radius: 50%;
-    height: 9px;
-    opacity:.2;
-    width: 9px;
-
-    &:nth-child(2) {
-      animation-delay: .1s;
-    }
-
-    &:nth-child(3) {
-      animation-delay: .2s;
-    }
-
-    &:nth-child(4) {
-      animation-delay: .3s;
-    }
-
-    &:nth-child(5) {
-      animation-delay: .4s;
-    }
-
-    &:nth-child(6) {
-      animation-delay: .5s;
-    }
-  }
-}
diff --git a/src/assets/stylesheets/application/_search.scss b/src/assets/stylesheets/application/_search.scss
index 82292f5..a2c55cc 100644
--- a/src/assets/stylesheets/application/_search.scss
+++ b/src/assets/stylesheets/application/_search.scss
@@ -1,6 +1,7 @@
 .search-container {
   background-color: #502d8d;
   box-sizing: border-box;
+  flex-shrink: 0;
   height: $search-container-height;
   padding: 10px 0 0 0;
 
diff --git a/src/assets/stylesheets/application/_socials.scss b/src/assets/stylesheets/application/_socials.scss
deleted file mode 100644
index 578473f..0000000
--- a/src/assets/stylesheets/application/_socials.scss
+++ /dev/null
@@ -1,104 +0,0 @@
-.socials {
-  &-item {
-    &:not(:first-child) {
-      margin-left: 10px;
-    }
-  }
-
-  &-i {
-    background-color: #ffffff;
-    border-radius: 3px;
-    display: inline-block;
-    font-size: 0;
-    height: 30px;
-    position: relative;
-    transition: 0.3s background-color;
-    vertical-align: top;
-    width: 30px;
-
-    &:not(:first-child) {
-      margin-left: 10px;
-    }
-
-    &:hover {
-      background-color: fade-out(#fff, 0.6);
-    }
-
-    &:before {
-      background-position: 50% 50%;
-      background-repeat: no-repeat;
-      background-size: contain;
-      content: '';
-      height: 16px;
-      left: 50%;
-      position: absolute;
-      top: 50%;
-      transform: translate(-50%, -50%);
-      width: 16px;
-    }
-
-    &_github {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/git@2x.png');
-        background-image: url('#{ $base-images-path }/socials/git.png');
-      }
-    }
-
-    &_telegram {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/telegram@2x.png');
-        background-image: url('#{ $base-images-path }/socials/telegram.png');
-      }
-    }
-
-    &_twitter {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/tw@2x.png');
-        background-image: url('#{ $base-images-path }/socials/tw.png');
-      }
-    }
-
-    &_poa {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/poa@2x.png');
-        background-image: url('#{ $base-images-path }/socials/poa.png');
-        height: 20px;
-        width: 20px;
-      }
-    }
-
-  }
-}
-
-.sokol {
-  .socials {
-
-    .socials-i_github {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/git-sokol@2x.png');
-        background-image: url('#{ $base-images-path }/socials/git-sokol.png');
-      }
-    }
-
-    .socials-i_telegram {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/telegram-sokol@2x.png');
-        background-image: url('#{ $base-images-path }/socials/telegram-sokol.png');
-      }
-    }
-
-    .socials-i_twitter {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/tw-sokol@2x.png');
-        background-image: url('#{ $base-images-path }/socials/tw-sokol.png');
-      }
-    }
-
-    .socials-i_poa {
-      &:before {
-        @include image-2x('#{ $base-images-path }/socials/poa-sokol@2x.png');
-        background-image: url('#{ $base-images-path }/socials/poa-sokol.png');
-      }
-    }
-  }
-}
diff --git a/src/assets/stylesheets/components/_App.scss b/src/assets/stylesheets/components/_App.scss
new file mode 100644
index 0000000..d99358a
--- /dev/null
+++ b/src/assets/stylesheets/components/_App.scss
@@ -0,0 +1,71 @@
+.lo-App {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding-top: $header-height + $search-container-height;
+    width: 100%;
+
+    @media (min-width: $breakpoint-md) {
+        padding-top: 0;
+    }
+
+    &#{ & }-menu-open {
+        padding-top: $header-mobile-menu-container-height + $header-height;
+    }
+
+}
+
+.lo-App_Content {
+    flex-grow: 1;
+    padding-bottom: 30px;
+    padding-top: 40px;
+    position: relative;
+
+    &:before {
+        background-color: rgba($poa-purple, 0.5);
+        bottom: 0;
+        content: '';
+        display: none;
+        left: 0;
+        position: fixed;
+        right: 0;
+        top: $header-mobile-menu-container-height + $header-height;
+        z-index: 1234;
+    }
+
+    &#{ & }-core {
+        &:before {
+            background-color: rgba($poa-purple, 0.5);
+        }
+    }
+
+    &#{ & }-sokol {
+        &:before {
+            background-color: rgba($sokol-cyan, 0.5);
+        }
+    }
+
+    &#{ & }-dai {
+        &:before {
+            background-color: rgba($xdai-orange, 0.5);
+        }
+    }
+
+    &#{ & }-mobile-menu-open {
+        &:before {
+            display: block;
+        }
+    }
+}
+
+// @media screen and (max-width: $mobile-width) {
+//     #root,
+//     .app-container {
+//         height: 100%;
+//     }
+//     .app-container {
+//         padding-left: 10px;
+//         padding-right: 10px;
+//     }
+// }
+
diff --git a/src/assets/stylesheets/components/_Footer.scss b/src/assets/stylesheets/components/_Footer.scss
index 1176be6..dd63390 100644
--- a/src/assets/stylesheets/components/_Footer.scss
+++ b/src/assets/stylesheets/components/_Footer.scss
@@ -3,6 +3,7 @@
     background-color: $poa-purple;
     color: #fff;
     display: flex;
+    flex-shrink: 0;
     justify-content: center;
     min-height: 60px;
     overflow: hidden;
diff --git a/src/assets/stylesheets/components/_Header.scss b/src/assets/stylesheets/components/_Header.scss
new file mode 100644
index 0000000..d8bfc0d
--- /dev/null
+++ b/src/assets/stylesheets/components/_Header.scss
@@ -0,0 +1,140 @@
+.sw-Header {
+    align-items: center;
+    background-color: $poa-purple;
+    color: #fff;
+    display: flex;
+    flex-shrink: 0;
+    height: $header-height;
+    justify-content: center;
+    left: 0;
+    overflow: hidden;
+    position: fixed;
+    right: 0;
+    top: 0;
+    transition: background-color 0.25s ease-out;
+    width: 100%;
+    z-index: 124;
+
+    @media (min-width: $mobile-width) {
+        position: relative;
+        z-index: 9999;
+    }
+
+    &#{ & }-menu-open {
+        flex-direction: column;
+        height: auto;
+    }
+
+    &#{ & }-core {
+        background-color: $poa-purple;
+    }
+
+    &#{ & }-sokol {
+        background-color: $sokol-cyan;
+    }
+
+    &#{ & }-dai {
+        background-color: $xdai-gray;
+    }
+
+
+    //// TODO: crap below, fix
+    &-logo {
+        display: block;
+        height: 26px;
+    } // header links
+
+    .links-container {
+        align-items: center;
+        display: flex;
+        justify-content: space-between;
+        height: $header-links-container-height;
+        margin-left: auto;
+        @media screen and (max-width: $mobile-width) {
+            display: none;
+        }
+        @media screen and (max-width: $breakpoint-md) {
+            justify-content: flex-end;
+            width: auto;
+        }
+    }
+
+    .link {
+        color: #fff;
+        font-size: 14px;
+        font-weight: 700;
+        line-height: 18px;
+        margin-left: 34px;
+        opacity: 0.8;
+        text-decoration: none;
+        transition: opacity linear 0.1s;
+        &:hover,
+        &.active {
+            opacity: 1;
+        }
+        @media screen and (max-width: $mobile-width) {
+            margin-left: 0;
+        }
+    }
+
+    .mobile-menu {
+        display: none;
+        @media screen and (max-width: $mobile-width) {
+            display: block;
+            order: 3;
+        }
+        .mobile-menu-icon {
+            width: 18px;
+            height: 14px;
+        }
+        .mobile-menu-open-icon {
+            width: 18px;
+            height: 18px;
+        }
+    }
+
+    .Select {
+        $select-mobile-width: 125px;
+        margin-left: 25px;
+        @media screen and (max-width: $mobile-width) {
+            margin-left: 0;
+            max-width: $select-mobile-width;
+            order: 2;
+            .Select-control {
+                max-width: $select-mobile-width;
+            }
+        }
+    }
+    .btn.btn-new-ballot {
+        height: 36px;
+        line-height: 36px;
+        opacity: 1;
+        .link-icon {
+            display: none;
+        }
+    }
+    &.sokol {
+        .btn.btn-new-ballot {
+            background-color: #fff;
+            background-image: url('#{ $base-images-path }/icons/icon-add-sokol.svg');
+            color: $sokol-cyan;
+            &:hover {
+                opacity: 0.9;
+            }
+        }
+    }
+}
+
+.sw-Header_Content {
+    @include content-layout-width();
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    min-height: $header-height;
+}
+
+.select-network-id {
+    background: #fff;
+    width: 40px;
+}
\ No newline at end of file
diff --git a/src/assets/stylesheets/components/_MobileMenuLinks.scss b/src/assets/stylesheets/components/_MobileMenuLinks.scss
new file mode 100644
index 0000000..3014eae
--- /dev/null
+++ b/src/assets/stylesheets/components/_MobileMenuLinks.scss
@@ -0,0 +1,56 @@
+.hd-MobileMenuLinks {
+    background-color: $poa-purple-darker;
+    height: $header-mobile-menu-container-height;
+    width: 100%;
+
+    @media (min-width: $breakpoint-md) {
+        height: $header-height;
+    }
+
+    .sokol & { // TODO: Fix
+        background-color: $sokol-cyan-sarker;
+    }
+}
+
+.hd-MobileMenuLinks_ItemsContainer {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    justify-content: space-evenly;
+
+    @media (min-width: $breakpoint-md) {
+        display: none;
+    }
+}
+
+.hd-MobileMenuLinks_Item {
+    color: #fff;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+    margin-left: 0;
+    opacity: 0.8;
+    text-decoration: none;
+    transition: opacity linear 0.1s;
+
+    &:hover,
+    &#{ & }-active {
+        opacity: 1;
+    }
+
+    @media (min-width: $breakpoint-md) {
+        margin-left: 34px;
+    }
+}
+
+// TODO: Fix this mess
+.hd-MobileMenuLinks_Icon {
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    float: left;
+    height: 18px;
+    margin-right: 10px;
+    width: 18px;
+}
+
diff --git a/src/assets/stylesheets/components/_index.scss b/src/assets/stylesheets/components/_index.scss
index fbfbc75..fb9b7eb 100644
--- a/src/assets/stylesheets/components/_index.scss
+++ b/src/assets/stylesheets/components/_index.scss
@@ -1,18 +1,17 @@
-// @import "App";
+@import "App";
 @import "BaseLoader";
-// @import "ButtonDownload";
-// @import "ButtonGenerate";
 @import "Footer";
-// @import "Header";
-// @import "Home";
+@import "Header";
 @import "IconGithub";
 @import "IconPOA";
 @import "IconTelegram";
 @import "IconTwitter";
-// @import "Keys";
 @import "Loading";
 @import "LogoDai";
 @import "LogoPOA";
 @import "LogoSokol";
-// @import "MainImage";
-@import "SocialIcons";
\ No newline at end of file
+@import "MobileMenuLinks";
+@import "SocialIcons";
+
+// delete
+@import "link-icons";
\ No newline at end of file
diff --git a/src/assets/stylesheets/components/_link-icons.scss b/src/assets/stylesheets/components/_link-icons.scss
new file mode 100644
index 0000000..1e99f1d
--- /dev/null
+++ b/src/assets/stylesheets/components/_link-icons.scss
@@ -0,0 +1,31 @@
+// TODO: Temporary, fix this
+
+.link-icon {
+    height: 18px;
+    width: 18px;
+    margin-right: 10px;
+    float: left;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    &-all {
+        background-image: url('#{ $base-images-path }/icons/icon-all.svg');
+    }
+    &-active {
+        background-image: url('#{ $base-images-path }/icons/icon-active.svg');
+    }
+    &-to-finalize {
+        background-image: url('#{ $base-images-path }/icons/icon-to-finalize.svg');
+    }
+
+    .sokol &  {
+        &-all {
+            background-image: url('#{ $base-images-path }/icons/icon-all-sokol.svg');
+        }
+        &-active {
+            background-image: url('#{ $base-images-path }/icons/icon-active-sokol.svg');
+        }
+        &-to-finalize {
+            background-image: url('#{ $base-images-path }/icons/icon-to-finalize-sokol.svg');
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/assets/stylesheets/helpers/_variables.scss b/src/assets/stylesheets/helpers/_variables.scss
index ba2967b..5f2ef34 100644
--- a/src/assets/stylesheets/helpers/_variables.scss
+++ b/src/assets/stylesheets/helpers/_variables.scss
@@ -45,7 +45,7 @@ $breakpoint-xxxl: 1366px;
 
 // header
 $header-links-container-height: 70px;
-$header-height_mobile: 70px;
+$header-height: 70px;
 
 // search
 $search-container-height: 50px;
diff --git a/src/assets/stylesheets/index.css b/src/assets/stylesheets/index.css
index 29f11d5..ff294bc 100644
--- a/src/assets/stylesheets/index.css
+++ b/src/assets/stylesheets/index.css
@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700");.text-light{font-weight:300}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-italic{font-style:italic}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.footer{left:0;right:0}.new-form,.settings,.ballots-i{background-color:#fff;border-radius:6px;border:1px solid #e4e4e4;margin-bottom:30px;padding:30px;transition:0.15s box-shadow}@media screen and (max-width: 768px){.new-form,.settings,.ballots-i{margin-bottom:15px;padding:15px}}input,textarea,select{transition:0.3s background-color, 0.3s border-color;background-color:#fff;border-radius:3px;border:1px solid #e4e4e4;box-sizing:border-box;color:#444;font-size:14px;height:40px;outline:none;padding:0 10px;width:100%}input:hover,textarea:hover,select:hover{border-color:#8e959d;color:#202d3c}input:focus,textarea:focus,select:focus{border-color:#5c34a2;color:#202d3c}.sokol input:focus,.sokol textarea:focus,.sokol select:focus{border-color:#6ac9b9}button,.ballots-i--vote,.ballots-footer-finalize{cursor:pointer;display:inline-block;transition:0.3s opacity;box-sizing:border-box;border:0;outline:none;padding:0 15px;text-transform:uppercase;line-height:36px;font-size:13px;font-weight:bold}button:hover,.ballots-i--vote:hover,.ballots-footer-finalize:hover{opacity:0.9;text-decoration:none}*{box-sizing:border-box}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.hidden{display:none}.display-block{display:block}.display-inline{display:inline}.background-blur{animation-duration:0.25s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:sw-ModalAnimation_in;animation-timing-function:linear}@keyframes sw-ModalAnimation_in{0%{filter:blur(0)}100%{filter:blur(2px)}}body{-webkit-font-smoothing:antialiased;color:#000;font-family:"Nunito", sans-serif;font-size:14px}.ld-BaseLoader{align-items:center;background-color:rgba(255,255,255,0.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.sw-Footer{align-items:center;background-color:#5c34a2;color:#fff;display:flex;justify-content:center;min-height:60px;overflow:hidden;padding:16px 0;transition:background-color 0.25s ease-out;width:100%}.sw-Footer.sw-Footer-core{background-color:#5c34a2}.sw-Footer.sw-Footer-sokol{background-color:#6ac9b9}.sw-Footer.sw-Footer-dai{background-color:#f2f6f8}.sw-Footer_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.sw-Footer_Content{flex-direction:row;justify-content:space-between}}.sw-Footer_Text{color:#fff;flex-grow:1;font-size:11px;font-weight:300;line-height:1.2;margin:0;padding:15px 0 0 0;text-align:center}@media (min-width: 768px){.sw-Footer_Text{padding-top:0}}.sw-Footer-dai .sw-Footer_Text{color:#333}.sw-IconGithub{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconGithub{margin-right:10px}.sw-IconPOA{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.sw-IconTelegram{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTelegram{margin-right:10px}.sw-IconTwitter{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTwitter{margin-right:10px}.ld-Loading{align-items:center;background-color:rgba(92,52,162,0.5);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.ld-Loading.ld-Loading-core{background-color:rgba(92,52,162,0.5)}.ld-Loading.ld-Loading-sokol{background-color:rgba(106,201,185,0.5)}.ld-Loading.ld-Loading-dai{background-color:rgba(254,192,66,0.5)}.ld-Loading_Animation{display:flex;justify-content:space-between;width:206px}.ld-Loading_Image{margin-bottom:40px;width:120px}.ld-Loading_AnimationItem{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;background-color:#fff;border-radius:50%;height:9px;opacity:.2;width:9px}.ld-Loading_AnimationItem:nth-child(2){animation-delay:.1s}.ld-Loading_AnimationItem:nth-child(3){animation-delay:.2s}.ld-Loading_AnimationItem:nth-child(4){animation-delay:.3s}.ld-Loading_AnimationItem:nth-child(5){animation-delay:.4s}.ld-Loading_AnimationItem:nth-child(6){animation-delay:.5s}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.sw-LogoDai{display:block;text-decoration:none}.sw-Header .sw-LogoDai{height:58px;width:167px}.sw-Footer .sw-LogoDai{width:120px}.sw-LogoDai_Image{display:block;height:100%;width:100%}.sw-LogoPOA{display:block;text-decoration:none}.sw-Header .sw-LogoPOA{height:26px;width:167px}.sw-Footer .sw-LogoPOA{width:130px}.sw-LogoPOA_Image{display:block;height:100%;width:100%}.sw-LogoSokol{display:block;text-decoration:none}.sw-Header .sw-LogoSokol{height:30px;width:178px}.sw-Footer .sw-LogoSokol{height:26px}.sw-LogoSokol_Image{display:block;height:100%;width:100%}.ft-SocialIcons{align-items:center;display:flex;justify-content:space-between;padding-top:15px}@media (min-width: 768px){.ft-SocialIcons{padding-top:0}}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;position:relative;width:100%}a{color:#5c34a2;text-decoration:none}a:hover{text-decoration:underline}a .sokol{color:#6ac9b9}hr{display:block;width:100%;height:1px;margin:10px 0 30px;border:0;background-color:#e4e4e4}.center{text-align:center}.left{float:left;width:48%}.right{float:right;width:48%}@media screen and (max-width: 767px){.left,.right{float:none;width:100%}}.hidden{overflow:hidden}.display-none{display:none}.container{width:1000px;margin:0 auto;box-sizing:border-box}@media screen and (max-width: 1000px){.container{width:100%;padding:0 10px}}.title{margin-top:30px;margin-bottom:30px;color:#38454f;font-size:30px;font-weight:normal}@media screen and (max-width: 768px){.title{font-size:28px}}@media screen and (max-width: 767px){.title{font-size:26px}}button,input,textarea{outline:none}.btn{background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;color:#fff;cursor:pointer;font-weight:bold;font-size:14px;line-height:42px;outline:none;padding:0 15px;text-decoration:none;text-transform:uppercase;transition:0.15s background-color}.btn.btn-primary{background-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3)}.btn.btn-primary:hover{background-color:#46287b}.btn.btn-success{background-color:#60db97;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.btn.btn-success:hover{background-color:#36d27c}.btn.btn-danger{background-color:#f21b57;box-shadow:0px 5px 10px 0 rgba(242,27,87,0.3)}.btn.btn-danger:hover{background-color:#ce0c42}.btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.btn.btn-freeze:hover{background-color:#2ba8cc}.sokol .btn.btn-primary{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.sokol .btn.btn-primary:hover{background-color:#45bba7}.sokol .btn.btn-success{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.sokol .btn.btn-success:hover{background-color:#45bba7}.sokol .btn.btn-danger{background-color:#f24c67;box-shadow:0px 5px 10px 0 rgba(242,76,103,0.33)}.sokol .btn.btn-danger:hover{background-color:#ef1c3f}.sokol .btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.sokol .btn.btn-freeze:hover{background-color:#2ba8cc}.btn.btn-new{background-image:url("../images/icons/icon-add.svg");background-size:14px 14px;padding-right:45px}.btn.btn-load-more{background-image:url("../images/icons/icon-load-more.svg");border-radius:5px;border:2px solid #5c34a2;font-size:17px;font-weight:400;background-size:14px 14px;padding-right:45px}.sokol .btn.btn-load-more{background-image:url("../images/icons/icon-load-more-sokol.svg");border-color:#6ac9b9}.btn.btn-transparent{color:#5c34a2;background-color:transparent}.btn.btn-transparent:hover{opacity:0.8}.sokol .btn.btn-transparent{color:#6ac9b9}.btn[disabled],.sokol .btn[disabled],.btn.disabled,.sokol .btn.disabled{color:#333333;cursor:default;background-color:#f0f0f0;box-shadow:none}.btn[disabled]:hover,.sokol .btn[disabled]:hover,.btn.disabled:hover,.sokol .btn.disabled:hover{background-color:#f0f0f0}.btn.btn-finalize{background-image:url("../images/icons/icon-finalize-white.svg");background-size:14px 14px;padding-right:45px}.btn.btn-finalize[disabled],.btn.btn-finalize.disabled{background-image:url("../images/icons/icon-finalize-black.svg")}.btn.no-shadow{box-shadow:none}.btn.text-lowercase{text-transform:lowercase}.btn.text-uppercase{text-transform:uppercase}.btn.text-capitalize{text-transform:capitalize}label{color:#333;display:inline-block;font-size:13px;line-height:1.2;margin-bottom:15px}input:focus,textarea:focus{border-color:#fff}input[type='radio'],textarea[type='radio']{display:none}textarea{width:100%;padding-top:10px;padding-bottom:10px;height:70px;resize:none}select{appearance:none;background-image:url("../images/select.png");background-position:right 13px center;background-repeat:no-repeat;padding-right:30px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){select{background-image:url("../images/select@2x.png");background-size:8px 4px}}button{background-color:rgba(92,52,162,0.1);color:#5c34a2}button.load-more{margin-bottom:50px}@media screen and (max-width: 1000px){button.load-more{margin-bottom:80px}}@media screen and (max-width: 768px){button.load-more{margin-top:80px}}.radio-button{position:relative}.radio-button-label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-radius:3px;border:1px solid #e4e4e4;color:#333;cursor:pointer;font-size:14px;font-weight:400;line-height:50px;margin:0;outline:none;padding:0 15px;text-decoration:none;text-transform:capitalize;text-align:center;transition:0.25s background-color;position:relative;z-index:1}.radio-button input[type='radio']{height:100%;position:absolute;visibility:hidden;width:100%;z-index:12}input[type='radio']:checked+.radio-button-label{background-color:#5c34a2;border-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3);color:#fff}.sokol input[type='radio']:checked+.radio-button-label{background-color:#6ac9b9;border-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.keys-radio-button-tr{display:flex;margin-bottom:30px}@media screen and (max-width: 768px){.keys-radio-button-tr{flex-direction:column}}.keys-radio-button-td{min-width:30%;margin-right:5%}.keys-radio-button-td:last-child{margin-right:0}.keys-radio-button-td .radio-button-label{display:flex;justify-content:center}@media screen and (max-width: 768px){.keys-radio-button-td{margin-bottom:15px;margin-right:0;min-width:100%}}.form-el{margin-bottom:30px}.hint{color:#777;font-size:13px;font-weight:400;line-height:1.38;padding-top:12px;margin:0;word-break:break-word}.hint a{color:#5c34a2}.sokol .hint a{color:#6ac9b9}.footer{background-color:#5c34a2;bottom:0;padding:18px 0;position:absolute}.footer.sokol{background-color:#6ac9b9}.footer .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.footer .container{flex-direction:column}}.footer .socials{order:2}@media screen and (max-width: 768px){.footer .socials{margin-top:15px;order:1}}.footer-logo{background-image:url("../images/logos/logo-poa.svg");background-repeat:no-repeat;background-size:contain;display:block;height:18px;left:0;order:0;width:139px}.footer-logo.sokol{background-image:url("../images/logos/logo-sokol.svg");width:144px}.footer-rights{color:#fff;font-size:12px;order:1;text-align:center}@media screen and (max-width: 768px){.footer-rights{line-height:normal;margin-top:15px;order:2;width:100%}}.header{background-color:#5c34a2;position:relative;width:100%;z-index:9999}@media screen and (max-width: 767px){.header{left:0;right:0;position:fixed;top:0;z-index:124}}.header .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 767px){.header .container{width:93%;padding:22px 0}}.header.sokol{background-color:#6ac9b9}.header-logo{display:block;height:26px}.header .links-container{align-items:center;display:flex;justify-content:space-between;height:70px;margin-left:auto}@media screen and (max-width: 767px){.header .links-container{display:none}}@media screen and (max-width: 768px){.header .links-container{justify-content:flex-end;width:auto}}.header .links-container-mobile{display:none}@media screen and (max-width: 767px){.header .links-container-mobile{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}}.header .link{color:#fff;font-size:14px;font-weight:700;line-height:18px;margin-left:34px;opacity:0.8;text-decoration:none;transition:opacity linear 0.1s}.header .link:hover,.header .link.active{opacity:1}@media screen and (max-width: 767px){.header .link{margin-left:0}}.header .link-icon{height:18px;width:18px;margin-right:10px;float:left;background-position:50% 50%;background-repeat:no-repeat}.header .link-icon-all{background-image:url("../images/icons/icon-all.svg")}.header .link-icon-active{background-image:url("../images/icons/icon-active.svg")}.header .link-icon-to-finalize{background-image:url("../images/icons/icon-to-finalize.svg")}.header.sokol .link-icon-all{background-image:url("../images/icons/icon-all-sokol.svg")}.header.sokol .link-icon-active{background-image:url("../images/icons/icon-active-sokol.svg")}.header.sokol .link-icon-to-finalize{background-image:url("../images/icons/icon-to-finalize-sokol.svg")}.header .mobile-menu{display:none}@media screen and (max-width: 767px){.header .mobile-menu{display:block;order:3}}.header .mobile-menu .mobile-menu-icon{width:18px;height:14px}.header .mobile-menu .mobile-menu-open-icon{width:18px;height:18px}@media screen and (max-width: 767px){.header .header-mobile-menu-container{background-color:#45277a;height:220px}}@media screen and (max-width: 767px){.header.sokol .header-mobile-menu-container{background-color:#41b19e}}.header .Select{margin-left:25px}@media screen and (max-width: 767px){.header .Select{margin-left:0;max-width:125px;order:2}.header .Select .Select-control{max-width:125px}}.header .btn.btn-new-ballot{height:36px;line-height:36px;opacity:1}.header .btn.btn-new-ballot .link-icon{display:none}.header.sokol .btn.btn-new-ballot{background-color:#fff;background-image:url("../images/icons/icon-add-sokol.svg");color:#6ac9b9}.header.sokol .btn.btn-new-ballot:hover{opacity:0.9}.select-network-id{background:#fff;width:40px}.info-container{background-color:#f8f8f8;margin-bottom:30px;margin-left:-30px;margin-right:-30px;padding-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px}@media screen and (max-width: 768px){.info-container{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}.info{color:#000}.ballots .info{background-position:0 2px;background-repeat:no-repeat;color:#333333;font-size:14px;font-weight:normal;letter-spacing:normal;line-height:1.71;margin-bottom:20px;max-width:100%;min-height:32px;padding-left:30px;text-align:left;word-break:break-word}.ballots .info:last-child{margin-bottom:0}.ballots .info-minimum{background-image:url("../images/icons/icon-min.svg");background-size:18px 18px}.ballots .info-details{background-image:url("../images/icons/icon-info.svg");background-size:10px 18px;position:relative}.ballots .info-details.collapsed{height:90px;overflow:hidden}.ballots .info-details .toggle-show{color:#5c34a2;cursor:pointer;display:inline-block;margin-left:5px}.sokol .ballots .info-details .toggle-show{color:#6ac9b9}.new-form .info{padding:30px}.info-title{color:#333;font-size:16px;font-weight:400;margin-bottom:30px;padding-left:25px;position:relative}.info-title:before{background-image:url("../images/icons/icon-info.svg");background-position:50% 50%;background-repeat:no-repeat;background-size:10px 18px;content:'';height:32px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.info-i{color:#777;font-size:14px;line-height:1.71;margin-bottom:20px;padding-left:25px;position:relative}.info-i:before{background-color:#333;border-radius:50%;content:'';height:6px;left:0;position:absolute;top:8px;width:6px}.app-container{padding-bottom:30px;padding-top:40px;position:relative}.app-container.app-container-open-mobile-menu:before{background-color:rgba(78,44,137,0.8);bottom:0;content:'';display:none;left:0;position:fixed;right:0;top:290px;z-index:1234}@media screen and (max-width: 767px){.app-container.app-container-open-mobile-menu:before{display:block}}.app-container.app-container-open-mobile-menu.sokol:before{background-color:rgba(106,201,185,0.8)}@media screen and (max-width: 767px){#root,.app-container{height:100%}.app-container{padding-left:10px;padding-right:10px}}@media screen and (max-width: 767px){.content{padding-top:120px}}.content.content-menu-open{padding-top:290px}.clearfix::after{content:"";clear:both;display:table}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.loading{display:flex;justify-content:space-between;left:50%;margin:-30px 0 0 -111.5px;padding-top:50px;position:absolute;top:50%;width:206px}.loading:before{background-image:url("../images/logos/logo_loader.svg");background-position:0 0;background-repeat:no-repeat;content:'';left:0;position:absolute;top:0;height:100px;width:206px}.loading-container{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000000}.loading-i{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;background-color:#fff;border-radius:50%;height:9px;opacity:.2;width:9px}.loading-i:nth-child(2){animation-delay:.1s}.loading-i:nth-child(3){animation-delay:.2s}.loading-i:nth-child(4){animation-delay:.3s}.loading-i:nth-child(5){animation-delay:.4s}.loading-i:nth-child(6){animation-delay:.5s}.main-title-container{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:40px}.main-title-container .main-title{font-size:24px;color:#333;line-height:38px}@media screen and (max-width: 767px){.main-title-container{-ms-flex-direction:column;flex-direction:column}.main-title-container .search-input{width:100%}}.new-form{display:flex;overflow:hidden;padding:0}@media screen and (max-width: 768px){.new-form{display:block}}.new-form-side{box-sizing:border-box;padding-bottom:30px;padding-top:30px}@media screen and (max-width: 768px){.new-form-side{width:100% !important}}.new-form-side_left{background-color:#f8f8f8;padding-top:0;width:30%}@media screen and (max-width: 768px){.new-form-side_left{margin-bottom:30px;padding-bottom:0}}.new-form-side_right{border-left:1px solid #e4e4e4;padding-left:30px;padding-right:30px;width:70%}@media screen and (max-width: 768px){.new-form-side_right{border:0;padding-top:0}}.new .add-ballot{white-space:nowrap}@media screen and (max-width: 767px){.new .add-ballot{margin-top:20px}}.search-container{background-color:#502d8d;box-sizing:border-box;height:50px;padding:10px 0 0 0}.search-container.sokol{background-color:#41b19e}@media screen and (max-width: 767px){.search-container{left:0;position:fixed;right:0;top:70px;z-index:123}}input.search-input{background-color:transparent;background-image:url("../images/icons/icon-search.svg");background-position:0 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:0;border:none;box-sizing:border-box;display:block;font-size:14px;font-weight:400;height:30px;outline:none;padding-left:30px;width:100%}input.search-input,input.search-input:focus input.search-input:hover,input.search-input:active{color:#fff}.sokol input.search-input{background-image:url("../images/icons/icon-search-sokol.svg")}input.search-input::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}input.search-input:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}input.search-input::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}input.search-input:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.settings{max-width:600px;margin:0 auto}.settings-title{margin-bottom:20px;color:#38454f;text-align:center;font-size:24px}.socials-item:not(:first-child){margin-left:10px}.socials-i{background-color:#ffffff;border-radius:3px;display:inline-block;font-size:0;height:30px;position:relative;transition:0.3s background-color;vertical-align:top;width:30px}.socials-i:not(:first-child){margin-left:10px}.socials-i:hover{background-color:rgba(255,255,255,0.4)}.socials-i:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:'';height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px}.socials-i_github:before{background-image:url("../images/socials/git.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_github:before{background-image:url("../images/socials/git@2x.png");background-size:100% 100%}}.socials-i_telegram:before{background-image:url("../images/socials/telegram.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_telegram:before{background-image:url("../images/socials/telegram@2x.png");background-size:100% 100%}}.socials-i_twitter:before{background-image:url("../images/socials/tw.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_twitter:before{background-image:url("../images/socials/tw@2x.png");background-size:100% 100%}}.socials-i_poa:before{background-image:url("../images/socials/poa.png");height:20px;width:20px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.socials-i_poa:before{background-image:url("../images/socials/poa@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_github:before{background-image:url("../images/socials/git-sokol.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.sokol .socials .socials-i_github:before{background-image:url("../images/socials/git-sokol@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_telegram:before{background-image:url("../images/socials/telegram-sokol.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.sokol .socials .socials-i_telegram:before{background-image:url("../images/socials/telegram-sokol@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_twitter:before{background-image:url("../images/socials/tw-sokol.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.sokol .socials .socials-i_twitter:before{background-image:url("../images/socials/tw-sokol@2x.png");background-size:100% 100%}}.sokol .socials .socials-i_poa:before{background-image:url("../images/socials/poa-sokol.png")}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.sokol .socials .socials-i_poa:before{background-image:url("../images/socials/poa-sokol@2x.png");background-size:100% 100%}}.vote-scale{background-color:#f0f0f0;border-radius:5px;clear:left;height:10px;margin-top:34px;overflow:hidden}.vote-scale-not-finalized{background-color:#ffffff}.vote-scale--fill{height:100%;border-radius:3px}.vote-scale--fill_no{background-color:#f21b57}.sokol .vote-scale--fill_no{background-color:#f24c67}.vote-scale--fill_yes{background-color:#60db97}.sokol .vote-scale--fill_yes{background-color:#6ac9b9}.vote-scale--fill_send{background-color:#60db97}.sokol .vote-scale--fill_send{background-color:#6ac9b9}.vote-scale--fill_burn{background-color:#f21b57}.sokol .vote-scale--fill_burn{background-color:#f24c67}.vote-scale--fill_freeze{background-color:#50bbda}.sokol .vote-scale--fill_freeze{background-color:#50bbda}.vote-scale--container{width:100%}.vote-scale--value{float:left;font-size:12px}.vote-scale--votes,.vote-scale--percentage{float:right;font-size:13px}.vote-scale--votes{color:#333;margin-left:10px}.vote-scale--percentage{color:#000;font-weight:700}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none !important}.Select input::-ms-clear{display:none !important}.Select input::-ms-reveal{display:none !important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#cbcbcb #e4e4e4 #f1f1f1}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#5c34a2 #673ab5 #673ab5;box-shadow:none}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:44px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{color:#8e959d;outline:none;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-collapse:separate;border-color:#f1f1f1 #e4e4e4 #cbcbcb;border-radius:3px;border-spacing:0;border:1px solid #e4e4e4;color:#333;cursor:default;display:table;height:40px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:none}.Select-control .Select-input:focus{outline:none;background:#fff}.Select-placeholder,.Select--single>.Select-control .Select-value{bottom:0;color:#333;left:0;line-height:38px;padding-left:15px;padding-right:15px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:38px;padding-left:15px;padding-right:15px;vertical-align:middle}.Select-input>input{background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:10px 0 14px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin 400ms infinite linear;-o-animation:Select-animation-spin 400ms infinite linear;animation:Select-animation-spin 400ms infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #e4e4e4;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn 200ms;-o-animation:Select-animation-fadeIn 200ms;animation:Select-animation-fadeIn 200ms;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:19px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:20px;line-height:1}.Select--multi .Select-clear-zone{width:19px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0, 0, 0, 0);overflow:hidden;float:left}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;border:1px solid #e4e4e4;border-top-color:#f2f2f2;box-shadow:none;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 15px}.Select-option:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.Select-option.is-selected{background-color:#f5faff;color:#333}.Select-option.is-focused{background-color:#f2f9fc;color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 15px}.Select--multi .Select-input{vertical-align:middle;margin-left:15px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:15px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#f2f9fc;border-radius:3px;border:1px solid #e5eef9;color:#08c;display:inline-block;font-size:.9em;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:3px;border-top-right-radius:3px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#08c;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:3px;border-top-left-radius:3px;border-right:1px solid #e5eef9;padding:1px 5px 3px}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#ddeff7;color:#0077b3}.Select--multi .Select-value-icon:active{background-color:#e5eef9}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #e5eef9}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.ballot-types{background-color:#fff;border-bottom:1px solid #e4e4e4;padding:20px 30px 10px}.ballot-types-i{color:#333;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:10px;position:relative;line-height:30px}.ballot-types-i:before{background-color:#5c34a2;border-bottom-right-radius:5px;border-top-right-radius:5px;content:'';height:30px;left:-30px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sokol .ballot-types-i:before{background-color:#6ac9b9}.ballot-types-i_active{color:#5c34a2}.ballot-types-i_active:before{opacity:1}.sokol .ballot-types-i_active{color:#6ac9b9}.ballots-i--vote,.ballots-footer-finalize{border-radius:2px;padding:0 13px;font-size:13px;font-weight:bold}.ballots .title{margin-bottom:50px}@media screen and (max-width: 768px){.ballots .title{margin-bottom:15px}}@media screen and (max-width: 767px){.ballots .title{margin-bottom:10px}}.ballots-about{margin-top:-8px}.ballots-i{background-color:#fff}.ballots-i-scale{border-top:1px solid #e4e4e4;display:flex;margin-bottom:30px;margin-top:30px;padding:30px 0 0 0}@media screen and (max-width: 768px){.ballots-i-scale{display:block;margin-top:15px;padding:15px 0 0 0}}@media screen and (max-width: 767px){.ballots-i-scale{margin-top:10px;padding:10px 0 0 0}}.ballots-i-scale-column{display:flex;flex-grow:1;justify-content:space-between;margin-right:40px}@media screen and (max-width: 768px){.ballots-i-scale-column{margin-bottom:30px;margin-right:0;overflow:hidden;width:100%}}.ballots-i-scale-column:last-child{margin-right:0}@media screen and (max-width: 768px){.ballots-i-scale-column.reverse-responsive{flex-direction:row-reverse}}.ballots-i--name{overflow:hidden;text-overflow:ellipsis}.ballots-i--see-all-proposal{display:inline-block;margin-top:5px}.ballots-i--vote-label{color:#333;cursor:default;font-size:14px;font-weight:700;line-height:1.2}@media screen and (max-width: 767px){.ballots-i--vote-label{margin-bottom:25px}}.ballots-i--vote-label-right{margin-left:auto !important}.ballots-i--vote_btn{line-height:44px;min-width:55px;text-transform:capitalize}.ballots-i--vote_btn.xl{min-width:78px}.ballots-i--vote_btn.m-r-20{margin-right:20px}.ballots-i--vote_btn.m-l-20{margin-left:20px}@media screen and (max-width: 768px){.ballots-i--vote_btn.m-r-20,.ballots-i--vote_btn.m-l-20{margin-left:0;margin-right:20px}}textarea{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;outline:none;border-radius:3px;width:100%}.color-primary{color:#5c34a2}.sokol .color-primary{color:#6ac9b9}.color-danger{color:#f21b57}.sokol .color-danger{color:#f24c67}.color-success{color:#60db97}.sokol .color-success{color:#6ac9b9}@media screen and (max-width: 768px){.ballots-about{display:table;width:100%}}.ballots-about p{line-height:28px}.ballots-about-i{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box}@media screen and (max-width: 768px){.ballots-about-i{display:table-row;width:100% !important}}.ballots-about-i .ballots-about-td-value{padding-right:12px}.ballots-about-i_name{width:12%}.ballots-about-i_action{width:8%}.ballots-about-i_type{width:8%}.ballots-about-i_proposal{width:30%}.ballots-about-i_key{width:26%;word-break:break-all}.ballots-about-i_key_wide{width:50%;word-break:break-all}.ballots-about-i_proposed_receiver{width:45%;word-break:break-all}.ballots-about-i_funds_amount{width:23%;word-break:break-all}.ballots-about-i_proposed-min-threshold{width:30%;word-break:break-all}.ballots-about-i_contract-type{width:25%;word-break:break-all}.ballots-about-i_proposed-address{width:30%;word-break:break-all}.ballots-about-i_time{width:20%}.ballots-about-i--title{color:#777;font-size:13px;font-weight:400;text-align:left}.ballots-about-i:first-child .ballots-about-td-value{border-left:none;padding-left:0}.ballots-about-i:last-child .ballots-about-td-value{border-right:none;padding-right:0}.ballots-about-td.ballots-about-td-value{color:#333;font-size:14px}.ballots-about-i_action .ballots-about-td.ballots-about-td-value,.ballots-about-i_type .ballots-about-td.ballots-about-td-value{text-transform:capitalize}@media screen and (max-width: 768px){.ballots-about-td.ballots-about-td-value{padding-left:0;padding-right:0}}@media screen and (max-width: 768px){.ballots-about-td{display:table-cell;vertical-align:top}}@media screen and (max-width: 768px){.ballots-about-td:first-child{padding-right:10px}}@media screen and (max-width: 768px){.ballots-about-i:not(:last-child) .ballots-about-td{padding-bottom:10px}}.ballots-footer{display:flex;align-items:center;justify-content:space-between}.ballots-footer-left{display:inline-flex;align-items:center}@media screen and (max-width: 767px){.ballots-footer-left{display:block}.ballots-footer-left .btn{display:block;margin:0 0 15px;width:100%}}@media screen and (max-width: 768px){.ballots-footer{padding-top:15px}}@media screen and (max-width: 767px){.ballots-footer{flex-direction:column-reverse;padding-top:0}}.ballots-footer p{color:#777;font-size:14px;font-stretch:normal;font-style:normal;font-weight:normal;line-height:18px;max-width:340px;padding-left:15px}.ballots-footer-finalize{margin-right:20px;background-color:rgba(8,179,242,0.1);white-space:nowrap}.ballots-footer-finalize-finalized{background-color:rgba(109,46,174,0.1);color:#6d2eae;cursor:default}@media screen and (max-width: 767px){.ballots-footer-finalize{width:100%;margin-right:0;margin-top:10px;text-align:center}}
+@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,600,700");.text-light{font-weight:300}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-italic{font-style:italic}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.new-form,.settings,.ballots-i{background-color:#fff;border-radius:6px;border:1px solid #e4e4e4;margin-bottom:30px;padding:30px;transition:0.15s box-shadow}@media screen and (max-width: 768px){.new-form,.settings,.ballots-i{margin-bottom:15px;padding:15px}}input,textarea,select{transition:0.3s background-color, 0.3s border-color;background-color:#fff;border-radius:3px;border:1px solid #e4e4e4;box-sizing:border-box;color:#444;font-size:14px;height:40px;outline:none;padding:0 10px;width:100%}input:hover,textarea:hover,select:hover{border-color:#8e959d;color:#202d3c}input:focus,textarea:focus,select:focus{border-color:#5c34a2;color:#202d3c}.sokol input:focus,.sokol textarea:focus,.sokol select:focus{border-color:#6ac9b9}button,.ballots-i--vote,.ballots-footer-finalize{cursor:pointer;display:inline-block;transition:0.3s opacity;box-sizing:border-box;border:0;outline:none;padding:0 15px;text-transform:uppercase;line-height:36px;font-size:13px;font-weight:bold}button:hover,.ballots-i--vote:hover,.ballots-footer-finalize:hover{opacity:0.9;text-decoration:none}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none !important}.Select input::-ms-clear{display:none !important}.Select input::-ms-reveal{display:none !important}.Select,.Select div,.Select input,.Select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-searchable.is-focused:not(.is-open)>.Select-control{cursor:text}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#cbcbcb #e4e4e4 #f1f1f1}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#5c34a2 #673ab5 #673ab5;box-shadow:none}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:44px}.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{color:#8e959d;outline:none;text-decoration:underline}.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-collapse:separate;border-color:#f1f1f1 #e4e4e4 #cbcbcb;border-radius:3px;border-spacing:0;border:1px solid #e4e4e4;color:#333;cursor:default;display:table;height:40px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:none}.Select-control .Select-input:focus{outline:none;background:#fff}.Select-placeholder,.Select--single>.Select-control .Select-value{bottom:0;color:#333;left:0;line-height:38px;padding-left:15px;padding-right:15px;position:absolute;right:0;top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:38px;padding-left:15px;padding-right:15px;vertical-align:middle}.Select-input>input{background:none transparent;border:0 none;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:10px 0 14px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:16px}.Select-loading{-webkit-animation:Select-animation-spin 400ms infinite linear;-o-animation:Select-animation-spin 400ms infinite linear;animation:Select-animation-spin 400ms infinite linear;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #e4e4e4;border-right-color:#333;display:inline-block;position:relative;vertical-align:middle}.Select-clear-zone{-webkit-animation:Select-animation-fadeIn 200ms;-o-animation:Select-animation-fadeIn 200ms;animation:Select-animation-fadeIn 200ms;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:19px}.Select-clear-zone:hover{color:#D0021B}.Select-clear{display:inline-block;font-size:20px;line-height:1}.Select--multi .Select-clear-zone{width:19px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0, 0, 0, 0);overflow:hidden;float:left}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}@-webkit-keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}@keyframes Select-animation-fadeIn{from{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;border:1px solid #e4e4e4;border-top-color:#f2f2f2;box-shadow:none;box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 15px}.Select-option:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.Select-option.is-selected{background-color:#f5faff;color:#333}.Select-option.is-focused{background-color:#f2f9fc;color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 15px}.Select--multi .Select-input{vertical-align:middle;margin-left:15px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:15px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#f2f9fc;border-radius:3px;border:1px solid #e5eef9;color:#08c;display:inline-block;font-size:.9em;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:3px;border-top-right-radius:3px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#08c;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:3px;border-top-left-radius:3px;border-right:1px solid #e5eef9;padding:1px 5px 3px}.Select--multi .Select-value-icon:hover,.Select--multi .Select-value-icon:focus{background-color:#ddeff7;color:#0077b3}.Select--multi .Select-value-icon:active{background-color:#e5eef9}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #e5eef9}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:hover,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:active{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}@-webkit-keyframes Select-animation-spin{to{-webkit-transform:rotate(1turn)}}*{box-sizing:border-box}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.hidden{display:none}.display-block{display:block}.display-inline{display:inline}.background-blur{animation-duration:0.25s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:sw-ModalAnimation_in;animation-timing-function:linear}@keyframes sw-ModalAnimation_in{0%{filter:blur(0)}100%{filter:blur(2px)}}body{-webkit-font-smoothing:antialiased;color:#000;font-family:"Nunito", sans-serif;font-size:14px}html,body,#root,html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){height:100%}.clearfix::after{content:"";clear:both;display:table}.lo-App{display:flex;flex-direction:column;height:100%;padding-top:120px;width:100%}@media (min-width: 768px){.lo-App{padding-top:0}}.lo-App.lo-App-menu-open{padding-top:290px}.lo-App_Content{flex-grow:1;padding-bottom:30px;padding-top:40px;position:relative}.lo-App_Content:before{background-color:rgba(92,52,162,0.5);bottom:0;content:'';display:none;left:0;position:fixed;right:0;top:290px;z-index:1234}.lo-App_Content.lo-App_Content-core:before{background-color:rgba(92,52,162,0.5)}.lo-App_Content.lo-App_Content-sokol:before{background-color:rgba(106,201,185,0.5)}.lo-App_Content.lo-App_Content-dai:before{background-color:rgba(254,192,66,0.5)}.lo-App_Content.lo-App_Content-mobile-menu-open:before{display:block}.ld-BaseLoader{align-items:center;background-color:rgba(255,255,255,0.8);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.sw-Footer{align-items:center;background-color:#5c34a2;color:#fff;display:flex;flex-shrink:0;justify-content:center;min-height:60px;overflow:hidden;padding:16px 0;transition:background-color 0.25s ease-out;width:100%}.sw-Footer.sw-Footer-core{background-color:#5c34a2}.sw-Footer.sw-Footer-sokol{background-color:#6ac9b9}.sw-Footer.sw-Footer-dai{background-color:#f2f6f8}.sw-Footer_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Footer_Content{padding-left:20px;padding-right:20px}}@media (min-width: 768px){.sw-Footer_Content{flex-direction:row;justify-content:space-between}}.sw-Footer_Text{color:#fff;flex-grow:1;font-size:11px;font-weight:300;line-height:1.2;margin:0;padding:15px 0 0 0;text-align:center}@media (min-width: 768px){.sw-Footer_Text{padding-top:0}}.sw-Footer-dai .sw-Footer_Text{color:#333}.sw-Header{align-items:center;background-color:#5c34a2;color:#fff;display:flex;flex-shrink:0;height:70px;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:background-color 0.25s ease-out;width:100%;z-index:124}@media (min-width: 767px){.sw-Header{position:relative;z-index:9999}}.sw-Header.sw-Header-menu-open{flex-direction:column;height:auto}.sw-Header.sw-Header-core{background-color:#5c34a2}.sw-Header.sw-Header-sokol{background-color:#6ac9b9}.sw-Header.sw-Header-dai{background-color:#f2f6f8}.sw-Header-logo{display:block;height:26px}.sw-Header .links-container{align-items:center;display:flex;justify-content:space-between;height:70px;margin-left:auto}@media screen and (max-width: 767px){.sw-Header .links-container{display:none}}@media screen and (max-width: 768px){.sw-Header .links-container{justify-content:flex-end;width:auto}}.sw-Header .link{color:#fff;font-size:14px;font-weight:700;line-height:18px;margin-left:34px;opacity:0.8;text-decoration:none;transition:opacity linear 0.1s}.sw-Header .link:hover,.sw-Header .link.active{opacity:1}@media screen and (max-width: 767px){.sw-Header .link{margin-left:0}}.sw-Header .mobile-menu{display:none}@media screen and (max-width: 767px){.sw-Header .mobile-menu{display:block;order:3}}.sw-Header .mobile-menu .mobile-menu-icon{width:18px;height:14px}.sw-Header .mobile-menu .mobile-menu-open-icon{width:18px;height:18px}.sw-Header .Select{margin-left:25px}@media screen and (max-width: 767px){.sw-Header .Select{margin-left:0;max-width:125px;order:2}.sw-Header .Select .Select-control{max-width:125px}}.sw-Header .btn.btn-new-ballot{height:36px;line-height:36px;opacity:1}.sw-Header .btn.btn-new-ballot .link-icon{display:none}.sw-Header.sokol .btn.btn-new-ballot{background-color:#fff;background-image:url("../images/icons/icon-add-sokol.svg");color:#6ac9b9}.sw-Header.sokol .btn.btn-new-ballot:hover{opacity:0.9}.sw-Header_Content{max-width:100%;padding-left:10px;padding-right:10px;width:1000px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:70px}@media (min-width: 768px){.sw-Header_Content{padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.sw-Header_Content{padding-left:20px;padding-right:20px}}.select-network-id{background:#fff;width:40px}.sw-IconGithub{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconGithub{margin-right:10px}.sw-IconPOA{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.sw-IconTelegram{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTelegram{margin-right:10px}.sw-IconTwitter{align-items:center;border-radius:3px;display:flex;font-size:0;justify-content:center;line-height:0;transition:background-color 0.25s ease-out}.ft-SocialIcons .sw-IconTwitter{margin-right:10px}.ld-Loading{align-items:center;background-color:rgba(92,52,162,0.5);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000000}.ld-Loading.ld-Loading-core{background-color:rgba(92,52,162,0.5)}.ld-Loading.ld-Loading-sokol{background-color:rgba(106,201,185,0.5)}.ld-Loading.ld-Loading-dai{background-color:rgba(254,192,66,0.5)}.ld-Loading_Animation{display:flex;justify-content:space-between;width:206px}.ld-Loading_Image{margin-bottom:40px;width:120px}.ld-Loading_AnimationItem{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:fadeOut;animation-timing-function:linear;background-color:#fff;border-radius:50%;height:9px;opacity:.2;width:9px}.ld-Loading_AnimationItem:nth-child(2){animation-delay:.1s}.ld-Loading_AnimationItem:nth-child(3){animation-delay:.2s}.ld-Loading_AnimationItem:nth-child(4){animation-delay:.3s}.ld-Loading_AnimationItem:nth-child(5){animation-delay:.4s}.ld-Loading_AnimationItem:nth-child(6){animation-delay:.5s}@keyframes fadeOut{0%{opacity:.2}20%{opacity:1;transform:scale(1)}100%{opacity:.2;transform:scale(0.3)}}.sw-LogoDai{display:block;text-decoration:none}.sw-Header .sw-LogoDai{height:58px;width:167px}.sw-Footer .sw-LogoDai{width:120px}.sw-LogoDai_Image{display:block;height:100%;width:100%}.sw-LogoPOA{display:block;text-decoration:none}.sw-Header .sw-LogoPOA{height:26px;width:167px}.sw-Footer .sw-LogoPOA{width:130px}.sw-LogoPOA_Image{display:block;height:100%;width:100%}.sw-LogoSokol{display:block;text-decoration:none}.sw-Header .sw-LogoSokol{height:30px;width:178px}.sw-Footer .sw-LogoSokol{height:26px}.sw-LogoSokol_Image{display:block;height:100%;width:100%}.hd-MobileMenuLinks{background-color:#45277a;height:220px;width:100%}@media (min-width: 768px){.hd-MobileMenuLinks{height:70px}}.sokol .hd-MobileMenuLinks{background-color:#41b19e}.hd-MobileMenuLinks_ItemsContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly}@media (min-width: 768px){.hd-MobileMenuLinks_ItemsContainer{display:none}}.hd-MobileMenuLinks_Item{color:#fff;font-size:14px;font-weight:700;line-height:18px;margin-left:0;opacity:0.8;text-decoration:none;transition:opacity linear 0.1s}.hd-MobileMenuLinks_Item:hover,.hd-MobileMenuLinks_Item.hd-MobileMenuLinks_Item-active{opacity:1}@media (min-width: 768px){.hd-MobileMenuLinks_Item{margin-left:34px}}.hd-MobileMenuLinks_Icon{background-position:50% 50%;background-repeat:no-repeat;float:left;height:18px;margin-right:10px;width:18px}.ft-SocialIcons{align-items:center;display:flex;justify-content:space-between;padding-top:15px}@media (min-width: 768px){.ft-SocialIcons{padding-top:0}}.link-icon{height:18px;width:18px;margin-right:10px;float:left;background-position:50% 50%;background-repeat:no-repeat}.link-icon-all{background-image:url("../images/icons/icon-all.svg")}.link-icon-active{background-image:url("../images/icons/icon-active.svg")}.link-icon-to-finalize{background-image:url("../images/icons/icon-to-finalize.svg")}.sokol .link-icon-all{background-image:url("../images/icons/icon-all-sokol.svg")}.sokol .link-icon-active{background-image:url("../images/icons/icon-active-sokol.svg")}.sokol .link-icon-to-finalize{background-image:url("../images/icons/icon-to-finalize-sokol.svg")}html,body,p,h1,h2,h3{margin:0;padding:0;font-weight:normal}html{display:flex;min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#ffffff;box-sizing:border-box;color:#333;font-family:'Nunito', sans-serif;font-size:14px;position:relative;width:100%}a{color:#5c34a2;text-decoration:none}a:hover{text-decoration:underline}a .sokol{color:#6ac9b9}hr{display:block;width:100%;height:1px;margin:10px 0 30px;border:0;background-color:#e4e4e4}.center{text-align:center}.left{float:left;width:48%}.right{float:right;width:48%}@media screen and (max-width: 767px){.left,.right{float:none;width:100%}}.hidden{overflow:hidden}.display-none{display:none}.container{width:1000px;margin:0 auto;box-sizing:border-box}@media screen and (max-width: 1000px){.container{width:100%;padding:0 10px}}.title{margin-top:30px;margin-bottom:30px;color:#38454f;font-size:30px;font-weight:normal}@media screen and (max-width: 768px){.title{font-size:28px}}@media screen and (max-width: 767px){.title{font-size:26px}}button,input,textarea{outline:none}.btn{background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;border-radius:5px;border:0;color:#fff;cursor:pointer;font-weight:bold;font-size:14px;line-height:42px;outline:none;padding:0 15px;text-decoration:none;text-transform:uppercase;transition:0.15s background-color}.btn.btn-primary{background-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3)}.btn.btn-primary:hover{background-color:#46287b}.btn.btn-success{background-color:#60db97;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.btn.btn-success:hover{background-color:#36d27c}.btn.btn-danger{background-color:#f21b57;box-shadow:0px 5px 10px 0 rgba(242,27,87,0.3)}.btn.btn-danger:hover{background-color:#ce0c42}.btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.btn.btn-freeze:hover{background-color:#2ba8cc}.sokol .btn.btn-primary{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.sokol .btn.btn-primary:hover{background-color:#45bba7}.sokol .btn.btn-success{background-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(96,219,151,0.3)}.sokol .btn.btn-success:hover{background-color:#45bba7}.sokol .btn.btn-danger{background-color:#f24c67;box-shadow:0px 5px 10px 0 rgba(242,76,103,0.33)}.sokol .btn.btn-danger:hover{background-color:#ef1c3f}.sokol .btn.btn-freeze{background-color:#50bbda;box-shadow:0px 5px 10px 0 rgba(80,187,218,0.3)}.sokol .btn.btn-freeze:hover{background-color:#2ba8cc}.btn.btn-new{background-image:url("../images/icons/icon-add.svg");background-size:14px 14px;padding-right:45px}.btn.btn-load-more{background-image:url("../images/icons/icon-load-more.svg");border-radius:5px;border:2px solid #5c34a2;font-size:17px;font-weight:400;background-size:14px 14px;padding-right:45px}.sokol .btn.btn-load-more{background-image:url("../images/icons/icon-load-more-sokol.svg");border-color:#6ac9b9}.btn.btn-transparent{color:#5c34a2;background-color:transparent}.btn.btn-transparent:hover{opacity:0.8}.sokol .btn.btn-transparent{color:#6ac9b9}.btn[disabled],.sokol .btn[disabled],.btn.disabled,.sokol .btn.disabled{color:#333333;cursor:default;background-color:#f0f0f0;box-shadow:none}.btn[disabled]:hover,.sokol .btn[disabled]:hover,.btn.disabled:hover,.sokol .btn.disabled:hover{background-color:#f0f0f0}.btn.btn-finalize{background-image:url("../images/icons/icon-finalize-white.svg");background-size:14px 14px;padding-right:45px}.btn.btn-finalize[disabled],.btn.btn-finalize.disabled{background-image:url("../images/icons/icon-finalize-black.svg")}.btn.no-shadow{box-shadow:none}.btn.text-lowercase{text-transform:lowercase}.btn.text-uppercase{text-transform:uppercase}.btn.text-capitalize{text-transform:capitalize}label{color:#333;display:inline-block;font-size:13px;line-height:1.2;margin-bottom:15px}input:focus,textarea:focus{border-color:#fff}input[type='radio'],textarea[type='radio']{display:none}textarea{width:100%;padding-top:10px;padding-bottom:10px;height:70px;resize:none}select{appearance:none;background-image:url("../images/select.png");background-position:right 13px center;background-repeat:no-repeat;padding-right:30px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){select{background-image:url("../images/select@2x.png");background-size:8px 4px}}button{background-color:rgba(92,52,162,0.1);color:#5c34a2}button.load-more{margin-bottom:50px}@media screen and (max-width: 1000px){button.load-more{margin-bottom:80px}}@media screen and (max-width: 768px){button.load-more{margin-top:80px}}.radio-button{position:relative}.radio-button-label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-radius:3px;border:1px solid #e4e4e4;color:#333;cursor:pointer;font-size:14px;font-weight:400;line-height:50px;margin:0;outline:none;padding:0 15px;text-decoration:none;text-transform:capitalize;text-align:center;transition:0.25s background-color;position:relative;z-index:1}.radio-button input[type='radio']{height:100%;position:absolute;visibility:hidden;width:100%;z-index:12}input[type='radio']:checked+.radio-button-label{background-color:#5c34a2;border-color:#5c34a2;box-shadow:0px 5px 10px 0 rgba(92,52,162,0.3);color:#fff}.sokol input[type='radio']:checked+.radio-button-label{background-color:#6ac9b9;border-color:#6ac9b9;box-shadow:0px 5px 10px 0 rgba(106,201,185,0.3)}.keys-radio-button-tr{display:flex;margin-bottom:30px}@media screen and (max-width: 768px){.keys-radio-button-tr{flex-direction:column}}.keys-radio-button-td{min-width:30%;margin-right:5%}.keys-radio-button-td:last-child{margin-right:0}.keys-radio-button-td .radio-button-label{display:flex;justify-content:center}@media screen and (max-width: 768px){.keys-radio-button-td{margin-bottom:15px;margin-right:0;min-width:100%}}.form-el{margin-bottom:30px}.hint{color:#777;font-size:13px;font-weight:400;line-height:1.38;padding-top:12px;margin:0;word-break:break-word}.hint a{color:#5c34a2}.sokol .hint a{color:#6ac9b9}.info-container{background-color:#f8f8f8;margin-bottom:30px;margin-left:-30px;margin-right:-30px;padding-bottom:30px;padding-left:30px;padding-right:30px;padding-top:30px}@media screen and (max-width: 768px){.info-container{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}.info{color:#000}.ballots .info{background-position:0 2px;background-repeat:no-repeat;color:#333333;font-size:14px;font-weight:normal;letter-spacing:normal;line-height:1.71;margin-bottom:20px;max-width:100%;min-height:32px;padding-left:30px;text-align:left;word-break:break-word}.ballots .info:last-child{margin-bottom:0}.ballots .info-minimum{background-image:url("../images/icons/icon-min.svg");background-size:18px 18px}.ballots .info-details{background-image:url("../images/icons/icon-info.svg");background-size:10px 18px;position:relative}.ballots .info-details.collapsed{height:90px;overflow:hidden}.ballots .info-details .toggle-show{color:#5c34a2;cursor:pointer;display:inline-block;margin-left:5px}.sokol .ballots .info-details .toggle-show{color:#6ac9b9}.new-form .info{padding:30px}.info-title{color:#333;font-size:16px;font-weight:400;margin-bottom:30px;padding-left:25px;position:relative}.info-title:before{background-image:url("../images/icons/icon-info.svg");background-position:50% 50%;background-repeat:no-repeat;background-size:10px 18px;content:'';height:32px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}.info-i{color:#777;font-size:14px;line-height:1.71;margin-bottom:20px;padding-left:25px;position:relative}.info-i:before{background-color:#333;border-radius:50%;content:'';height:6px;left:0;position:absolute;top:8px;width:6px}.main-title-container{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between;margin-bottom:40px}.main-title-container .main-title{font-size:24px;color:#333;line-height:38px}@media screen and (max-width: 767px){.main-title-container{-ms-flex-direction:column;flex-direction:column}.main-title-container .search-input{width:100%}}.new-form{display:flex;overflow:hidden;padding:0}@media screen and (max-width: 768px){.new-form{display:block}}.new-form-side{box-sizing:border-box;padding-bottom:30px;padding-top:30px}@media screen and (max-width: 768px){.new-form-side{width:100% !important}}.new-form-side_left{background-color:#f8f8f8;padding-top:0;width:30%}@media screen and (max-width: 768px){.new-form-side_left{margin-bottom:30px;padding-bottom:0}}.new-form-side_right{border-left:1px solid #e4e4e4;padding-left:30px;padding-right:30px;width:70%}@media screen and (max-width: 768px){.new-form-side_right{border:0;padding-top:0}}.new .add-ballot{white-space:nowrap}@media screen and (max-width: 767px){.new .add-ballot{margin-top:20px}}.search-container{background-color:#502d8d;box-sizing:border-box;flex-shrink:0;height:50px;padding:10px 0 0 0}.search-container.sokol{background-color:#41b19e}@media screen and (max-width: 767px){.search-container{left:0;position:fixed;right:0;top:70px;z-index:123}}input.search-input{background-color:transparent;background-image:url("../images/icons/icon-search.svg");background-position:0 50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:0;border:none;box-sizing:border-box;display:block;font-size:14px;font-weight:400;height:30px;outline:none;padding-left:30px;width:100%}input.search-input,input.search-input:focus input.search-input:hover,input.search-input:active{color:#fff}.sokol input.search-input{background-image:url("../images/icons/icon-search-sokol.svg")}input.search-input::-webkit-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}input.search-input:-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}input.search-input::-moz-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important;opacity:1}input.search-input:-ms-input-placeholder{color:rgba(255,255,255,0.5) !important;font-size:14px !important}.settings{max-width:600px;margin:0 auto}.settings-title{margin-bottom:20px;color:#38454f;text-align:center;font-size:24px}.vote-scale{background-color:#f0f0f0;border-radius:5px;clear:left;height:10px;margin-top:34px;overflow:hidden}.vote-scale-not-finalized{background-color:#ffffff}.vote-scale--fill{height:100%;border-radius:3px}.vote-scale--fill_no{background-color:#f21b57}.sokol .vote-scale--fill_no{background-color:#f24c67}.vote-scale--fill_yes{background-color:#60db97}.sokol .vote-scale--fill_yes{background-color:#6ac9b9}.vote-scale--fill_send{background-color:#60db97}.sokol .vote-scale--fill_send{background-color:#6ac9b9}.vote-scale--fill_burn{background-color:#f21b57}.sokol .vote-scale--fill_burn{background-color:#f24c67}.vote-scale--fill_freeze{background-color:#50bbda}.sokol .vote-scale--fill_freeze{background-color:#50bbda}.vote-scale--container{width:100%}.vote-scale--value{float:left;font-size:12px}.vote-scale--votes,.vote-scale--percentage{float:right;font-size:13px}.vote-scale--votes{color:#333;margin-left:10px}.vote-scale--percentage{color:#000;font-weight:700}.ballot-types{background-color:#fff;border-bottom:1px solid #e4e4e4;padding:20px 30px 10px}.ballot-types-i{color:#333;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:10px;position:relative;line-height:30px}.ballot-types-i:before{background-color:#5c34a2;border-bottom-right-radius:5px;border-top-right-radius:5px;content:'';height:30px;left:-30px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sokol .ballot-types-i:before{background-color:#6ac9b9}.ballot-types-i_active{color:#5c34a2}.ballot-types-i_active:before{opacity:1}.sokol .ballot-types-i_active{color:#6ac9b9}.ballots-i--vote,.ballots-footer-finalize{border-radius:2px;padding:0 13px;font-size:13px;font-weight:bold}.ballots .title{margin-bottom:50px}@media screen and (max-width: 768px){.ballots .title{margin-bottom:15px}}@media screen and (max-width: 767px){.ballots .title{margin-bottom:10px}}.ballots-about{margin-top:-8px}.ballots-i{background-color:#fff}.ballots-i-scale{border-top:1px solid #e4e4e4;display:flex;margin-bottom:30px;margin-top:30px;padding:30px 0 0 0}@media screen and (max-width: 768px){.ballots-i-scale{display:block;margin-top:15px;padding:15px 0 0 0}}@media screen and (max-width: 767px){.ballots-i-scale{margin-top:10px;padding:10px 0 0 0}}.ballots-i-scale-column{display:flex;flex-grow:1;justify-content:space-between;margin-right:40px}@media screen and (max-width: 768px){.ballots-i-scale-column{margin-bottom:30px;margin-right:0;overflow:hidden;width:100%}}.ballots-i-scale-column:last-child{margin-right:0}@media screen and (max-width: 768px){.ballots-i-scale-column.reverse-responsive{flex-direction:row-reverse}}.ballots-i--name{overflow:hidden;text-overflow:ellipsis}.ballots-i--see-all-proposal{display:inline-block;margin-top:5px}.ballots-i--vote-label{color:#333;cursor:default;font-size:14px;font-weight:700;line-height:1.2}@media screen and (max-width: 767px){.ballots-i--vote-label{margin-bottom:25px}}.ballots-i--vote-label-right{margin-left:auto !important}.ballots-i--vote_btn{line-height:44px;min-width:55px;text-transform:capitalize}.ballots-i--vote_btn.xl{min-width:78px}.ballots-i--vote_btn.m-r-20{margin-right:20px}.ballots-i--vote_btn.m-l-20{margin-left:20px}@media screen and (max-width: 768px){.ballots-i--vote_btn.m-r-20,.ballots-i--vote_btn.m-l-20{margin-left:0;margin-right:20px}}textarea{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:auto;outline:none;border-radius:3px;width:100%}.color-primary{color:#5c34a2}.sokol .color-primary{color:#6ac9b9}.color-danger{color:#f21b57}.sokol .color-danger{color:#f24c67}.color-success{color:#60db97}.sokol .color-success{color:#6ac9b9}@media screen and (max-width: 768px){.ballots-about{display:table;width:100%}}.ballots-about p{line-height:28px}.ballots-about-i{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box}@media screen and (max-width: 768px){.ballots-about-i{display:table-row;width:100% !important}}.ballots-about-i .ballots-about-td-value{padding-right:12px}.ballots-about-i_name{width:12%}.ballots-about-i_action{width:8%}.ballots-about-i_type{width:8%}.ballots-about-i_proposal{width:30%}.ballots-about-i_key{width:26%;word-break:break-all}.ballots-about-i_key_wide{width:50%;word-break:break-all}.ballots-about-i_proposed_receiver{width:45%;word-break:break-all}.ballots-about-i_funds_amount{width:23%;word-break:break-all}.ballots-about-i_proposed-min-threshold{width:30%;word-break:break-all}.ballots-about-i_contract-type{width:25%;word-break:break-all}.ballots-about-i_proposed-address{width:30%;word-break:break-all}.ballots-about-i_time{width:20%}.ballots-about-i--title{color:#777;font-size:13px;font-weight:400;text-align:left}.ballots-about-i:first-child .ballots-about-td-value{border-left:none;padding-left:0}.ballots-about-i:last-child .ballots-about-td-value{border-right:none;padding-right:0}.ballots-about-td.ballots-about-td-value{color:#333;font-size:14px}.ballots-about-i_action .ballots-about-td.ballots-about-td-value,.ballots-about-i_type .ballots-about-td.ballots-about-td-value{text-transform:capitalize}@media screen and (max-width: 768px){.ballots-about-td.ballots-about-td-value{padding-left:0;padding-right:0}}@media screen and (max-width: 768px){.ballots-about-td{display:table-cell;vertical-align:top}}@media screen and (max-width: 768px){.ballots-about-td:first-child{padding-right:10px}}@media screen and (max-width: 768px){.ballots-about-i:not(:last-child) .ballots-about-td{padding-bottom:10px}}.ballots-footer{display:flex;align-items:center;justify-content:space-between}.ballots-footer-left{display:inline-flex;align-items:center}@media screen and (max-width: 767px){.ballots-footer-left{display:block}.ballots-footer-left .btn{display:block;margin:0 0 15px;width:100%}}@media screen and (max-width: 768px){.ballots-footer{padding-top:15px}}@media screen and (max-width: 767px){.ballots-footer{flex-direction:column-reverse;padding-top:0}}.ballots-footer p{color:#777;font-size:14px;font-stretch:normal;font-style:normal;font-weight:normal;line-height:18px;max-width:340px;padding-left:15px}.ballots-footer-finalize{margin-right:20px;background-color:rgba(8,179,242,0.1);white-space:nowrap}.ballots-footer-finalize-finalized{background-color:rgba(109,46,174,0.1);color:#6d2eae;cursor:default}@media screen and (max-width: 767px){.ballots-footer-finalize{width:100%;margin-right:0;margin-top:10px;text-align:center}}
diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index a5b4410..83daa11 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -8,24 +8,13 @@
 @import 'application/base';
 @import 'application/buttons';
 @import 'application/controls';
-@import 'application/footer';
-@import 'application/header';
 @import 'application/info';
-@import 'application/layout';
-@import 'application/loading';
 @import 'application/main-title';
 @import 'application/new';
 @import 'application/search';
 @import 'application/settings';
-@import 'application/socials';
 @import 'application/vote-scale';
 
-@import 'application/select/select';
-@import 'application/select/control';
-@import 'application/select/menu';
-@import 'application/select/multi';
-@import 'application/select/spinner';
-
 @import 'application/ballot-types';
 @import 'application/ballots/placeholders';
 @import 'application/ballots/base';
diff --git a/src/assets/stylesheets/layout/_base.scss b/src/assets/stylesheets/layout/_base.scss
index 86872e3..3a83d2e 100644
--- a/src/assets/stylesheets/layout/_base.scss
+++ b/src/assets/stylesheets/layout/_base.scss
@@ -1,13 +1,14 @@
-// html,
-// body,
-// #root,
-// html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
-// body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
-//     // swal2-shown above are for when sweet alert is showing
-//     height: 100%;
-// }
+html,
+body,
+#root,
+html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown),
+body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+    // swal2-shown above are for when sweet alert is showing
+    height: 100%;
+}
 
-// #root {
-//     display: flex;
-//     overflow: auto;
-// }
\ No newline at end of file
+.clearfix::after {
+    content: "";
+    clear: both;
+    display: table;
+}
\ No newline at end of file
diff --git a/src/assets/stylesheets/vendors/_index.scss b/src/assets/stylesheets/vendors/_index.scss
index e69de29..06d619c 100644
--- a/src/assets/stylesheets/vendors/_index.scss
+++ b/src/assets/stylesheets/vendors/_index.scss
@@ -0,0 +1 @@
+@import 'select/index';
\ No newline at end of file
diff --git a/src/assets/stylesheets/application/select/_components.scss b/src/assets/stylesheets/vendors/select/_components.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_components.scss
rename to src/assets/stylesheets/vendors/select/_components.scss
diff --git a/src/assets/stylesheets/application/select/_control.scss b/src/assets/stylesheets/vendors/select/_control.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_control.scss
rename to src/assets/stylesheets/vendors/select/_control.scss
diff --git a/src/assets/stylesheets/application/select/_default.scss b/src/assets/stylesheets/vendors/select/_default.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_default.scss
rename to src/assets/stylesheets/vendors/select/_default.scss
diff --git a/src/assets/stylesheets/vendors/select/_index.scss b/src/assets/stylesheets/vendors/select/_index.scss
new file mode 100644
index 0000000..d7021d4
--- /dev/null
+++ b/src/assets/stylesheets/vendors/select/_index.scss
@@ -0,0 +1,5 @@
+@import 'select';
+@import 'control';
+@import 'menu';
+@import 'multi';
+@import 'spinner';
\ No newline at end of file
diff --git a/src/assets/stylesheets/application/select/_menu.scss b/src/assets/stylesheets/vendors/select/_menu.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_menu.scss
rename to src/assets/stylesheets/vendors/select/_menu.scss
diff --git a/src/assets/stylesheets/application/select/_mixins.scss b/src/assets/stylesheets/vendors/select/_mixins.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_mixins.scss
rename to src/assets/stylesheets/vendors/select/_mixins.scss
diff --git a/src/assets/stylesheets/application/select/_multi.scss b/src/assets/stylesheets/vendors/select/_multi.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_multi.scss
rename to src/assets/stylesheets/vendors/select/_multi.scss
diff --git a/src/assets/stylesheets/application/select/_select.scss b/src/assets/stylesheets/vendors/select/_select.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_select.scss
rename to src/assets/stylesheets/vendors/select/_select.scss
diff --git a/src/assets/stylesheets/application/select/_spinner.scss b/src/assets/stylesheets/vendors/select/_spinner.scss
similarity index 100%
rename from src/assets/stylesheets/application/select/_spinner.scss
rename to src/assets/stylesheets/vendors/select/_spinner.scss
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
deleted file mode 100644
index d4f5e90..0000000
--- a/src/components/Header.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react'
-import logoBase from '../assets/images/logos/logo-poa.svg'
-import logoSokol from '../assets/images/logos/logo-sokol.svg'
-import menuIconBase from '../assets/images/icons/icon-menu.svg'
-import menuIconSokol from '../assets/images/icons/icon-menu-sokol.svg'
-import menuOpenIconBase from '../assets/images/icons/icon-close.svg'
-import menuOpenIconSokol from '../assets/images/icons/icon-close-sokol.svg'
-import NavigationLinks from './NavigationLinks.jsx'
-import MobileMenuLinks from './MobileMenuLinks.jsx'
-import { constants } from '../utils/constants'
-
-export const Header = ({ netId, baseRootPath, navigationData, showMobileMenu, onMenuToggle }) => {
-  const thisIsTestnet = netId in constants.NETWORKS && constants.NETWORKS[netId].TESTNET
-  const headerClassName = thisIsTestnet ? 'sokol' : ''
-  const logoImageName = thisIsTestnet ? logoSokol : logoBase
-  const menuIcon = thisIsTestnet ? menuIconSokol : menuIconBase
-  const menuOpenIcon = thisIsTestnet ? menuOpenIconSokol : menuOpenIconBase
-
-  return (
-    <header className={`header ${headerClassName}`}>
-      {showMobileMenu && (
-        <div className="header-mobile-menu-container">
-          {<MobileMenuLinks onMenuToggle={onMenuToggle} navigationData={navigationData} />}
-        </div>
-      )}
-      <div className="container">
-        <a className="header-logo-a" href={baseRootPath}>
-          <img className="header-logo" src={logoImageName} alt="" />
-        </a>
-        <div className="links-container">
-          <NavigationLinks navigationData={navigationData} />
-        </div>
-        <div className="mobile-menu">
-          <img
-            alt=""
-            className={showMobileMenu ? 'mobile-menu-open-icon' : 'mobile-menu-icon'}
-            onClick={onMenuToggle}
-            src={showMobileMenu ? menuOpenIcon : menuIcon}
-          />
-        </div>
-      </div>
-    </header>
-  )
-}
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
new file mode 100644
index 0000000..597684f
--- /dev/null
+++ b/src/components/Header/index.js
@@ -0,0 +1,42 @@
+import NavigationLinks from '../NavigationLinks.jsx'
+import React from 'react'
+import menuIconBase from '../../assets/images/icons/icon-menu.svg'
+import menuIconSokol from '../../assets/images/icons/icon-menu-sokol.svg'
+import menuOpenIconBase from '../../assets/images/icons/icon-close.svg'
+import menuOpenIconSokol from '../../assets/images/icons/icon-close-sokol.svg'
+import { Logo } from '../Logo'
+import { MobileMenuLinks } from '../MobileMenuLinks'
+import { constants } from '../../utils/constants'
+
+export const Header = ({
+  baseRootPath,
+  navigationData,
+  netId,
+  networkBranch = undefined,
+  onMenuToggle,
+  showMobileMenu = false
+}) => {
+  const thisIsTestnet = netId in constants.NETWORKS && constants.NETWORKS[netId].TESTNET
+  const menuIcon = thisIsTestnet ? menuIconSokol : menuIconBase
+  const menuOpenIcon = thisIsTestnet ? menuOpenIconSokol : menuOpenIconBase
+
+  return (
+    <header className={`sw-Header sw-Header-${networkBranch} ${showMobileMenu ? 'sw-Header-menu-open' : ''}`}>
+      {showMobileMenu ? <MobileMenuLinks onMenuToggle={onMenuToggle} navigationData={navigationData} /> : null}
+      <div className="sw-Header_Content">
+        <Logo networkBranch={networkBranch} href={baseRootPath} />
+        <div className="links-container">
+          <NavigationLinks navigationData={navigationData} />
+        </div>
+        <div className="mobile-menu">
+          <img
+            alt=""
+            className={showMobileMenu ? 'mobile-menu-open-icon' : 'mobile-menu-icon'}
+            onClick={onMenuToggle}
+            src={showMobileMenu ? menuOpenIcon : menuIcon}
+          />
+        </div>
+      </div>
+    </header>
+  )
+}
diff --git a/src/components/MobileMenuLinks.jsx b/src/components/MobileMenuLinks.jsx
deleted file mode 100644
index 53c66fe..0000000
--- a/src/components/MobileMenuLinks.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react'
-import { NavLink } from 'react-router-dom'
-
-const MobileMenuLinks = ({ onMenuToggle, navigationData }) => {
-  return (
-    <div className="links-container-mobile" onClick={onMenuToggle}>
-      {navigationData.map(item => (
-        <NavLink activeClassName="active" className={`link ${item.class}`} exact to={item.url}>
-          <i className={`link-icon ${item.icon}`} />
-          <span className="link-text">{item.title}</span>
-        </NavLink>
-      ))}
-    </div>
-  )
-}
-
-export default MobileMenuLinks
diff --git a/src/components/MobileMenuLinks/index.js b/src/components/MobileMenuLinks/index.js
new file mode 100644
index 0000000..824480d
--- /dev/null
+++ b/src/components/MobileMenuLinks/index.js
@@ -0,0 +1,22 @@
+import React from 'react'
+import { NavLink } from 'react-router-dom'
+
+export const MobileMenuLinks = ({ onMenuToggle, navigationData }) => {
+  return (
+    <div className="hd-MobileMenuLinks">
+      <div className="hd-MobileMenuLinks_ItemsContainer" onClick={onMenuToggle}>
+        {navigationData.map(item => (
+          <NavLink
+            activeClassName="hd-MobileMenuLinks_Item-active"
+            className={`hd-MobileMenuLinks_Item ${item.class}`}
+            exact
+            to={item.url}
+          >
+            <i className={`link-icon ${item.icon}`} />
+            <span className="hd-MobileMenuLinks_Text">{item.title}</span>
+          </NavLink>
+        ))}
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/Settings.jsx b/src/components/Settings.jsx
deleted file mode 100644
index 962e1a0..0000000
--- a/src/components/Settings.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import { inject, observer } from 'mobx-react'
-
-@inject('contractsStore')
-@observer
-export class Settings extends React.Component {
-  render() {
-    const { contractsStore } = this.props
-    return (
-      <section className="container">
-        <div className="settings">
-          <p className="settings-title">Select Voting Key</p>
-          <div className="form-el">
-            <select id="state">
-              <option value="" default>
-                {contractsStore.votingKey}
-              </option>
-            </select>
-            <div className="hint">
-              Please select your voting key from the list. You will be able to change it later in Settings menu.
-            </div>
-          </div>
-          <div className="center">
-            <button type="button">Continue</button>
-          </div>
-        </div>
-      </section>
-    )
-  }
-}
diff --git a/src/components/index.js b/src/components/index.js
index 9567b87..c1bf377 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,7 +1,6 @@
 export { Ballots } from './Ballots.jsx'
-export { BaseLoader } from './BaseLoader/'
-export { Footer } from './Footer/'
-export { Header } from './Header.jsx'
-export { Loading } from './Loading/'
+export { BaseLoader } from './BaseLoader'
+export { Footer } from './Footer'
+export { Header } from './Header'
+export { Loading } from './Loading'
 export { NewBallot } from './NewBallot.jsx'
-export { Settings } from './Settings.jsx'