├── README.md ├── config.php ├── css ├── button.css ├── edit.css ├── icon │ ├── material-design-iconic-font.css │ ├── material-design-iconic-font.min.css │ └── materialdesignicons.min.css ├── profile.css └── style.css ├── dataviewer.sql ├── img ├── icon │ └── favicon.ico ├── log.svg ├── mdb-favicon.ico ├── pro1.png ├── pro2.png ├── profile │ ├── default.png │ ├── jp.jpg │ └── user.jpg └── register.svg ├── index.php ├── js ├── app.js ├── login.js └── register.js ├── login.php ├── logout.php ├── profile.php ├── register.php ├── session.php └── update.php /README.md: -------------------------------------------------------------------------------- 1 | # Welcome to GUVI - WEB TASK 2 | 3 | This web application was created according to the software requirements given in the Problem Statement on [GUVI - Intern](https://www.guvi.in/intern) for web developer role. 4 | 5 | ## Execution 6 | 7 | I developed this application using HTML, CSS, JavaScript, BootStrap, AJAX and MySql. 8 | ```bash 9 | Do not forget to create a Database. Refer MySql source file. 10 | ``` 11 | 12 | ## Functionalities 13 | 1) Login and Signup using local DataBase. 14 | 2) Profile page that can be updated. 15 | 3) Updated changes are also updated on both the DataBase and JSON. 16 | 17 | ## Contributing 18 | Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. 19 | 20 | Please make sure to update tests as appropriate. 21 | -------------------------------------------------------------------------------- /config.php: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /css/button.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap"); 2 | 3 | .bn31 { 4 | background-image: linear-gradient(to right, #006175 0%, #00a950 100%); 5 | border-radius: 40px; 6 | box-sizing: border-box; 7 | color: #00a84f; 8 | display: block; 9 | height: 50px; 10 | font-size: 1.4em; 11 | padding: 4px; 12 | position: relative; 13 | text-decoration: none; 14 | width: 7em; 15 | z-index: 2; 16 | } 17 | 18 | .bn31:hover { 19 | color: #fff; 20 | } 21 | 22 | .bn31 .bn31span { 23 | align-items: center; 24 | background: #0e0e10; 25 | border-radius: 40px; 26 | display: flex; 27 | justify-content: center; 28 | height: 100%; 29 | transition: background 0.5s ease; 30 | width: 100%; 31 | } 32 | 33 | .bn31:hover .bn31span { 34 | background: transparent; 35 | } 36 | 37 | .noselect { 38 | -webkit-touch-callout: none; 39 | -webkit-user-select: none; 40 | -khtml-user-select: none; 41 | -moz-user-select: none; 42 | -ms-user-select: none; 43 | user-select: none; 44 | -webkit-tap-highlight-color: transparent; 45 | } 46 | 47 | button.logout { 48 | height: 70px; 49 | cursor: pointer; 50 | background: #3997f2; 51 | border: none; 52 | border-radius: 30px; 53 | 54 | box-shadow: 0px 10px 25px #3997f2, 0px -10px 25px #3997f2, 55 | inset 0px -5px 10px #3997f2, inset 0px 5px 10px #a6fffa; 56 | font-family: "Poppins", sans-serif; 57 | color: white; 58 | font-size: 20px; 59 | transition: 500ms; 60 | } 61 | 62 | button.logout:hover { 63 | border: 2px solid #3997f2; 64 | animation: hueRotation 2s linear infinite; 65 | } 66 | 67 | button.logout:focus { 68 | outline: none; 69 | } 70 | .btnlog { 71 | width: 100px; 72 | height: 70px; 73 | border-radius: 30px; 74 | color: #fff; 75 | text-transform: uppercase; 76 | font-weight: 600; 77 | margin: auto; 78 | margin-bottom: 200px; 79 | cursor: pointer; 80 | } 81 | .btnlog.transparent { 82 | margin: 0; 83 | margin-bottom: 80px; 84 | width: 130px; 85 | height: 41px; 86 | margin-top: 20px; 87 | margin-left: 47%; 88 | font-weight: 600; 89 | font-size: 0.8rem; 90 | } 91 | .btnlog.transparent.logout { 92 | width: 100px; 93 | height: 35px; 94 | margin-left: 88%; 95 | margin-bottom: 20px; 96 | } 97 | @media (max-width: 767px) { 98 | .btnlog.transparent.logout { 99 | width: 70px; 100 | height: 30px; 101 | margin-left: 70%; 102 | font-weight: 100; 103 | font-size: 10px; 104 | margin-bottom: -70px; 105 | } 106 | .btn.editbtn { 107 | height: 35px !important; 108 | width: 90px !important; 109 | margin-left: 35% !important; 110 | display: block; 111 | margin-bottom: 200px !important; 112 | font-weight: 600 !important; 113 | font-size: 0rem; 114 | } 115 | } 116 | .btn { 117 | width: 150px; 118 | height: 49px; 119 | border-radius: 49px; 120 | color: #fff; 121 | text-transform: uppercase; 122 | font-weight: 600; 123 | font-family: "Poppins", sans-serif; 124 | margin: auto; 125 | margin-bottom: 200px; 126 | cursor: pointer; 127 | } 128 | 129 | .btn.editbtn { 130 | margin: 0; 131 | letter-spacing: 4px; 132 | transition: 0.5s; 133 | box-shadow: #03e9f4; 134 | margin-bottom: 80px; 135 | background-color: #51a5f8; 136 | border: 2px solid #fff; 137 | width: 130px; 138 | height: 41px; 139 | margin-top: 20px; 140 | margin-left: 47%; 141 | position: absolute; 142 | font-weight: 600; 143 | font-size: 1rem; 144 | } 145 | 146 | .editbtn:hover { 147 | background: #03e9f4; 148 | color: #050801; 149 | box-shadow: 0 0 5px #03e9f4, 0 0 25px #03e9f4, 0 0 50px #03e9f4, 150 | 0 0 200px #03e9f4; 151 | } 152 | -------------------------------------------------------------------------------- /css/edit.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap"); 2 | 3 | * { 4 | box-sizing: border-box; 5 | font-family: "Montserrat", sans-serif; 6 | } 7 | .wrapper1 { 8 | max-width: 500px; 9 | width: 100%; 10 | background: #fff; 11 | margin: 50px auto; 12 | box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.125); 13 | padding: 30px; 14 | border-radius: 10px; 15 | } 16 | 17 | .focus-input { 18 | display: block; 19 | position: absolute; 20 | border-radius: 25px; 21 | bottom: 0; 22 | left: 0; 23 | z-index: -1; 24 | width: 100%; 25 | height: 100%; 26 | box-shadow: 0px 0px 0px 0px; 27 | color: rgba(4, 230, 255, 0.898); 28 | } 29 | .input:focus + .focus-input { 30 | -webkit-animation: anim-shadow 0.5s ease-in-out forwards; 31 | animation: anim-shadow 0.5s ease-in-out forwards; 32 | } 33 | 34 | @-webkit-keyframes anim-shadow { 35 | to { 36 | box-shadow: 0px 0px 70px 25px; 37 | opacity: 0; 38 | } 39 | } 40 | 41 | @keyframes anim-shadow { 42 | to { 43 | box-shadow: 0px 0px 70px 25px; 44 | opacity: 0; 45 | } 46 | } 47 | .input:focus + .focus-input + .symbol-input { 48 | color: #22d2f1; 49 | padding-left: 28px; 50 | } 51 | .title { 52 | font-size: 24px; 53 | font-weight: 700; 54 | margin-bottom: 25px; 55 | color: #40b8e7; 56 | 57 | text-transform: uppercase; 58 | text-align: center; 59 | } 60 | 61 | .wrapper1 .form { 62 | width: 100%; 63 | } 64 | 65 | .wrapper1 .form .inputfield { 66 | margin-bottom: 15px; 67 | display: flex; 68 | align-items: center; 69 | } 70 | 71 | .wrapper1 .form .inputfield label { 72 | width: 200px; 73 | color: #757575; 74 | margin-right: 10px; 75 | font-size: 14px; 76 | } 77 | 78 | .wrapper1 .form .inputfield .input, 79 | .wrapper1 .form .inputfield .textarea { 80 | width: 100%; 81 | outline: none; 82 | border: 1px solid #d5dbd9; 83 | font-size: 15px; 84 | padding: 8px 10px; 85 | border-radius: 3px; 86 | transition: all 0.3s ease; 87 | } 88 | 89 | .wrapper1 .form .inputfield .textarea { 90 | width: 100%; 91 | height: 125px; 92 | resize: none; 93 | } 94 | 95 | .wrapper1 .form .inputfield .custom_select { 96 | position: relative; 97 | width: 100%; 98 | height: 37px; 99 | } 100 | 101 | .wrapper1 .form .inputfield .custom_select:before { 102 | content: ""; 103 | position: absolute; 104 | top: 12px; 105 | right: 10px; 106 | border: 8px solid; 107 | border-color: #d5dbd9 transparent transparent transparent; 108 | pointer-events: none; 109 | } 110 | 111 | .wrapper1 .form .inputfield .custom_select select { 112 | -webkit-appearance: none; 113 | -moz-appearance: none; 114 | appearance: none; 115 | outline: none; 116 | width: 100%; 117 | height: 100%; 118 | border: 0px; 119 | padding: 8px 10px; 120 | font-size: 15px; 121 | border: 1px solid #d5dbd9; 122 | border-radius: 3px; 123 | } 124 | 125 | .wrapper1 .form .inputfield .input:focus, 126 | .wrapper1 .form .inputfield .textarea:focus, 127 | .wrapper1 .form .inputfield .custom_select select:focus { 128 | border: 1px solid #fec107; 129 | } 130 | 131 | .wrapper1 .form .inputfield p { 132 | font-size: 14px; 133 | color: #757575; 134 | } 135 | .wrapper1 .form .inputfield .check { 136 | width: 15px; 137 | height: 15px; 138 | position: relative; 139 | display: block; 140 | cursor: pointer; 141 | } 142 | .wrapper1 .form .inputfield .check input[type="checkbox"] { 143 | position: absolute; 144 | top: 0; 145 | left: 0; 146 | opacity: 0; 147 | } 148 | .wrapper1 .form .inputfield .check .checkmark { 149 | width: 15px; 150 | height: 15px; 151 | border: 1px solid #fec107; 152 | display: block; 153 | position: relative; 154 | } 155 | .wrapper1 .form .inputfield .check .checkmark:before { 156 | content: ""; 157 | position: absolute; 158 | top: 1px; 159 | left: 2px; 160 | width: 5px; 161 | height: 2px; 162 | border: 2px solid; 163 | border-color: transparent transparent #228fdd #228fdd; 164 | transform: rotate(-45deg); 165 | display: none; 166 | } 167 | .wrapper1 .form .inputfield .check input[type="checkbox"]:checked ~ .checkmark { 168 | background: #fec107; 169 | } 170 | 171 | .wrapper1 172 | .form 173 | .inputfield 174 | .check 175 | input[type="checkbox"]:checked 176 | ~ .checkmark:before { 177 | display: block; 178 | } 179 | 180 | .wrapper1 .form .inputfield .btn1 { 181 | font-size: 15px; 182 | border: 0px; 183 | height: 35px; 184 | width: 100px !important; 185 | margin: 10px 0px 10px 0px; 186 | background: #fec107; 187 | color: #228fdd; 188 | cursor: pointer; 189 | border-radius: 4px; 190 | outline: none; 191 | } 192 | .wrapper1 .form .inputfield .btn2 { 193 | font-size: 15px; 194 | text-align: center; 195 | border: 0px; 196 | height: 35px; 197 | width: 100px !important; 198 | margin: 10px 15px 10px 210px; 199 | inline-size: 70px; 200 | background: red; 201 | color: #228fdd; 202 | cursor: pointer; 203 | border-radius: 4px; 204 | outline: none; 205 | } 206 | .wrapper1 .form .inputfield .btn1:hover { 207 | background: #ffd658; 208 | } 209 | .wrapper1 .form .inputfield:last-child { 210 | margin-bottom: 0; 211 | } 212 | 213 | @media (max-width: 420px) { 214 | .wrapper1 .form .inputfield { 215 | flex-direction: row; 216 | align-items: flex-start; 217 | } 218 | .wrapper1 .form .inputfield label { 219 | margin-bottom: 5px; 220 | } 221 | .wrapper1 .form .inputfield.terms { 222 | flex-direction: row; 223 | } 224 | } 225 | -------------------------------------------------------------------------------- /css/icon/material-design-iconic-font.min.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:Material-Design-Iconic-Font;src:url(..//fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'),url(..//fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'),url(..//fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype')}.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:.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:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .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:#fff}.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-andrAdminid: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-andrAdminid: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-andrAdminid-alt:before{content:'\f33a'}.zmdi-andrAdminid: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-andrAdminid: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-andrAdminid: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-andrAdminid-alt:before{content:'\f33a'}.zmdi-andrAdminid: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'} -------------------------------------------------------------------------------- /css/profile.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700"); 2 | body { 3 | background: #43a6f3e3; 4 | } 5 | .footer1 { 6 | margin-top: 100px; 7 | margin-left: 38%; 8 | position: absolute; 9 | } 10 | .modal { 11 | display: none; /* Hidden by default */ 12 | position: fixed; /* Stay in place */ 13 | z-index: 1; /* Sit on top */ 14 | left: 0; 15 | top: 0; 16 | width: 100%; /* Full width */ 17 | height: 100%; /* Full height */ 18 | overflow: auto; /* Enable scroll if needed */ 19 | background-color: rgb(0, 0, 0); /* Fallback color */ 20 | background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ 21 | -webkit-animation-name: fadeIn; /* Fade in the background */ 22 | -webkit-animation-duration: 0.4s; 23 | animation-name: fadeIn; 24 | animation-duration: 0.4s; 25 | } 26 | /* Modal Content */ 27 | .modal-content { 28 | position: fixed; 29 | bottom: 0; 30 | background-color: #fefefe; 31 | width: 100%; 32 | -webkit-animation-name: slideIn; 33 | -webkit-animation-duration: 0.4s; 34 | animation-name: slideIn; 35 | animation-duration: 0.4s; 36 | } 37 | 38 | /* The Close Button */ 39 | .close { 40 | color: white; 41 | float: right; 42 | font-size: 28px; 43 | font-weight: bold; 44 | } 45 | 46 | .close:hover, 47 | .close:focus { 48 | color: #000; 49 | text-decoration: none; 50 | cursor: pointer; 51 | } 52 | 53 | .modal-header { 54 | padding: 2px 16px; 55 | background-color: #5cb85c; 56 | color: white; 57 | } 58 | 59 | .modal-body { 60 | padding: 2px 16px; 61 | } 62 | 63 | .modal-footer { 64 | padding: 2px 16px; 65 | background-color: #5cb85c; 66 | color: white; 67 | } 68 | 69 | /* Add Animation */ 70 | @-webkit-keyframes slideIn { 71 | from { 72 | bottom: -300px; 73 | opacity: 0; 74 | } 75 | to { 76 | bottom: 0; 77 | opacity: 1; 78 | } 79 | } 80 | 81 | @keyframes slideIn { 82 | from { 83 | bottom: -300px; 84 | opacity: 0; 85 | } 86 | to { 87 | bottom: 0; 88 | opacity: 1; 89 | } 90 | } 91 | 92 | @-webkit-keyframes fadeIn { 93 | from { 94 | opacity: 0; 95 | } 96 | to { 97 | opacity: 1; 98 | } 99 | } 100 | 101 | @keyframes fadeIn { 102 | from { 103 | opacity: 0; 104 | } 105 | to { 106 | opacity: 1; 107 | } 108 | } 109 | .wrapper { 110 | display: flex; 111 | justify-content: center; 112 | align-items: center; 113 | padding-top: 20px; 114 | } 115 | .user-card { 116 | display: flex; 117 | flex-direction: column; 118 | align-items: center; 119 | justify-content: center; 120 | background-color: #fff; 121 | border-radius: 10px; 122 | padding: 40px 40px 0px 40px; 123 | width: 750px; 124 | height: max-content; 125 | position: relative; 126 | overflow: hidden; 127 | box-shadow: 0 2px 20px -5px rgba(0, 0, 0, 0.5); 128 | } 129 | .btn.transparent.logout { 130 | margin-left: 88%; 131 | margin-bottom: -70px; 132 | } 133 | .user-card:before { 134 | content: ""; 135 | position: absolute; 136 | height: 300%; 137 | width: 250px; 138 | background: #262626; 139 | top: -70px; 140 | left: -200px; 141 | z-index: 0; 142 | transform: rotate(17deg); 143 | } 144 | 145 | .user-card-img { 146 | margin-left: -20px; 147 | display: flex; 148 | z-index: 3; 149 | } 150 | 151 | .user-card-img img { 152 | margin-left: 0; /* Reset the margin */ 153 | margin-right: auto; 154 | border-radius: 50%; 155 | width: 170px; 156 | height: 170px; 157 | object-fit: cover; 158 | } 159 | 160 | .user-card-info h2 { 161 | margin-left: 90px !important; 162 | font-size: 20 px; 163 | margin: 0; 164 | margin-bottom: 10px; 165 | text-transform: uppercase; 166 | } 167 | label { 168 | color: #000; 169 | font-weight: bold; 170 | font-size: larger; 171 | } 172 | 173 | .btn:hover { 174 | background-color: #0b5ce8; 175 | } 176 | .btn { 177 | width: 150px; 178 | background-color: #0f46a5; 179 | height: 49px; 180 | border-radius: 49px; 181 | color: #fff; 182 | text-transform: uppercase; 183 | font-weight: 600; 184 | margin: auto; 185 | margin-bottom: 200px; 186 | cursor: pointer; 187 | } 188 | .btn.transparent { 189 | margin: 0; 190 | 191 | margin-bottom: 80px; 192 | background-color: #3a96f1; 193 | border: 2px solid #fff; 194 | width: 130px; 195 | height: 41px; 196 | margin-top: 20px; 197 | margin-left: 47%; 198 | font-weight: 600; 199 | font-size: 0.8rem; 200 | } 201 | .btn.transparent:hover { 202 | background-color: #0f5ba8 !important; 203 | } 204 | .user-card-info p { 205 | font-size: 20px; 206 | margin-left: 50px; 207 | margin-bottom: 30px; 208 | } 209 | .user-card-info p span { 210 | font-weight: 700; 211 | margin-right: 10px; 212 | } 213 | @media (max-width: 870px) { 214 | .btn.transparent { 215 | width: 110px; 216 | height: 35px; 217 | font-size: 0.7rem; 218 | } 219 | } 220 | @media only screen and (min-width: 768px) { 221 | .user-card { 222 | flex-direction: row; 223 | 224 | align-items: flex-start; 225 | } 226 | .user-card-img { 227 | margin-right: 20px; 228 | margin-bottom: 0; 229 | } 230 | 231 | .user-card-info { 232 | text-align: left; 233 | } 234 | } 235 | 236 | @media (max-width: 767px) { 237 | .footer1 { 238 | font-size: 15px; 239 | margin-left: 22px; 240 | position: absolute; 241 | } 242 | body { 243 | padding-bottom: 100px; 244 | } 245 | .user-card { 246 | height: max-content; 247 | padding-right: 10px; 248 | } 249 | .btn.transparent.logout { 250 | margin-bottom: -70px; 251 | } 252 | .user-card:before { 253 | width: 300%; 254 | height: 230px; 255 | transform: rotate(0); 256 | } 257 | .user-card-img img { 258 | margin-left: 9%; 259 | height: 130px; 260 | width: 130px; 261 | } 262 | .user-card-img { 263 | margin-top: -25px; 264 | } 265 | .user-card-info h2 { 266 | text-align: center; 267 | margin-right: 24px; 268 | margin-top: 20px; 269 | font-size: 20px; 270 | } 271 | .user-card-info { 272 | margin-left: -70px; 273 | } 274 | .user-card-info p span { 275 | font-size: 15px; 276 | } 277 | .user-card-info p { 278 | font-size: 15px; 279 | } 280 | .btn.transparent { 281 | margin-left: 40%; 282 | } 283 | .btn3.btn-info2 { 284 | margin-top: 1px; 285 | --background-color: #27b414 !important; 286 | margin-left: 1% !important; 287 | } 288 | .btn3.btn-info { 289 | margin-left: 80px; 290 | } 291 | } 292 | 293 | .btn3.btn-info2 { 294 | margin-top: 10px; 295 | --background-color: #27b414 !important; 296 | margin-left: 1% !important; 297 | } 298 | .btn3 { 299 | margin-bottom: 0.5rem; 300 | margin-right: 0.5rem; 301 | } 302 | .btn3 { 303 | --color: white; 304 | --background-color: #ed5858; 305 | --border-color: darken(#d8d8d8, 7.5%); 306 | color: var(--color); 307 | font-family: "Poppins", sans-serif; 308 | background-color: var(--background-color); 309 | padding: 0.6rem 0.9rem; 310 | border: solid 1px var(--border-color); 311 | outline: none; 312 | width: 90px; 313 | text-align: center; 314 | cursor: pointer; 315 | position: relative; 316 | border-radius: 0.5rem; 317 | user-select: none; 318 | margin-left: 60%; 319 | box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.4), 320 | 0 -0.3rem 0.6rem rgba(0, 0, 0, 0.2) inset; 321 | transition: box-shadow 64ms ease-out; 322 | } 323 | .btn3:after { 324 | content: ""; 325 | background-color: #ca6060; 326 | width: 75%; 327 | height: 12.5%; 328 | position: absolute; 329 | top: 0.15rem; 330 | left: 12.5%; 331 | border-radius: 50%; 332 | filter: blur(0.15rem); 333 | transition: opacity 64ms ease-out; 334 | } 335 | .btn3:active { 336 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 0.4rem 1rem rgba(0, 0, 0, 0.3) inset; 337 | } 338 | .btn3:active:after { 339 | opacity: 0; 340 | } 341 | 342 | .btn3-info { 343 | --color: #ffffff; 344 | --background-color: #0091ea; 345 | --border-color: #0079c4; 346 | } 347 | .btn3-info:active { 348 | --color: #ececec; 349 | } 350 | .pro1 { 351 | position: absolute; 352 | box-shadow: #d9dfe3; 353 | right: 76%; 354 | margin-top: 100px; 355 | height: 400px; 356 | width: 400px; 357 | } 358 | .pro2 { 359 | position: absolute; 360 | box-shadow: #0091ea; 361 | margin-top: 10%; 362 | left: 55%; 363 | height: 500px; 364 | width: 500px; 365 | } 366 | .data { 367 | top: 0; 368 | font-size: 40px; 369 | margin-left: 45%; 370 | position: absolute; 371 | text-shadow: white; 372 | text-shadow: 0 0 10px white; 373 | animation: flicker 1s infinite alternate; 374 | } 375 | 376 | /* Define the animation keyframes */ 377 | @keyframes flicker { 378 | 0% { 379 | text-shadow: 0 0 5px white; 380 | } 381 | 100% { 382 | text-shadow: 0 0 60px white; 383 | } 384 | } 385 | @media (max-width: 767px) { 386 | .pro1 { 387 | display: none; 388 | } 389 | .pro2 { 390 | display: none; 391 | } 392 | .data { 393 | top: 0; 394 | font-size: 40px; 395 | margin-left: 30%; 396 | position: absolute; 397 | text-shadow: white; 398 | } 399 | } 400 | @media (max-width: 510px) { 401 | .data { 402 | font-size: 30px; 403 | margin-left: 5%; 404 | } 405 | } 406 | @media (max-width: 215px) { 407 | .data { 408 | display: none; 409 | } 410 | } 411 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | body, 10 | input { 11 | font-family: "Poppins", sans-serif; 12 | } 13 | .focus-input100 { 14 | display: block; 15 | position: absolute; 16 | border-radius: 25px; 17 | bottom: 0; 18 | left: 0; 19 | z-index: -1; 20 | width: 100%; 21 | height: 100%; 22 | box-shadow: 0px 0px 0px 0px; 23 | color: rgba(4, 230, 255, 0.898); 24 | } 25 | .input100:focus + .focus-input100 { 26 | -webkit-animation: anim-shadow 0.5s ease-in-out forwards; 27 | animation: anim-shadow 0.5s ease-in-out forwards; 28 | } 29 | 30 | @-webkit-keyframes anim-shadow { 31 | to { 32 | box-shadow: 0px 0px 70px 25px; 33 | opacity: 0; 34 | } 35 | } 36 | 37 | @keyframes anim-shadow { 38 | to { 39 | box-shadow: 0px 0px 70px 25px; 40 | opacity: 0; 41 | } 42 | } 43 | .input100:focus + .focus-input100 + .symbol-input100 { 44 | color: #22d2f1; 45 | padding-left: 28px; 46 | } 47 | .container { 48 | position: relative; 49 | width: 100%; 50 | background-color: #fff; 51 | min-height: 100vh; 52 | overflow: hidden; 53 | } 54 | 55 | .forms-container { 56 | position: absolute; 57 | width: 100%; 58 | height: 100%; 59 | top: 0; 60 | left: 0; 61 | } 62 | 63 | .signin-signup { 64 | position: absolute; 65 | top: 50%; 66 | transform: translate(-50%, -50%); 67 | left: 75%; 68 | width: 50%; 69 | transition: 1s 0.7s ease-in-out; 70 | display: grid; 71 | grid-template-columns: 1fr; 72 | z-index: 5; 73 | } 74 | 75 | form { 76 | display: flex; 77 | align-items: center; 78 | justify-content: center; 79 | flex-direction: column; 80 | padding: 0rem 5rem; 81 | transition: all 0.2s 0.7s; 82 | overflow: hidden; 83 | grid-column: 1 / 2; 84 | grid-row: 1 / 2; 85 | } 86 | 87 | form.sign-up-form { 88 | opacity: 0; 89 | z-index: 1; 90 | } 91 | 92 | form.sign-in-form { 93 | z-index: 2; 94 | } 95 | 96 | .title { 97 | font-size: 2.2rem; 98 | color: #444; 99 | margin-bottom: 10px; 100 | } 101 | 102 | .input-field { 103 | max-width: 380px; 104 | width: 100%; 105 | background-color: #f0f0f0; 106 | margin: 10px 0; 107 | height: 55px; 108 | border-radius: 55px; 109 | display: grid; 110 | grid-template-columns: 15% 85%; 111 | padding: 0 0.4rem; 112 | position: relative; 113 | } 114 | 115 | .input-field i { 116 | text-align: center; 117 | line-height: 55px; 118 | color: #acacac; 119 | transition: 0.5s; 120 | font-size: 1.1rem; 121 | } 122 | 123 | .input-field input { 124 | background: none; 125 | outline: none; 126 | border: none; 127 | line-height: 1; 128 | font-weight: 600; 129 | font-size: 1.1rem; 130 | color: #333; 131 | } 132 | 133 | .input-field input::placeholder { 134 | color: #aaa; 135 | font-weight: 500; 136 | } 137 | 138 | .social-text { 139 | padding: 0.7rem 0; 140 | font-size: 1rem; 141 | } 142 | 143 | .social-media { 144 | display: flex; 145 | justify-content: center; 146 | } 147 | 148 | .social-icon { 149 | height: 46px; 150 | width: 46px; 151 | display: flex; 152 | justify-content: center; 153 | align-items: center; 154 | margin: 0 0.45rem; 155 | color: #333; 156 | border-radius: 50%; 157 | border: 1px solid #333; 158 | text-decoration: none; 159 | font-size: 1.1rem; 160 | transition: 0.3s; 161 | } 162 | 163 | .social-icon:hover { 164 | color: #4481eb; 165 | border-color: #4481eb; 166 | } 167 | 168 | .btn { 169 | width: 150px; 170 | background-color: #5995fd; 171 | border: none; 172 | outline: none; 173 | height: 49px; 174 | border-radius: 49px; 175 | color: #fff; 176 | text-transform: uppercase; 177 | font-weight: 600; 178 | margin: 10px 0; 179 | cursor: pointer; 180 | transition: 0.5s; 181 | } 182 | 183 | .btn:hover { 184 | background-color: #4d84e2; 185 | } 186 | .panels-container { 187 | position: absolute; 188 | height: 100%; 189 | width: 100%; 190 | top: 0; 191 | left: 0; 192 | display: grid; 193 | grid-template-columns: repeat(2, 1fr); 194 | } 195 | 196 | .container:before { 197 | content: ""; 198 | position: absolute; 199 | height: 2000px; 200 | width: 2000px; 201 | top: -10%; 202 | right: 48%; 203 | transform: translateY(-50%); 204 | background-image: linear-gradient(-45deg, #4481eb 0%, #04befe 100%); 205 | transition: 1.8s ease-in-out; 206 | border-radius: 50%; 207 | z-index: 6; 208 | } 209 | 210 | .image { 211 | width: 100%; 212 | transition: transform 1.1s ease-in-out; 213 | transition-delay: 0.4s; 214 | } 215 | 216 | .panel { 217 | display: flex; 218 | flex-direction: column; 219 | align-items: flex-end; 220 | justify-content: space-around; 221 | text-align: center; 222 | z-index: 6; 223 | } 224 | 225 | .left-panel { 226 | pointer-events: all; 227 | padding: 3rem 17% 2rem 12%; 228 | } 229 | 230 | .right-panel { 231 | pointer-events: none; 232 | padding: 3rem 12% 2rem 17%; 233 | } 234 | 235 | .panel .content { 236 | color: #fff; 237 | transition: transform 0.9s ease-in-out; 238 | transition-delay: 0.6s; 239 | } 240 | 241 | .panel h3 { 242 | font-weight: 600; 243 | line-height: 1; 244 | font-size: 1.5rem; 245 | } 246 | 247 | .panel p { 248 | font-size: 0.95rem; 249 | padding: 0.7rem 0; 250 | } 251 | 252 | .btn.transparent { 253 | margin: 0; 254 | background: none; 255 | border: 2px solid #fff; 256 | width: 130px; 257 | height: 41px; 258 | font-weight: 600; 259 | font-size: 0.8rem; 260 | } 261 | .btn.transparent:hover { 262 | background-color: #d1d4ed; 263 | } 264 | 265 | .right-panel .image, 266 | .right-panel .content { 267 | transform: translateX(800px); 268 | } 269 | 270 | /* ANIMATION */ 271 | 272 | .container.sign-up-mode:before { 273 | transform: translate(100%, -50%); 274 | right: 52%; 275 | } 276 | 277 | .container.sign-up-mode .left-panel .image, 278 | .container.sign-up-mode .left-panel .content { 279 | transform: translateX(-800px); 280 | } 281 | 282 | .container.sign-up-mode .signin-signup { 283 | left: 25%; 284 | } 285 | 286 | .container.sign-up-mode form.sign-up-form { 287 | opacity: 1; 288 | z-index: 2; 289 | } 290 | 291 | .container.sign-up-mode form.sign-in-form { 292 | opacity: 0; 293 | z-index: 1; 294 | } 295 | 296 | .container.sign-up-mode .right-panel .image, 297 | .container.sign-up-mode .right-panel .content { 298 | transform: translateX(0%); 299 | } 300 | 301 | .container.sign-up-mode .left-panel { 302 | pointer-events: none; 303 | } 304 | 305 | .container.sign-up-mode .right-panel { 306 | pointer-events: all; 307 | } 308 | 309 | @media (max-width: 870px) { 310 | .container { 311 | min-height: 800px; 312 | height: 100vh; 313 | } 314 | .signin-signup { 315 | width: 100%; 316 | top: 95%; 317 | transform: translate(-50%, -100%); 318 | transition: 1s 0.8s ease-in-out; 319 | } 320 | 321 | .signin-signup, 322 | .container.sign-up-mode .signin-signup { 323 | left: 50%; 324 | } 325 | 326 | .panels-container { 327 | grid-template-columns: 1fr; 328 | grid-template-rows: 1fr 2fr 1fr; 329 | } 330 | 331 | .panel { 332 | flex-direction: row; 333 | justify-content: space-around; 334 | align-items: center; 335 | padding: 2.5rem 8%; 336 | grid-column: 1 / 2; 337 | } 338 | 339 | .right-panel { 340 | grid-row: 3 / 4; 341 | } 342 | 343 | .left-panel { 344 | grid-row: 1 / 2; 345 | } 346 | 347 | .image { 348 | width: 200px; 349 | transition: transform 0.9s ease-in-out; 350 | transition-delay: 0.6s; 351 | } 352 | 353 | .panel .content { 354 | padding-right: 15%; 355 | transition: transform 0.9s ease-in-out; 356 | transition-delay: 0.8s; 357 | } 358 | 359 | .panel h3 { 360 | font-size: 1.2rem; 361 | } 362 | 363 | .panel p { 364 | font-size: 0.7rem; 365 | padding: 0.5rem 0; 366 | } 367 | 368 | .btn.transparent { 369 | width: 110px; 370 | height: 35px; 371 | font-size: 0.7rem; 372 | } 373 | 374 | .container:before { 375 | width: 1500px; 376 | height: 1500px; 377 | transform: translateX(-50%); 378 | left: 30%; 379 | bottom: 68%; 380 | right: initial; 381 | top: initial; 382 | transition: 2s ease-in-out; 383 | } 384 | 385 | .container.sign-up-mode:before { 386 | transform: translate(-50%, 100%); 387 | bottom: 32%; 388 | right: initial; 389 | } 390 | 391 | .container.sign-up-mode .left-panel .image, 392 | .container.sign-up-mode .left-panel .content { 393 | transform: translateY(-300px); 394 | } 395 | 396 | .container.sign-up-mode .right-panel .image, 397 | .container.sign-up-mode .right-panel .content { 398 | transform: translateY(0px); 399 | } 400 | 401 | .right-panel .image, 402 | .right-panel .content { 403 | transform: translateY(300px); 404 | } 405 | 406 | .container.sign-up-mode .signin-signup { 407 | top: 5%; 408 | transform: translate(-50%, 0); 409 | } 410 | } 411 | 412 | @media (max-width: 570px) { 413 | form { 414 | padding: 0 1.5rem; 415 | } 416 | 417 | .image { 418 | display: none; 419 | } 420 | .panel .content { 421 | padding: 0.5rem 1rem; 422 | } 423 | .container { 424 | padding: 1.5rem; 425 | } 426 | 427 | .container:before { 428 | bottom: 72%; 429 | left: 50%; 430 | } 431 | 432 | .container.sign-up-mode:before { 433 | bottom: 28%; 434 | left: 50%; 435 | } 436 | } 437 | .bn31 { 438 | background-image: linear-gradient(to right, #006175 0%, #00a950 100%); 439 | border-radius: 40px; 440 | box-sizing: border-box; 441 | color: #00a84f; 442 | display: block; 443 | height: 50px; 444 | font-size: 1.4em; 445 | padding: 4px; 446 | position: relative; 447 | text-decoration: none; 448 | width: 7em; 449 | z-index: 2; 450 | } 451 | 452 | .bn31:hover { 453 | color: #fff; 454 | } 455 | .bn31 .bn31span { 456 | align-items: center; 457 | background: #0e0e10; 458 | border-radius: 40px; 459 | display: flex; 460 | justify-content: center; 461 | height: 100%; 462 | transition: background 0.5s ease; 463 | width: 100%; 464 | } 465 | 466 | .bn31:hover .bn31span { 467 | background: transparent; 468 | } 469 | -------------------------------------------------------------------------------- /dataviewer.sql: -------------------------------------------------------------------------------- 1 | -- phpMyAdmin SQL Dump 2 | -- version 5.2.1 3 | -- https://www.phpmyadmin.net/ 4 | -- 5 | -- Host: 127.0.0.1 6 | -- Generation Time: Sep 03, 2023 at 03:04 PM 7 | -- Server version: 10.4.28-MariaDB 8 | -- PHP Version: 8.2.4 9 | 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; 11 | START TRANSACTION; 12 | SET time_zone = "+00:00"; 13 | 14 | 15 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; 16 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */; 17 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; 18 | /*!40101 SET NAMES utf8mb4 */; 19 | 20 | -- 21 | -- Database: `dataviewer` 22 | -- 23 | 24 | -- -------------------------------------------------------- 25 | 26 | -- 27 | -- Table structure for table `detail` 28 | -- 29 | 30 | CREATE TABLE `detail` ( 31 | `name` varchar(50) NOT NULL, 32 | `email` varchar(50) NOT NULL, 33 | `dob` date DEFAULT NULL, 34 | `phone` longtext NOT NULL, 35 | `age` int(200) NOT NULL, 36 | `address` varchar(100) NOT NULL, 37 | `gender` varchar(20) NOT NULL, 38 | `photo` varchar(100) NOT NULL, 39 | `pass` varchar(50) NOT NULL 40 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci; 41 | 42 | -- 43 | -- Dumping data for table `detail` 44 | -- 45 | 46 | INSERT INTO `detail` (`name`, `email`, `dob`, `phone`, `age`, `address`, `gender`, `photo`, `pass`) VALUES 47 | ('user', 'user1@gmail.com', '2023-09-14', '1234567889', 21, 'india', 'male', 'img/profile/user.jpg', '1'); 48 | 49 | -- 50 | -- Indexes for dumped tables 51 | -- 52 | 53 | -- 54 | -- Indexes for table `detail` 55 | -- 56 | ALTER TABLE `detail` 57 | ADD UNIQUE KEY `email` (`email`); 58 | COMMIT; 59 | 60 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */; 61 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */; 62 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */; 63 | -------------------------------------------------------------------------------- /img/icon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/icon/favicon.ico -------------------------------------------------------------------------------- /img/log.svg: -------------------------------------------------------------------------------- 1 | maker launch -------------------------------------------------------------------------------- /img/mdb-favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/mdb-favicon.ico -------------------------------------------------------------------------------- /img/pro1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/pro1.png -------------------------------------------------------------------------------- /img/pro2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/pro2.png -------------------------------------------------------------------------------- /img/profile/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/profile/default.png -------------------------------------------------------------------------------- /img/profile/jp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/profile/jp.jpg -------------------------------------------------------------------------------- /img/profile/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jayaprasathjp/Data-Viewer/8d19343d0ed4b0e854f7abe50944d426c2dec1ab/img/profile/user.jpg -------------------------------------------------------------------------------- /img/register.svg: -------------------------------------------------------------------------------- 1 | press play -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | 12 | 13 | 14 | 15 | Dataviewer 16 | 17 | 18 |
19 |
20 | 72 |
73 | 74 |
75 |
76 |
77 |

