@font-face {
	font-family: 'fontello';
	src: url('../font/fontello.eot?40485502');
	src: url('../font/fontello.eot?40485502#iefix') format('embedded-opentype'),
		 url('../font/fontello.svg?40485502#fontello') format('svg');
	font-weight: normal;
	font-style: 400;
  }
  @font-face {
	font-family: 'fontello';
	src: url('data:application/octet-stream;base64,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') format('woff'),
		 url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+I1RYAAABUAAAAGBjbWFw4D6y7wAAAbAAAAIqY3Z0IAAAAAAAABRIAAAADmZwZ21iLvl6AAAUWAAADgxnYXNwAAAAEAAAFEAAAAAIZ2x5ZnP0V/AAAAPcAAAMMGhlYWQnJz6yAAAQDAAAADZoaGVhCAUEKQAAEEQAAAAkaG10eDB///0AABBoAAAANGxvY2ERphUUAAAQnAAAABxtYXhwAT0OwgAAELgAAAAgbmFtZc2dGhsAABDYAAACzXBvc3Q7PB7pAAATqAAAAJZwcmVwfrY7tgAAImQAAACcAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQDuwGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOgA8jIDUv9qAFoDrACWAAAAAQAAAAAAAAAAAAAAAAACAAAABQAAAAMAAAAsAAAABAAAAYoAAQAAAAAAhAADAAEAAAAsAAMACgAAAYoABABYAAAADAAIAAIABOgF8JnwxfGG8jL//wAA6ADwmfDF8YXyMf//AAAAAAAAAAAAAAABAAwAFgAWABYAGAAAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAACgAAAAAAAAAAwAAOgAAADoAAAAAAEAAOgBAADoAQAAAAIAAOgCAADoAgAAAAMAAOgDAADoAwAAAAQAAOgEAADoBAAAAAUAAOgFAADoBQAAAAYAAPCZAADwmQAAAAcAAPDFAADwxQAAAAgAAPGFAADxhQAAAAkAAPGGAADxhgAAAAoAAPIxAADyMQAAAAsAAPIyAADyMgAAAAwAAAACAAD/+QOhA1IAKQBXAEVAQgAIAQiFAAQFBgUEBoAABgMFBgN+AAEAAgcBAmkABwAFBAcFZwADAAADVwADAwBfAAADAE9TUU1LJSUcNSklMwkGHSsBFRQGIyEiJjURNDY3MzIWBxQHBgcGKwEiBgcRFBYXITI2PQE0NzY3NhYTBwYjIicmPQEjIgcGFxYPASIvAS4DJzQ+BzczNTQ3NjMyHwEWFAMSXkP+MENeXkOOBwwBDysfBQQ+JTQBNiQB0CU0ChAPCBeE1goPBwcWWbVAQhkCDQcJBQwGIBgSAQQMEiQoQExmO1kWBwcOC9YLASqQQ15eQwHQQl4BDAYPAw8TAjQl/jAlNAE2JHcLBQcOCQoBCtYLAwkYa0lNuw0GAQcRCTwyTh0bMDQuLCgcGggCaxgJAwvWCh4AAAAABP///7EDoQMLAAMADAAVAD0AWUBWDQEBAhcBBgECTAADBAkEAwmACAEGAQABBgCAAAoABAMKBGcLAQkABQIJBWkAAgABBgIBZwAABwcAVwAAAAdfAAcAB088OjMwLSsTMykTEyERERAMBh8rFyE1ITUhNSMiJj0BIQE0LgEOARY+ATcVFAYHIxUUBiMhIiYnNSMiJjc1NDYXMxE0NjMhMhYfAR4BBxUzMhbWAfT+DAH0WRYg/psCgxQgEgIWHBhGDAZ9IBb96BYeAX0HDAFAKyQgFQF3FzYPVQ8YASMtPgeP1tYgFln+dw8UAhgaGAQQEegHCgFZFiAgFlkMBugsQAEBMBYgGA5VEDYWjz4AAAAFAAD/nASyAyAACwASABUAGAAbAEdARBsaFxUUExIREA8MCwQFAUwCAQABAIUAAQcBBQQBBWcABAMDBFcABAQDXwYBAwQDTxYWAAAWGBYYDg0ACwAHERERCAYZKxURMxchNzMRIzUhFTUVITUBBycFLQE3CQEDBRG5CQM5Ca6r/KkDV/6nT1b+pwEz/s1TAVwBW+YBM2EDgQgI/HwHBIRQSgEDQUbG5fyg/tYBKv5f5gHkAAACAAD/sQPoAwwAHAA5ADVAMjIBAQAaAQMBAkwAAQADAAEDgAADA4QFAQQAAARZBQEEBABhAgEABABRKCofFRUVBgYcKwE0LgMOAwcGIicuAw4EBxQXCQE2NxQHAQYiJwEnLgM1NDY3Mh4CFz4DFzIWA6EYJjYyPEA8JBAKIgoOKDhEODYyKhQCaQFEAURpR4D+pQoeCv6kDwoqIhqOfSJIPi4TFCxARiN9jgIFLkQqGAwEGDAgEg0NDyYqHgIGHiRKK11p/sgBOGlde4D+sQoKAVAPCjY2UCV7igEYKiIVFCQoGgGMAAAAAQAAAAADtgJGABQAGUAWBQEAAgFMAAIAAoUBAQAAdhcUEgMGGSslBwYiJwkBBiIvASY0NwE2MhcBFhQDq1wLHgr+2P7YCxwLXQsLAZ4LHAsBngtrXAoKASn+1woKXAseCgGeCgr+YgscAAAAAwAA/8MD6ANAABIANwBxAGhAZWsBAQsNAQABKQICBQYxAQQFVicCAwQFTAALAQuFAAYABQAGBYAABQQABQR+AAIDAoYKAQEHAQAGAQBnCQEEAwMEVwkBBAQDYQgBAwQDUW5tamlbWFJQQkA9PDQzMC8zFTYYDAYaKwEGBycuAycjIiY9ATQ2OwEyARQPAQYiJj0BIyIGLwEuBSc2Nx4ENzM1NDYyHwEWERQPAQYiJj0BIyIOAgcGBw4CDwEOAicjIiY9ATQ2OwEyPgI3Nj8BPgU3MzU0NjIfARYBdCIrFAgeGi4WfQgKCgh9iwLOBbMFDwowHh4aJw0uGCgaJA0hKwwQHhosGI8KDgeyBQWzBQ8KjxssIBoMEhkQGCQSKRc2QiZ9CAoKCH0bKiQUEBEaHAwkJC42QCiPCg4HsgUCRjRlKRAmGgwCCghrCAr9xQgFswUMBmsCAgMBCgoWFiYUNGQZHioUFAJrCAoFsgUB7AgFswUMBmsQIiIbIj0lMkQVLxoYFgEKCGsIChIgJBkjPT4aQDAsIgwDawgKBbIFAAABAAD/9wOIAsMALwBNQEouLCogAgUFBhkBBAUWEgIDBAsBAQIETAAGBQaFAAUEBYUABAMEhQADAgOFAAIBAoUAAQAAAVkAAQEAYQAAAQBRJBYWIxEiKAcGHSsBBgcVFA4DJyInFjMyNy4BJxYzMjcuAT0BFhcuATQ3HgEXJjU0NjcyFzY3Bgc2A4glNSpWeKhhl30TGH5iO1wSEw8YGD9SJiwlLBlEwHAFakpPNT02FTs0Am42JxdJkIZkQAJRAk0BRjYDBg1iQgIVAhlOYCpTZAUVFEtoATkMIEAkBgAAAAUAAP9qA+gDUgAfACIAJQAzADwAcEBtIwEABh0BCQAnIAIHBQNMAAMABgADBmcMAQAACQUACWcABQAHBAUHZwAEAAoIBApnAAgAAgsIAmcNAQsBAQtXDQELCwFfAAELAU80NAEANDw0PDs5NjUwLy4sKSglJCIhGhcODAkGAB8BHg4GFisBMhYXERQGByEiJic1ISImJxE0Nj8BPgE7ATIWFxU2Mw8BMwEHMxc3NSMVFAYHIxEhNTQ2AREjFRQGJyMRA7IXHgEgFv3pFx4B/tEXHgEWEOQPNhboFx4BJiFHp6f+m6enbbDWHhfpAR4WAibXHhfoAnwgFv1aFx4BIBagIBYBdxY2D+QQFiAWtxd3pwF9p8Kw6ekWHgH+m48WNv5OAoPoFiAB/poAAAIAAP9qA9IDUQAQAEQAOEA1ODMCAANCPS4pIxQGAQAeGQICAQNMAAMAAAEDAGkAAQICAVkAAQECYQACAQJRNjUeFxQEBhkrATQuAg4DFB4DPgIXBg8BFRQGLwEHBiIvAQcGJj0BJyYnJj8BJyY2PwE1NDYfATc2Mh8BNzYWHQEXHgEPARcWAzUyWHSGdFgyMlh0hnRYMpoCCaMPCKNkBhIFZaMID6MJAgMFZGQFBQmjDwijZQUSBmSjCA+jCQUFZGQFAV5BeFQ2BC5ccIpwXC4ENlR4WggDNasJCwM1iwcHizUDCwmrNQMICgeKiggRAzWrCQsDNYsGBos1AwsJqzUDEQiKigcAAAL//v+xAzYDCwASADAALkArCAEEAwFMAAMEA4UABAAAAQQAaQABAgIBWQABAQJhAAIBAlEoKCQsIQUGGyslBiMiLgE3NDcOAQcUHgI3MjY3DgEjIi4CNzQ+Ajc2FgcOAQcUHgE3Mjc2Fx4BAsAeH2asZgE6cI4BOl6GSFCQpTXUfFegcEgCQG6aVBkUEzAyAVKMUkI9FxEIBHsFZK5la1whvndIhlw+A0RtcYhEdJ5XVZxyRgMBLhErdEBTilQBHQoRCBYAAAAAAQAA/7ECygNTAEoARUBCIwEFAhMBAQMCTBwBAUkAAgQFBAIFgAAFAwQFA34AAAAEAgAEaQADAQEDWQADAwFhAAEDAVFFRDs5MS8pJyglBgYYKxE0PgMXMh4BFRQOAyciJicHDgUPAScmNTQ2PwEmNTQ2NzIWFRQOARYzMj4ENzQmIyIGFRQeAhUUBiMnLgMqSmBuOliYXhQwQGA6JkoRDwoIDhASIhIHBQkYGR0SOi0iJjABMiQfNCQaEAYBemNvlg4QDhANCR0sGAwCBTxqUDoeAUqOWTZmYEYuAiQfPykYOBYwKBwDBlgRM4BhcSQ6L1ABLiIlikcuHDA6QDwaYGyQbxkuGhoEDzIBCSw+OgADAAD/rgNaAw4AKgA9AFEAYEBdOgEAA0s8OwMEAEkBBwQDTEoBB0kCAQEFAwUBA4AAAwAFAwB+AAAEBQAEfgkBBgAFAQYFaQgBBAcHBFkIAQQEB2EABwQHUT8+LCtIRj5RP1E0Mys9LD0fIhooCgYaKwEyFhcWFRQOASMiJy4BJyY3NTY3NjMyFjMyFhceARUUBgcUFxYXFhcWMjYDMj4CNC4CDgMHFBcHNxYTMh4CDgMnIicHNyY1ND4CAiYHXgMBEj4aIEo3UCopAQInDg8EDAULCAQFHCYBAxMmHzUHDixrR4JeODhego6AYDYBQyyHWGhWnHBEAkB0mFhsX+lMPEJymgEzMgUCBhIuHiMZUj48MAUyJgwCBg0LTAMMKgUDBSkjHhsENv7ZOFyEjIRcOgI2YIBIcVyCKzoDA0RuoKagbEgCNUviY3ZWmnQ+AAABAAAAAQAAniWiRV8PPPUADwPoAAAAAOGp/YgAAAAA4an9iP/+/2oEsgNTAAAACAACAAAAAAAAAAEAAANS/2oAAASy//7//wSyAAEAAAAAAAAAAAAAAAAAAAANA+gAAAOgAAADoP//BLIAAAPoAAAD6AAAA+gAAAOgAAAD6AAAA+gAAANZ//4CygAAA1kAAAAAAAAAngEmAYAB9AIqAvoDagQABIQE6AVwBhgAAQAAAA0AcgAFAAAAAAACABwAQgCNAAAAgQ4MAAAAAAAAABIA3gABAAAAAAAAADUAAAABAAAAAAABAAgANQABAAAAAAACAAcAPQABAAAAAAADAAgARAABAAAAAAAEAAgATAABAAAAAAAFAAsAVAABAAAAAAAGAAgAXwABAAAAAAAKACsAZwABAAAAAAALABMAkgADAAEECQAAAGoApQADAAEECQABABABDwADAAEECQACAA4BHwADAAEECQADABABLQADAAEECQAEABABPQADAAEECQAFABYBTQADAAEECQAGABABYwADAAEECQAKAFYBcwADAAEECQALACYByUNvcHlyaWdodCAoQykgMjAyMyBieSBvcmlnaW5hbCBhdXRob3JzIEAgZm9udGVsbG8uY29tZm9udGVsbG9SZWd1bGFyZm9udGVsbG9mb250ZWxsb1ZlcnNpb24gMS4wZm9udGVsbG9HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADIAMwAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AZgBvAG4AdABlAGwAbABvAFIAZQBnAHUAbABhAHIAZgBvAG4AdABlAGwAbABvAGYAbwBuAHQAZQBsAGwAbwBWAGUAcgBzAGkAbwBuACAAMQAuADAAZgBvAG4AdABlAGwAbABvAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgAFc2hhcmUFcHJpbnQFZ21haWwLaGVhcnQtZW1wdHkHdXAtb3BlbgdzaHVmZmxlB3R3aXR0ZXIEY29weQNzdW4EbW9vbglwaW50ZXJlc3QId2hhdHNhcHAAAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAsAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIyEjIS2wAywgZLMDFBUAQkOwE0MgYGBCsQIUQ0KxJQNDsAJDVHggsAwjsAJDQ2FksARQeLICAgJDYEKwIWUcIbACQ0OyDhUBQhwgsAJDI0KyEwETQ2BCI7AAUFhlWbIWAQJDYEItsAQssAMrsBVDWCMhIyGwFkNDI7AAUFhlWRsgZCCwwFCwBCZasigBDUNFY0WwBkVYIbADJVlSW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCxAQ1DRWNFYWSwKFBYIbEBDUNFY0UgsDBQWCGwMFkbILDAUFggZiCKimEgsApQWGAbILAgUFghsApgGyCwNlBYIbA2YBtgWVlZG7ACJbAMQ2OwAFJYsABLsApQWCGwDEMbS7AeUFghsB5LYbgQAGOwDENjuAUAYllZZGFZsAErWVkjsABQWGVZWSBksBZDI0JZLbAFLCBFILAEJWFkILAHQ1BYsAcjQrAII0IbISFZsAFgLbAGLCMhIyGwAysgZLEHYkIgsAgjQrAGRVgbsQENQ0VjsQENQ7AAYEVjsAUqISCwCEMgiiCKsAErsTAFJbAEJlFYYFAbYVJZWCNZIVkgsEBTWLABKxshsEBZI7AAUFhlWS2wByywCUMrsgACAENgQi2wCCywCSNCIyCwACNCYbACYmawAWOwAWCwByotsAksICBFILAOQ2O4BABiILAAUFiwQGBZZrABY2BEsAFgLbAKLLIJDgBDRUIqIbIAAQBDYEItsAsssABDI0SyAAEAQ2BCLbAMLCAgRSCwASsjsABDsAQlYCBFiiNhIGQgsCBQWCGwABuwMFBYsCAbsEBZWSOwAFBYZVmwAyUjYUREsAFgLbANLCAgRSCwASsjsABDsAQlYCBFiiNhIGSwJFBYsAAbsEBZI7AAUFhlWbADJSNhRESwAWAtsA4sILAAI0KzDQwAA0VQWCEbIyFZKiEtsA8ssQICRbBkYUQtsBAssAFgICCwD0NKsABQWCCwDyNCWbAQQ0qwAFJYILAQI0JZLbARLCCwEGJmsAFjILgEAGOKI2GwEUNgIIpgILARI0IjLbASLEtUWLEEZERZJLANZSN4LbATLEtRWEtTWLEEZERZGyFZJLATZSN4LbAULLEAEkNVWLESEkOwAWFCsBErWbAAQ7ACJUKxDwIlQrEQAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAQKiEjsAFhIIojYbAQKiEbsQEAQ2CwAiVCsAIlYbAQKiFZsA9DR7AQQ0dgsAJiILAAUFiwQGBZZrABYyCwDkNjuAQAYiCwAFBYsEBgWWawAWNgsQAAEyNEsAFDsAA+sgEBAUNgQi2wFSwAsQACRVRYsBIjQiBFsA4jQrANI7AAYEIgYLcYGAEAEQATAEJCQopgILAUI0KwAWGxFAgrsIsrGyJZLbAWLLEAFSstsBcssQEVKy2wGCyxAhUrLbAZLLEDFSstsBossQQVKy2wGyyxBRUrLbAcLLEGFSstsB0ssQcVKy2wHiyxCBUrLbAfLLEJFSstsCssIyCwEGJmsAFjsAZgS1RYIyAusAFdGyEhWS2wLCwjILAQYmawAWOwFmBLVFgjIC6wAXEbISFZLbAtLCMgsBBiZrABY7AmYEtUWCMgLrABchshIVktsCAsALAPK7EAAkVUWLASI0IgRbAOI0KwDSOwAGBCIGCwAWG1GBgBABEAQkKKYLEUCCuwiysbIlktsCEssQAgKy2wIiyxASArLbAjLLECICstsCQssQMgKy2wJSyxBCArLbAmLLEFICstsCcssQYgKy2wKCyxByArLbApLLEIICstsCossQkgKy2wLiwgPLABYC2wLywgYLAYYCBDI7ABYEOwAiVhsAFgsC4qIS2wMCywLyuwLyotsDEsICBHICCwDkNjuAQAYiCwAFBYsEBgWWawAWNgI2E4IyCKVVggRyAgsA5DY7gEAGIgsABQWLBAYFlmsAFjYCNhOBshWS2wMiwAsQACRVRYsQ4GRUKwARawMSqxBQEVRVgwWRsiWS2wMywAsA8rsQACRVRYsQ4GRUKwARawMSqxBQEVRVgwWRsiWS2wNCwgNbABYC2wNSwAsQ4GRUKwAUVjuAQAYiCwAFBYsEBgWWawAWOwASuwDkNjuAQAYiCwAFBYsEBgWWawAWOwASuwABa0AAAAAABEPiM4sTQBFSohLbA2LCA8IEcgsA5DY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2E4LbA3LC4XPC2wOCwgPCBHILAOQ2O4BABiILAAUFiwQGBZZrABY2CwAENhsAFDYzgtsDkssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrI4AQEVFCotsDossAAWsBcjQrAEJbAEJUcjRyNhsQwAQrALQytlii4jICA8ijgtsDsssAAWsBcjQrAEJbAEJSAuRyNHI2EgsAYjQrEMAEKwC0MrILBgUFggsEBRWLMEIAUgG7MEJgUaWUJCIyCwCkMgiiNHI0cjYSNGYLAGQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsARDYGQjsAVDYWRQWLAEQ2EbsAVDYFmwAyWwAmIgsABQWLBAYFlmsAFjYSMgILAEJiNGYTgbI7AKQ0awAiWwCkNHI0cjYWAgsAZDsAJiILAAUFiwQGBZZrABY2AjILABKyOwBkNgsAErsAUlYbAFJbACYiCwAFBYsEBgWWawAWOwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbA8LLAAFrAXI0IgICCwBSYgLkcjRyNhIzw4LbA9LLAAFrAXI0IgsAojQiAgIEYjR7ABKyNhOC2wPiywABawFyNCsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbkIAAgAY2MjIFhiGyFZY7gEAGIgsABQWLBAYFlmsAFjYCMuIyAgPIo4IyFZLbA/LLAAFrAXI0IgsApDIC5HI0cjYSBgsCBgZrACYiCwAFBYsEBgWWawAWMjICA8ijgtsEAsIyAuRrACJUawF0NYUBtSWVggPFkusTABFCstsEEsIyAuRrACJUawF0NYUhtQWVggPFkusTABFCstsEIsIyAuRrACJUawF0NYUBtSWVggPFkjIC5GsAIlRrAXQ1hSG1BZWCA8WS6xMAEUKy2wQyywOisjIC5GsAIlRrAXQ1hQG1JZWCA8WS6xMAEUKy2wRCywOyuKICA8sAYjQoo4IyAuRrACJUawF0NYUBtSWVggPFkusTABFCuwBkMusDArLbBFLLAAFrAEJbAEJiAgIEYjR2GwDCNCLkcjRyNhsAtDKyMgPCAuIzixMAEUKy2wRiyxCgQlQrAAFrAEJbAEJSAuRyNHI2EgsAYjQrEMAEKwC0MrILBgUFggsEBRWLMEIAUgG7MEJgUaWUJCIyBHsAZDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwBENgZCOwBUNhZFBYsARDYRuwBUNgWbADJbACYiCwAFBYsEBgWWawAWNhsAIlRmE4IyA8IzgbISAgRiNHsAErI2E4IVmxMAEUKy2wRyyxADorLrEwARQrLbBILLEAOyshIyAgPLAGI0IjOLEwARQrsAZDLrAwKy2wSSywABUgR7AAI0KyAAEBFRQTLrA2Ki2wSiywABUgR7AAI0KyAAEBFRQTLrA2Ki2wSyyxAAEUE7A3Ki2wTCywOSotsE0ssAAWRSMgLiBGiiNhOLEwARQrLbBOLLAKI0KwTSstsE8ssgAARistsFAssgABRistsFEssgEARistsFIssgEBRistsFMssgAARystsFQssgABRystsFUssgEARystsFYssgEBRystsFcsswAAAEMrLbBYLLMAAQBDKy2wWSyzAQAAQystsFosswEBAEMrLbBbLLMAAAFDKy2wXCyzAAEBQystsF0sswEAAUMrLbBeLLMBAQFDKy2wXyyyAABFKy2wYCyyAAFFKy2wYSyyAQBFKy2wYiyyAQFFKy2wYyyyAABIKy2wZCyyAAFIKy2wZSyyAQBIKy2wZiyyAQFIKy2wZyyzAAAARCstsGgsswABAEQrLbBpLLMBAABEKy2waiyzAQEARCstsGssswAAAUQrLbBsLLMAAQFEKy2wbSyzAQABRCstsG4sswEBAUQrLbBvLLEAPCsusTABFCstsHAssQA8K7BAKy2wcSyxADwrsEErLbByLLAAFrEAPCuwQistsHMssQE8K7BAKy2wdCyxATwrsEErLbB1LLAAFrEBPCuwQistsHYssQA9Ky6xMAEUKy2wdyyxAD0rsEArLbB4LLEAPSuwQSstsHkssQA9K7BCKy2weiyxAT0rsEArLbB7LLEBPSuwQSstsHwssQE9K7BCKy2wfSyxAD4rLrEwARQrLbB+LLEAPiuwQCstsH8ssQA+K7BBKy2wgCyxAD4rsEIrLbCBLLEBPiuwQCstsIIssQE+K7BBKy2wgyyxAT4rsEIrLbCELLEAPysusTABFCstsIUssQA/K7BAKy2whiyxAD8rsEErLbCHLLEAPyuwQistsIgssQE/K7BAKy2wiSyxAT8rsEErLbCKLLEBPyuwQistsIsssgsAA0VQWLAGG7IEAgNFWCMhGyFZWUIrsAhlsAMkUHixBQEVRVgwWS0AS7gAyFJYsQEBjlmwAbkIAAgAY3CxAAdCsQAAKrEAB0KxAAoqsQAHQrEACiqxAAdCuQAAAAsqsQAHQrkAAAALKrkAAwAARLEkAYhRWLBAiFi5AAMAZESxKAGIUVi4CACIWLkAAwAARFkbsScBiFFYugiAAAEEQIhjVFi5AAMAAERZWVlZWbEADiq4Af+FsASNsQIARLMFZAYAREQ=') format('truetype');
  }

  [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
  
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
  
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
  
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
  
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
  
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  
  .icon-share:before { content: '\e800'; } /* '' */
  .icon-print:before { content: '\e801'; } /* '' */
  .icon-gmail:before { content: '\e802'; } /* '' */
  .icon-heart-empty:before { content: '\e803'; } /* '' */
  .icon-up-open:before { content: '\e804'; } /* '' */
  .icon-shuffle:before { content: '\e805'; } /* '' */
  .icon-twitter:before { content: '\f099'; } /* '' */
  .icon-copy:before { content: '\f0c5'; } /* '' */
  .icon-sun:before { content: '\f185'; } /* '' */
  .icon-moon:before { content: '\f186'; } /* '' */
  .icon-pinterest:before { content: '\f231'; } /* '' */
  .icon-whatsapp:before { content: '\f232'; } /* '' */
   

  section.toll {
    right: 0px;
    left: auto;
    top: -11px;
    padding: 0;
    position: absolute;
}
  .toll a {
    border: none;
    background: transparent;
    font-size: 20px;
    padding: 7px;
    cursor: pointer;
    color: #999;
    border-radius: 5px;
    float: right;
}
.icon-heart-empty {
	cursor: pointer;
  }
  a.icon-share {
    display: none;
}
button.sharess.print-button-print i {
    color: #fff;
}

/*  */
.popup {
    display: none;
    position: fixed;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 6px 7px 4px #28282833;
    z-index: 1000;
    border-radius: 10px;
    width: 300px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.popup p {
    margin: 0;
    padding: 5px;
}
.share-options {
	margin-top: 10px;
  }
  
  .note {
	display: block;
	margin-bottom: 5px;
  }
  
  .share-link {
	display: inline-block;
	margin-right: 10px;
	font-size: 20px;
  }
body,
h1,
h2,
h3,
h4,
h5 {
	font-family: sans-serif
}

.containers,
.menusection h2 a,
.share-link,
header {
	text-align: center
}

.font-size span,
.links a,
.mytext p,
.randomgen,
.share,
.share-buttons span,
h2,
h4,
header .site-title span {
	text-transform: uppercase
}

.bookmarks-2 a,
a {
	text-decoration: none
}

#mytext,
body {
	font-weight: 400
}
.mains {
    width: 86%;
    float: left;
    margin-left: 7%;
    margin-right: 7%;
    margin-top: 15px;
}
.container {
    width: 86%;
    float: left;
    margin: auto 7%;
}
::-webkit-scrollbar-thumb {
	background: #405de6
}

::-webkit-scrollbar-track {
	background: #f9f9f9
}

::-webkit-scrollbar {
	width: 2px;
	height: 2px
}

*,
body,
html {
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

body,
html {
	padding: 0;
	margin: 0;
	line-height: 1.5
}

body {
	padding: 0;
	background: #f3fcff;
	float: left;
	width: 100%;
}

.ads,
.bookmarks,
.bookmarks a,
.cats a,
.menusection,
.separator,
.settings,
h2 {
	float: left
}

.font-size,
.share-buttons {
	float: right
}

.share-buttons i {
    background: none;
    font-size: 21px;
    color: #fff;
}

.bookmarks a,
.bookmarks-2 a {
	text-transform: uppercase;
	font-size: 15px;
	font-family: sans-serif
}
.bookmarks-2 a{
	margin: 5px 0;
    background: #c6d2e2;
    color: #000000;
    text-align: left;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 10px;
    transition: all .2s ease-in-out;
    text-decoration: none;
	font-size: 17px;
}
.bookmarks-2 a:hover{
	background: #333;
	color: #fff;
}
.bookmarks-2 h3 {
    margin: 10px 0;
	color: #6b6b6b;
}

span.note {
	position: absolute;
	left: inherit;
	right: 85px;
	top: 0;
	color: #474444
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 300
}

input::placeholder {
	color: #888;
	opacity: 1
}

.recentfontslist:hover {
	border: 1px solid #b4b4b4
}

.recentfontslist:hover p {
	color: #00008b;
	/* transform: scale(1.01); */
}

header {
	width: 100%;
	margin: 0;
background: #34e89e;
background: -webkit-linear-gradient(to right, #1e7395, #34e89e);
background: linear-gradient(to right, #1e7395, #34e89e);
	border-bottom: none;
	float: left;
	position: relative;
}

header .site-title span {
	font-weight: 600;
	letter-spacing: 1px;
	color: #ffffff8c;
	font-size: 12px;
	display: block
}

.settings-share {
	width: 100%;
	margin: auto;
	float: left;
}

.settings-share .containers {
    display: flex;
    justify-content: space-between;
    width: 86%;
    margin: auto;
    float: none;
    padding: 5px 0 2px 0;
}

.menusection {
	width: 33%;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-box-shadow: 8px 0 17px 0 #000;
	-moz-box-shadow: 8px 0 17px 0 rgba(0, 0, 0, .28);
	box-shadow: 8px 0 17px 0 #000;
	padding: 4px;
	display: none;
background: #34e89e;
background: -webkit-linear-gradient(to right, #1e7395, #34e89e);
background: linear-gradient(to right, #1e7395, #34e89e);
	z-index: 9999
}
.menusection img {
    width: 220px;
    height: auto;
}
#random-cloud div,
.bookmarks a,
.cats a,
.links a,
.resp-sharing-button__icon,
.resp-sharing-button__link,
.toplink a {
	display: inline-block
}

#random-cloud div,
.aload,
.mytext,
.recentfontslist {
	position: relative
}

.menusection .close {
	position: absolute;
	left: -45px;
	top: 10px;
	font-size: 18px;
	padding: 10px 17px;
	border: none;
	background: #13d213;
	color: #fff;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	z-index: 3
}

.menusection h2 a {
	font-size: 18px;
	margin: 0 0 3px;
	text-transform: capitalize
}

.bookmarks{
	padding: 5px;
	width: 100%;
	overflow-y: scroll;
	height: 80%
}
.bookmarks h3 {
    text-align: left;
    padding: 10px 5px;
    margin: 0;
    text-transform: uppercase;
}

.bookmarks a {
	width: 100%;
	text-align: left;
	color: #4682b4;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 17px;
}

.bookmarks a:hover {
	background: #05a82e;
	color: #fff
}

#random-cloud div:hover,
.menusection .bookmarks a:hover,
.toplink a:hover {
	background: #fff;
	color: #000
}

.bookmarks-2 {
    width: 100%;
    float: left;
    margin-right: 3%;
}

.resp-sharing-button--email,
.resp-sharing-button--facebook,
.resp-sharing-button--pinterest,
.resp-sharing-button--telegram,
.resp-sharing-button--tumblr,
.resp-sharing-button--twitter,
.resp-sharing-button--whatsapp {
	background-color: #2ec49c;
}

.menusection .bookmarks a {
	color: #ffffffb5
}

.cats {
    float: left;
}
.cats a {
	width: auto;
	font-size: 14px;
	border: 1px solid;
	margin: 4px 3px;
	color: #fff;
	background: darkgreen
}

.mytext p,
h4 {
	color: #777
}
header .container{
	padding: 8px 25px 25px;
	width: 70%;
}
header h2 {
    width: 100%;
	color: #fff;
	letter-spacing: 0.6px;
    font-size: 35px;
	float: left;
	padding: 5px 0;
	font-family: fantasy;
}
h2 span{
	display: block;
	letter-spacing: 0.3px;
	font-size: 33px;

}
header p {
    text-align: left;
    float: left;
    color: #1a1a1a;
    margin: 0;
    letter-spacing: 0.3px;
}
header img {
    display: block;
    margin: auto;
	width: 280px;
	height: auto;
	float: left;
	margin-left: -20px;
}

.site-title img {
	width: 200px;
	padding-top: 7px
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	margin: 1px
}

.resp-sharing-button {
	/* border-radius: 50%; */
	transition: 25ms ease-out;
	padding: .3em .55em;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 17px;
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: .4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}

.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button--twitter:hover {
	background-color: #2795e9
}

.resp-sharing-button--pinterest:hover {
	background-color: #dc143c
}

.resp-sharing-button--tumblr:hover {
	background-color: #4682b4
}

.resp-sharing-button--facebook:hover {
	background-color: #2d4373
}

.resp-sharing-button--email:hover {
	background-color: #5e5e5e
}

.resp-sharing-button--whatsapp:hover {
	background-color: #1da851
}

.resp-sharing-button--telegram:hover {
	background-color: #4b97d1
}

.containers {
    width: 100%;
    margin: 0 auto;
    float: right;
	position: relative;
}

h2 {
	color: #6b6b6b;
	width: 100%;
	font-size: 17px;
	margin: 0;
	text-align: left;
	padding: 10px 5px;
	border-radius: 10px
}
.random-text {
    position: relative;
    float: left;
}
.random-text {
    font-family: Arial Unicode MS, lucida grande, tahoma, verdana, arial, sans-serif;
    height: 120px;
    border-top: none;
    border-bottom: none;
    position: relative;
    width: 100%;
    overflow: auto;
    text-align: center;
    margin-top: 10px;
}

#mytext,
h1 {
	font-family: sans-serif
}

#random-cloud div {
	padding: 10px;
	border-radius: 10px;
	cursor: pointer;
	border: 1px solid transparent;
	color: #444
}

#random-cloud div:hover {
	border: 1px solid #ececec
}

#random-cloud button {
	top: -5px !important;
	right: -15px !important;
	padding: 3px 8px !important
}

#random-cloud .size10 {
	font-size: 35px
}

#random-cloud .size9 {
	font-size: 32px
}

#random-cloud .size8 {
	font-size: 29px
}

#random-cloud .size7 {
	font-size: 26px
}

#random-cloud .size6 {
	font-size: 25px
}

#mytext,
#random-cloud .size5 {
	font-size: 22px
}

#random-cloud .size4 {
	font-size: 19px
}

#random-cloud .size3 {
	font-size: 16px
}

#random-cloud .size2 {
	font-size: 14px
}

#random-cloud .size1 {
	font-size: 13px
}

.ads {
	display: table !important;
	margin: 5px 0 !important;
	clear: both;
	width: 100% !important
}

#mobile-fly-menu {
	display: block;
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 40px;
	top: 10px;
	right: 0;
}

#mobile-fly-menu:hover span,
#mytext,
.links,
.recentfontslist {
	background: #fff
}

#mobile-fly-menu span:first-child {
	top: 10px;
	width: 36px
}

#mobile-fly-menu span:nth-child(2) {
	top: 19px;
	width: 31px
}

#mobile-fly-menu span:nth-child(3) {
	top: 28px;
	width: 25px
}

#mobile-fly-menu span {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	display: block;
	position: absolute;
	right: 12px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	height: 4px;
	background: #ffffffd4;
}

.mytext {
    width: 100%;
    padding: 5px 0 3px 0;
    float: left;
    margin: -1.5rem 0 0 0;
}
.mytext .containers {
    float: none;
    width: 86%;
}