New here ?

78 |

79 | Join the Community: Sign Up for Free and Dive into a World of Possibilities! 80 | 81 |

82 | 85 | 86 |
87 | 88 |
89 |
90 |
91 |

One of us ?

92 |

Unlock Your World: Sign in to Access Exclusive Content, Personalized Experiences, and More. 93 |

94 | 97 |
98 | 99 |
100 |
101 |
102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | -------------------------------------------------------------------------------- /js/app.js: -------------------------------------------------------------------------------- 1 | const sign_in_btn = document.querySelector("#sign-in-btn"); 2 | const sign_up_btn = document.querySelector("#sign-up-btn"); 3 | const container = document.querySelector(".container"); 4 | 5 | sign_up_btn.addEventListener("click", () => { 6 | container.classList.add("sign-up-mode"); 7 | }); 8 | 9 | sign_in_btn.addEventListener("click", () => { 10 | container.classList.remove("sign-up-mode"); 11 | }); 12 | -------------------------------------------------------------------------------- /js/login.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function () { 2 | $("#login-form").submit(function (e) { 3 | e.preventDefault(); 4 | 5 | var email = $("#email").val(); 6 | var pass = $("#pass").val(); 7 | 8 | $.ajax({ 9 | type: "POST", 10 | url: "login.php", // Update the path based on your directory structure 11 | data: { 12 | email: email, 13 | pass: pass, 14 | }, 15 | success: function (response) { 16 | response = JSON.parse(response); // Parse the JSON response 17 | 18 | if (response.status == 200) { 19 | Swal.fire({ 20 | icon: "success", 21 | title: "Success", 22 | text: "Signin Successful", 23 | }).then(function () { 24 | window.location = "profile.php"; 25 | }); 26 | } else { 27 | Swal.fire({ 28 | icon: "error", 29 | title: "Sign-in Failed", 30 | text: "Wrong credentials. Please try again.", 31 | }); 32 | } 33 | }, 34 | error: function () { 35 | Swal.fire({ 36 | icon: "error", 37 | title: "Error", 38 | text: "An error occurred during login.", 39 | }); 40 | }, 41 | }); 42 | }); 43 | }); 44 | -------------------------------------------------------------------------------- /js/register.js: -------------------------------------------------------------------------------- 1 | $(document).on("submit", "#reg", function (e) { 2 | e.preventDefault(); 3 | var formData = new FormData(this); 4 | formData.append("save_reg", true); 5 | $.ajax({ 6 | type: "POST", 7 | url: "register.php", 8 | data: formData, 9 | processData: false, 10 | contentType: false, 11 | success: function (response) { 12 | var res = jQuery.parseJSON(response); 13 | if (res.status == 422) { 14 | $("#errorMessage").removeClass("d-none"); 15 | $("#errorMessage").text(res.message); 16 | } else if (res.status == 200) { 17 | swal.fire({ 18 | icon: "success", 19 | title: "Success", 20 | text: "Registered Successful", 21 | }).then(function () { 22 | $("#reg").load(location.href + " #reg"); 23 | const container = document.querySelector(".container"); 24 | container.classList.remove("sign-up-mode"); 25 | 26 | }); 27 | 28 | } else if (res.status == 500) { 29 | swal.fire({ 30 | icon: "error", 31 | title: "Failed", 32 | text: "Email already exist", 33 | }); 34 | } 35 | }, 36 | }); 37 | }); 38 | -------------------------------------------------------------------------------- /login.php: -------------------------------------------------------------------------------- 1 | 2 | 200, 27 | 'message' => 'Login Successfull' 28 | ]; 29 | echo json_encode($res); 30 | return; 31 | } 32 | else if($count == 0) 33 | { 34 | $res = [ 35 | 'status' => 300, 36 | 'message' => 'Failed' 37 | ]; 38 | echo json_encode($res); 39 | return; 40 | } 41 | } 42 | 43 | 44 | ?> 45 | -------------------------------------------------------------------------------- /logout.php: -------------------------------------------------------------------------------- 1 | 20 | -------------------------------------------------------------------------------- /profile.php: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Profile DV 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 39 | 40 | 41 | 44 | 45 | 57 | 58 | 59 | 60 | 61 |

PROFILE

62 |
63 | 64 | 65 |
66 |
67 | 68 |
69 |
70 | 71 |

72 |

Email:

73 |

Date of Birth:

74 |

phone:

75 |

age:

76 |

Address:

77 |

Gender:

78 | 79 |
80 |
81 |
82 | 85 | 141 |
Designed and Developed by JAYAPRASATH
142 | 232 | 233 | 234 | 235 | -------------------------------------------------------------------------------- /register.php: -------------------------------------------------------------------------------- 1 | 422, 15 | 'message' => 'All fields are mandatory' 16 | ]; 17 | echo json_encode($res); 18 | return; 19 | } 20 | try{ 21 | $query = "INSERT INTO detail (name,email,dob,phone,pass) VALUES('$name','$email','$dob','$phone','$pass')"; 22 | $query_run = mysqli_query($db, $query); 23 | if($query_run) 24 | { 25 | 26 | $res = [ 27 | 'status' => 200, 28 | 'message' => 'Account Created' 29 | ]; 30 | 31 | echo json_encode($res); 32 | return; 33 | } 34 | else 35 | { 36 | $res = [ 37 | 'status' => 500, 38 | 'message' => 'Details Not Updated' 39 | ]; 40 | echo json_encode($res); 41 | return; 42 | }} 43 | catch(Exception $e){ 44 | $res = [ 45 | 'status' => 500, 46 | 'message' => 'Details Not Updated' 47 | ]; 48 | echo json_encode($res); 49 | return; 50 | } 51 | 52 | } 53 | -------------------------------------------------------------------------------- /session.php: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /update.php: -------------------------------------------------------------------------------- 1 | 200, 28 | 'message' => 'Profile Updated Successfully' 29 | ]; 30 | echo json_encode($res); 31 | return; 32 | } 33 | } else { 34 | // File move failed 35 | $res = [ 36 | 'status' => 500, 37 | 'message' => 'Failed to move uploaded file' 38 | ]; 39 | echo json_encode($res); 40 | return; 41 | } 42 | } else { 43 | $res = [ 44 | 'status' => 500, 45 | 'message' => 'Failed to Update Profile' 46 | ]; 47 | echo json_encode($res); 48 | } 49 | 50 | ?> 51 | --------------------------------------------------------------------------------