.mytext .clear {
	position: absolute;
	right: 26px;
	color: #de0707;
	font-size: 20px;
	padding: 5px 15px;
	line-height: 1.5;
	background: 0 0;
	border: none;
	z-index: 999;
	cursor: pointer;
	top: 3px;
	outline: 0
}

.mytext .clear:hover,
.top-link a:hover {
	color: #000
}

.mytext p {
	font-size: 12px;
	padding: 0;
	margin: 5px 0 0
}

.fix.fixedtop {
	position: fixed !important; 
    top: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    margin: auto;
}
.containers.fix.fixedtop #mytext{
	background: #fff;
}
.count {
    display: flex;
    /* padding: 0px 10px 3px 10px; */
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 5px;
    opacity: 0.6;
}

.count p {
    color: black;
    margin: 0 5px;
    font-size: 13.5px;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}
.share-buttons span {
	padding: 8px 0;
	font-size: 14px;
	float: left;
	color: #ffffff80
}

.font-size span,
.share-link {
	color: #ffffff82;
	font-size: 13px
}

.settings input {
	box-shadow: none;
	cursor: pointer;
	padding: 2px;
	width: 200px
}

.font-size {
	padding: 5px
}

.share-link {
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0
}

.slider {
	-webkit-appearance: none;
	width: 220px;
	height: 2px;
	background: black;
	outline: 0;
	border-radius: 3px;
	margin-left: 10px
}

.links,
.loadmore,
.page-load-status,
.recentfontslist,
.recentfontslistmain,
footer,
h4,
p.aryapage {
	float: left;
	width: 100%
}
p.aryapage {
    margin: 0;
    padding: 0;
}

.slider:hover {
	opacity: 1
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 1px 2px 4px 0 #000
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 50%;
	box-shadow: 1px 2px 4px 0 #000
}

.recentfontslistmain,
.mains {
	background: #f3fcff;
}

.recentfonts,
.recentfontslistlist {
	display: block;
	float: left;
	text-align: left;
	width: 100%;
	position: relative
}
.recentfonts {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.recentfonts .recentfontslist {
    float: none;
    display: flex;
    padding: 20px 0px 4px 0px;
    flex-grow: 1;
    overflow: auto;
    width: 220px;
	margin: 5px;
}
.recentfonts .namefont {
    /* display: none; */
}
.recentfonts .recentfontslist p {
    text-align: center;
	width: 100%;
}

#load-more,
#mytext,
.links,
.links a,
.page-load-status,
footer,
h1,
p.loadmore,
p.other-platform {
	text-align: center
}
footer .containers {
    float: none;
}

.data,
.site-link a,
footer p,
h4 {
	text-align: left
}

.recentfontslistmain {
    position: relative;
}
.recentfontslist {
    cursor: pointer;
    margin: 5px 0;
    padding: 25px 0 0 12px;
    position: relative;
    border: 1px solid #fff;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    float: left;
    width: 100%;
    border-radius: 5px;
}

.recentfontslist span {
    color: #fff;
	background: #2ec49c;
    position: absolute;
    top: 5px;
    padding: 0px 11px;
    left: 5px;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 5px;
}
.recentfontslist p {
    margin: 0;
    padding: 5px 2px;
    font-size: 20px;
    text-align: left;
    color: #444;
    border-radius: 5px;
	overflow: auto;
}
#random-cloud button,
.recentfontslist button,
.share-link button {
	position: absolute;
	top: 5px;
	right: 0;
	background: #fff;
	border: 1px solid #3e5b9b1f;
	color: #444;
	font-size: 13px;
	padding: 2px 10px;
	border-radius: 50px;
	font-variant-caps: all-small-caps;
	letter-spacing: 1px;
	-webkit-transition: margin-right .3s cubic-bezier(.23, 1, .32, 1);
	-o-transition: margin-right .3s cubic-bezier(.23, 1, .32, 1);
	transition: margin-right .3s cubic-bezier(.23, 1, .32, 1)
}

p.loadmore {
	clear: both;
	margin-bottom: 0
}

h4 {
	backface-visibility: hidden;
	margin: 0;
	padding: 10px
}

.share {
	padding-top: 15px;
	display: block;
	float: left;
	color: #ffffff70;
	margin-right: 5px;
	font-size: 12px
}

#mytext {
    width: 100%;
    height: 75px;
    padding: .3em 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    border-radius: 16px;
    letter-spacing: .02em;
    line-height: 1.4;
    margin: auto;
    display: block;
    letter-spacing: 1px;
    background: #fff;
    font-size: 18px;
}

.links a,
.toplink a {
	border-radius: 3px
}

#mytext::placeholder {
	color: #999;
	font-size: 18px
}

.toplink {
	float: left;
	margin-left: 5px
}

.toplink a {
	padding: 7px 15px;
	color: #0d67ce;
	font-size: 14px;
	background: #023c80
}

.links a,
.links a:hover,
footer,
footer a {
	color: #fff
}

.page-load-status {
    color: #3b3b3b;
    background: #f3fcff;
}

.infinite-scroll-last {
	font-size: 20px;
	margin: 2px 0;
	padding: 2px 0
}

a.aryapage-next {
	visibility: hidden
}
footer {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 50px;
}
.description p {
    font-size: 18px;
    text-align: center;
}
.copyright-area {
    background: black;
}
.data {
    width: 90%;
    margin: auto;
	color: black;
}
.data p{
	font-size: 17px;
}
.data li{
	line-height: 2;
}
.data li a{
	color: black;
}

footer h2,
footer h3,
footer h4 {
	color: black;
	text-transform: capitalize;
	font-size: 23px
}
h1 {
    color: #fff;
    float: left;
    margin: auto;
    font-weight: 800;
	font-size: 36px;
}
footer h1{
	color: black;
}
footer img {
    max-width: 80%;
    border: 2px solid #fff;
	height: auto;
}
img.mobile {
    max-width: 340px !important;
	margin: 10px auto;
}

img.example {
	width: 320px
}

.data h2,
.data h3,
.data h4 {
	padding-left: 0
}

p.other-platform img {
	width: auto;
	height: 90px
}

.links {
    background: transparent;
    display: block;
    margin: 10px 0;
    text-align: left;
}

.links a {
    background: #405de6;
    font-size: 17px;
    cursor: pointer;
    justify-content: center;
    padding: 7px 13px;
    display: inline-block;
    margin: 5px 0px;
    border-radius: 10px;
    color: #fff !important;
}

.links a:hover {
	background: #000
}

.aload {
	font-size: 20px;
	width: 4em;
	height: 1em;
	margin: 15px auto;
}

.aload span {
    display: block;
    width: 1em;
    height: 1em;
    background: #000;
    border: solid 2px #ffffff78;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.aload span:first-child,
.aload span:nth-child(2) {
	left: 0
}

.aload span:nth-child(3) {
	left: 1.5em
}

@keyframes reveal {
	from {
		transform: scale(.001)
	}

	to {
		transform: scale(1)
	}
}

@keyframes slide {
	to {
		transform: translateX(1.5em)
	}
}

.aload span:first-child {
	animation-name: reveal
}

.aload span:nth-child(2),
.aload span:nth-child(3) {
	animation-name: slide
}

.aload span:nth-child(4) {
	left: 3em;
	animation-name: reveal;
	animation-direction: reverse
}

#load-more {
	font-size: 17px;
	padding: 10px 55px;
	border: 1px solid #dcdcdc;
	color: #444;
	margin: 10px 0 5px;
	cursor: pointer;
	background: #e3e3e3;
	outline: 0;
	border-radius: 10px
}

#load-more:hover {
	background: #f1f1f1;
	color: #000
}

#scroll,
.randomgen {
	display: none;
	position: fixed;
	bottom: 15%;
	right: 0;
	background: #fff;
	z-index: 9;
	color: #8e8e8e;
	font-size: 20px;
	border: none;
	outline: 0;
	cursor: pointer;
	padding: 11px 11px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .21);
	border-radius: 2px
}

.randomgen,
.site-link {
	position: absolute;
	right: 0
}

.randomgen {
    display: block;
    float: right;
    background: #fff;
    bottom: auto;
    position: sticky;
	top: 0;
	padding: 9px;
}
.randomgen i, #scroll i{
	color: black;
}
#scroll:hover i, .randomgen:hover i{
	color: #fff;
}

#scroll:hover,
.randomgen:hover {
	color: #fff;
	background: grey
}

.site-link {
	left: 0;
	bottom: 0;
	padding-bottom: 20px
}

.site-link a {
	font-size: 20px;
	display: block;
	padding: 3px 20px
}

.site-link a:hover {
	color: #fff9
}

.top-link a {
	display: inline-block;
	border-radius: 3px;
	color: #444;
	padding: 5px 10px;
	margin: 7px 2px
}

#loader {
	border: 16px solid #f3fcff;
	border-top: 16px solid #3a22bc;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 25%;
	left: 50px;
	z-index: 999;
	animation: .5s linear infinite spin
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}
/*  */
.print-buttons, .share-buttons {
    color: #fff;
    display: flex;
    align-items: center;
}

.sharess {
    background: transparent;
    border: none;
	cursor: pointer;
	color: #fff;
}
.sharess i:before {
    margin: 0;
    font-size: 20px;
}
#clickmodal {
    display: block;
    visibility: hidden;
    z-index: 2147483647!important;
    left: 0;
    top: 16%;
    width: 80%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 -20px 10px 0 rgb(0 0 0/25%);
    -moz-box-shadow: 0 -20px 10px 0 rgba(0,0,0,.25);
    box-shadow: 0 -20px 10px 0 rgb(0 0 0/25%);
    background: #141414;
}
div#clickmodal_header {
    padding: 6px;
}
.clickmodal-header {
    margin-top: 6px;
    margin-bottom: 6px;
    word-wrap: break-word;
    text-align: center;
}
#clickmodal .the_copied_text {
    font-size: 150%;
    padding-top: 10px;
    width: 100%;
    outline: none;
    text-align: center;
    resize: none;
    font-family: -apple-system,BlinkMacSystemFont,sans-serif;
}
div#clickmodal .span-value {
    text-align: center;
    font-size: 17px;
    color: #ffffffed;
    text-transform: uppercase;
}
span.copied-message {
    display: block;
    font-size: 15px;
    color: #fff;
	text-align: center;
}
.clickmodal-footer-close {
    width: 100%;
    border: none;
    background: #17a920;
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    float: left;
}
.close-button{
    border: none;
    position: absolute;
    right: 0;
    display: block;
    background: #21d52c;
    color: #fff;
    font-size: 22px;
    padding: 8px 15px;
    border-radius: 50%;
    cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}
#clock {
	display: none;
  }
  span#seconds {
	position: fixed;
    top: 10px;
    right: 10px;
    font-size: 20px;
    background: red;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-family: sans-serif;
    z-index: 999999;
    padding: 6px 0;
    text-align: center;
}

/* copied show button on mobile */
.recentfontslist button{
    position: absolute;
	top: 5px;
	right: 0;
	background: #fff;
	border: 1px solid #3e5b9b1f;
	color: #444;
	font-size: 13px;
	padding: 2px 10px;
	border-radius: 50px;
	font-variant-caps: all-small-caps;
	letter-spacing: 1px;
	-webkit-transition: margin-right .3s cubic-bezier(.23, 1, .32, 1);
	-o-transition: margin-right .3s cubic-bezier(.23, 1, .32, 1);
	transition: margin-right .3s cubic-bezier(.23, 1, .32, 1);
}
.ads-sec {
    display: block;
    float: left;
    width: 100%;
	text-align: center;
}
p.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 14px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
}

p.accordion.active, p.accordion:hover {
    background-color: #ddd;
}

p.accordion:after {
    content: '\2795'; 
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

p.accordion.active:after {
    content: "\2796"; 
}

div.panel {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:10px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}
/* day and night */
.default-scheme {
	background: #f3fcff;
}

.custom-scheme {
    background-color: #1d1d1d;
    color: white;
}
body.custom-scheme .mytext {
    box-shadow: 1px 2px 4px 0 rgb(86 86 86 / 81%);
}
body.custom-scheme #clickmodal {
    background: gray;
}
body.custom-scheme #random-cloud div, body.custom-scheme header, body.custom-scheme .mytext, body.custom-scheme .settings-share, body.custom-scheme span.toggle-text{
	background: #1d1d1d;
}
body.custom-scheme span.toggle-text{
	border: 1px solid #fff;
	border-radius: 8px 0px 0 8px;
}
body.custom-scheme #random-cloud div{
	color: #b8b8b8;
}
body.custom-scheme .bookmarks-2 a{
	border: 1px solid #fff;
}
body.custom-scheme .recentfontslistmain, body.custom-scheme .mains{
	background: #1d1d1d;
}
body.custom-scheme .bookmarks-2 a {
    background: #1d1d1d;
    color: #fff;
    border: 2px solid;
}
body.custom-scheme .slider{
	background: #fff;
}
body.custom-scheme .resp-sharing-button--email, body.custom-scheme .resp-sharing-button--facebook, body.custom-scheme .resp-sharing-button--pinterest, body.custom-scheme .resp-sharing-button--telegram, body.custom-scheme .resp-sharing-button--tumblr, body.custom-scheme .resp-sharing-button--twitter, body.custom-scheme .resp-sharing-button--whatsapp{
	background-color: #fff;
}
body.custom-scheme .resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle{
	fill: black;
}

.color-switch {
    position: absolute;
    right: 0%;
    display: flex;
    align-items: center;
	z-index: 9;
	padding: 5px 0;
}
.color-switch span {
    color: #6b6b6b;
}

.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slidertoggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 34px;
    transition: background-color 0.4s;
}

.slidertoggle:before {
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    bottom: 4px;
    left: 4px;
    transition: transform 0.4s, background-image 0.4s;
    background-image: url('img/sun.png'); /* Set the default background image to sun.png */
	background-size: cover;
	background-position: center center; /* Center the sun icon */
	cursor: pointer;
}

.switch input:checked + .slidertoggle {
    background-color: #2196F3;
}

.switch input:checked + .slidertoggle:before {
    transform: translateX(35px);
	background-image: url('img/moon.png'); /* Set the background image to moon.png when checked */
	background-position: center center; /* Center the moon icon */
	z-index: 1;
}
.slider-text {
    position: absolute;
    top: 4px;
    font-size: 12px;
    color: white;
    transition: opacity 0.4s;
    opacity: 0;
}
.light-text.active {
    opacity: 1;
}

.dark-text.active {
    opacity: 1;
}

.switch input:checked + .slider {
    background-color: #2196F3;
}

.switch input:checked + .slider:before {
    transform: translateX(26px);
}
span.slider-text.light-text.active {
    top: 8px;
    right: 9px;
    color: black;
}
span.slider-text.dark-text.active {
    left: 9px;
    top: 8px;
	color: #fff;
}
/* symbols */
.main-char {
    float: left;
    width: 100%;
}
.special-charac {
    width: 86%;
    margin: 20px auto;
}
.symbols {
    transition: .1s cubic-bezier(1,0,0,1);
    width: max-content;
    background: #fff;
    display: inline-block;
    color: #090909;
    margin: 6px 5px;
    line-height: 1.4;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    font-family: arial, sans-serif;
    box-shadow: 0 0 15px #e8e8e8;
    border: 1px solid #d7d7d7;
}
.symbols span {
    padding: 8px 20px;
    font-size: 24px;
    display: block;
}
.symbol-list {
    float: left;
    background: #34e89e;
    background: -webkit-linear-gradient(to right, #1e7395, #34e89e);
    background: linear-gradient(to right, #1e7395, #34e89e);
    display: flex;
    white-space: pre;
    overflow: auto;
    width: 100%;
}
.symbol-list a {
    color: #fff;
    font-size: 19px;
    flex: 0 0 auto;
    padding: 7px 13px;
    margin-right: 5px;
}
.symbols button {
    position: absolute;
    top: 0;
    right: 0;
    background: #1f7896;
    border-radius: 10px;
    border: none;
    padding: 2px;
    color: #fff;
}

@media only screen and (max-width:970px) {
	.mytext .containers, .container{
		width: 95%;
		margin: auto 2.5%;
	}
	.menusection {
		width: 42%
	}

	.separator,
	.share input {
		display: none
	}

	.leftsection {
		width: 75%
	}

	#mytext,
	.mytext,
	.rightside,
	.settings-share {
		width: 100%
	}

	.bookmarks-2 {
		padding: 2px 0;
		width: 100%;
		overflow: auto;
		margin-bottom: 15px;
	}
	.containers {
		width: 100%;
	}
	.mains {
		width: 95%;
		float: left;
		margin: auto 2.5%;
	}
	.mytext {
		margin-bottom: 0;
		padding-bottom: 2px;
		left: 0;
		right: 0;
		border: none
	}

	.mytext .clear {
		padding: 7px 15px
	}

	.share_button {
		width: 100%;
		z-index: 99;
background: #34e89e;
background: -webkit-linear-gradient(to right, #1e7395, #34e89e);
background: linear-gradient(to right, #1e7395, #34e89e);
	}

	nav a {
		font-size: 14px
	}

	.insta-profile {
		margin: 20px 16px 15px
	}

	.rightside {
		margin-left: 0
	}

	footer img {
		max-width: 90% !important
	}
}

@media only screen and (max-width:630px) {
	.special-charac {
		width: 100%;
	}
	#clickmodal {
		width: 100%;
	}
	header .container{
		width: 98%;
		padding: 5px 10px 25px;
	}
	header h2 {
		font-size: 32px;
	}
	h2 span{
		font-size: 30px;
	}
	.count p {
		font-size: 13px;
	}
	.recentfonts .recentfontslist {
		width: 100%;
	}
	.stickymenu {
		bottom: 35%;
	}
	.stickymenu a {
		font-size: 14px;
	}
	.mytext .containers, .container {
		width: 100%;
		margin: auto;
	}
	a.icon-share {
		display: block;
	}
	.popup {
		top: 70%;
		width: 285px;
	}
	.resp-sharing-button {
		font-size: 16.5px;
	}
	#mobile-fly-menu {
		top: 5px;
	}
	#mobile-fly-menu span {
		left: 8px;
	}
	header img{
		width: 270px;
		height: auto;
	}
	.bookmarks-2 a{
		font-size: 15px;
	}
	#clickmodal_header .share-buttons {
		width: 100%;
		justify-content: center;
	}
	.print-buttons {
    width: 100%;
    justify-content: center;
    padding-top: 10px;
}
	.data {
		width: 100%;
	}

	#mytext,
	#random-cloud,
	header {
		border: none
	}

	.containers,
	body {
		width: 100%
	}

	.mytext .clear {
		right: 0;
		font-size: 17px;
	}

	footer {
		padding: 10px
	}

	.menusection h2 a {
		font-size: 14px
	}

	.menusection {
		width: 70%
	}

	.resp-sharing-button__link {
		margin: 2px;
		float: left
	}

	.recentfontslistmain,
	.mains {
		padding: 2px;
		width: 100%;
		margin: auto;
	}

	.random-text {
		height: 130px;
		margin: 0;
		padding: 0;
		padding-top: 5px;
		bottom: 0;
	}

	.recentfontslist {
		width: 100%;
		margin: 0.5%;
	}

	.recentfontslist div {
		padding: 0
	}

	.settings-share .containers {
		width: 100%;
	}

	span.note {
		left: 10px;
		font-size: 12px
	}

	.settings input {
		width: 150px
	}

	.share_button {
		width: 100%;
		margin-top: 5px
	}

	.share_button span {
		float: none
	}

	.share-buttons span {
		display: none
	}

	.share-link {
		padding: 5px
	}

	.site-info {
		padding: 0 5px
	}

	p.copied {
		width: 50%
	}

	#mytext {
		font-size: 16px;
		padding: .5em 0;
	}

	.site-title a {
		font-size: 17px
	}

	.randomgen {
		padding: 10px 10px 8px;
		position: sticky;
		top: 0;
	}

	#scroll {
		padding: 10px;
	}

	h1 {
		font-size: 1.9em;
	}

	footer h2 {
		font-size: 1.4em
	}

	.recentfontslistlist h2 {
		font-size: 16px;
		margin: 0
	}

	.share {
		margin-left: 10px;
		padding-top: 7px
	}

	footer img {
		max-width: 100% !important;
		height: auto;
	}
}