@font-face {
  font-family: 'fontello';
  src: url(data:application/vnd.ms-fontobject;base64,[encoded data, 8616 characters]);
  src: url(data:application/vnd.ms-fontobject;base64,[encoded data, 8616 characters]#iefix) format('embedded-opentype'),
       url(data:font/woff2;base64,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) format('woff2'),
       url(data:font/woff;base64,[encoded data, 4908 characters]) format('woff'),
       url(data:font/ttf;base64,[encoded data, 8392 characters]) format('truetype'),
       url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5Db3B5cmlnaHQgKEMpIDIwMjEgYnkgb3JpZ2luYWwgYXV0aG9ycyBAIGZvbnRlbGxvLmNvbTwvbWV0YWRhdGE+CjxkZWZzPgo8Zm9udCBpZD0iZm9udGVsbG8iIGhvcml6LWFkdi14PSIxMDAwIiA+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9ImZvbnRlbGxvIiBmb250LXdlaWdodD0iNDAwIiBmb250LXN0cmV0Y2g9Im5vcm1hbCIgdW5pdHMtcGVyLWVtPSIxMDAwIiBhc2NlbnQ9Ijg1MCIgZGVzY2VudD0iLTE1MCIgLz4KPG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjEwMDAiIC8+CjxnbHlwaCBnbHlwaC1uYW1lPSJjYW5jZWwiIHVuaWNvZGU9IiYjeGU4MDA7IiBkPSJNMCA5MHEwIDM2IDI2IDYybDE5NSAxOTUtMTk1IDE5NnEtMjYgMjUtMjYgNjF0MjYgNjEgNjEgMjUgNjEtMjVsMTk2LTE5NiAxOTUgMTk2cTI1IDI1IDYxIDI1dDYxLTI1IDI1LTYxLTI1LTYxbC0xOTUtMTk2IDE5NS0xOTVxMjUtMjYgMjUtNjJ0LTI1LTYxcS0yNS0yNS02MS0yNXQtNjEgMjVsLTE5NSAxOTUtMTk2LTE5NXEtMjUtMjUtNjEtMjV0LTYxIDI1cS0yNiAyNi0yNiA2MXoiIGhvcml6LWFkdi14PSI2ODYuNSIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJjbG9jayIgdW5pY29kZT0iJiN4ZTgwNDsiIGQ9Ik00NjAgODEwcTE5MCAwIDMyNS0xMzV0MTM1LTMyNS0xMzUtMzI1LTMyNS0xMzUtMzI1IDEzNS0xMzUgMzI1IDEzNSAzMjUgMzI1IDEzNXogbTAtODIwcTE1MCAwIDI1NSAxMDZ0MTA1IDI1NHEwIDE1MC0xMDUgMjU1dC0yNTUgMTA1cS0xNDggMC0yNTQtMTA1dC0xMDYtMjU1cTAtMTQ4IDEwNi0yNTR0MjU0LTEwNnogbTM2IDYyMGwwLTI0NCAxNTAtMTUwLTUwLTUwLTE3MCAxNzAgMCAyNzQgNzAgMHoiIGhvcml6LWFkdi14PSI5MjAiIC8+Cgo8Z2x5cGggZ2x5cGgtbmFtZT0iZG93bmxvYWQtY2xvdWQiIHVuaWNvZGU9IiYjeGYwZWQ7IiBkPSJNNzE0IDMzMnEwIDgtNSAxM3QtMTMgNWgtMTI1djE5NnEwIDgtNSAxM3QtMTIgNWgtMTA4cS03IDAtMTItNXQtNS0xM3YtMTk2aC0xMjVxLTggMC0xMy01dC01LTEzcTAtOCA1LTEzbDE5Ni0xOTZxNS01IDEzLTV0MTMgNWwxOTYgMTk2cTUgNiA1IDEzeiBtMzU3LTEyNXEwLTg5LTYyLTE1MXQtMTUyLTYzaC02MDdxLTEwMyAwLTE3NyA3M3QtNzMgMTc3cTAgNzIgMzkgMTM0dDEwNSA5MnEtMSAxNy0xIDI0IDAgMTE4IDg0IDIwMnQyMDIgODRxODcgMCAxNTktNDl0MTA1LTEyOXE0MCAzNSA5MyAzNSA1OSAwIDEwMS00MnQ0Mi0xMDFxMC00My0yMy03NyA3Mi0xNyAxMTktNzZ0NDYtMTMzeiIgaG9yaXotYWR2LXg9IjEwNzEuNCIgLz4KCjxnbHlwaCBnbHlwaC1uYW1lPSJvay1zcXVhcmVkIiB1bmljb2RlPSImI3hmMTRhOyIgZD0iTTM4MiAxMjVsMzQzIDM0M3ExMSAxMCAxMSAyNXQtMTEgMjVsLTU3IDU3cS0xMSAxMS0yNSAxMXQtMjUtMTFsLTI2MS0yNjEtMTE4IDExOHEtMTAgMTEtMjUgMTF0LTI1LTExbC01Ny01N3EtMTAtMTAtMTAtMjV0MTAtMjVsMjAwLTIwMHExMS0xMCAyNS0xMHQyNSAxMHogbTQ3NSA0OTN2LTUzNnEwLTY2LTQ3LTExM3QtMTE0LTQ4aC01MzVxLTY3IDAtMTE0IDQ4dC00NyAxMTN2NTM2cTAgNjYgNDcgMTEzdDExNCA0OGg1MzVxNjcgMCAxMTQtNDh0NDctMTEzeiIgaG9yaXotYWR2LXg9Ijg1Ny4xIiAvPgo8L2ZvbnQ+CjwvZGVmcz4KPC9zdmc+#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?35911474#fontello') format('svg');
  }
}
*/
 
 [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-cancel:before { content: '\e800'; } /* '' */
.icon-clock:before { content: '\e804'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
/* SVG from Simple Icons https://github.com/simple-icons/simple-icons */

[class^="simpleicon-"],
[class*=" simpleicon-"] {
    position: relative;
    padding-left: 1.6em;
}

[class^="simpleicon-"]:before,
[class*=" simpleicon-"]:before {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 1.2em;
    height: 1.2em;
    margin-right: .2em;
    text-align: center;
    line-height: 0;
    margin-left: .2em;
    padding-top: 0.1em;
}

.simpleicon-youtube:before {
    content: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+WW91VHViZSBpY29uPC90aXRsZT48cGF0aCBmaWxsPSIjRkYwMDAwIiBkPSJNMjMuNDk4IDYuMTg2YTMuMDE2IDMuMDE2IDAgMCAwLTIuMTIyLTIuMTM2QzE5LjUwNSAzLjU0NSAxMiAzLjU0NSAxMiAzLjU0NXMtNy41MDUgMC05LjM3Ny41MDVBMy4wMTcgMy4wMTcgMCAwIDAgLjUwMiA2LjE4NkMwIDguMDcgMCAxMiAwIDEyczAgMy45My41MDIgNS44MTRhMy4wMTYgMy4wMTYgMCAwIDAgMi4xMjIgMi4xMzZjMS44NzEuNTA1IDkuMzc2LjUwNSA5LjM3Ni41MDVzNy41MDUgMCA5LjM3Ny0uNTA1YTMuMDE1IDMuMDE1IDAgMCAwIDIuMTIyLTIuMTM2QzI0IDE1LjkzIDI0IDEyIDI0IDEyczAtMy45My0uNTAyLTUuODE0ek05LjU0NSAxNS41NjhWOC40MzJMMTUuODE4IDEybC02LjI3MyAzLjU2OHoiLz48L3N2Zz4=);
}

.simpleicon-steam:before {
    content: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U3RlYW0gaWNvbjwvdGl0bGU+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTExLjk3OSAwQzUuNjc4IDAgLjUxMSA0Ljg2LjAyMiAxMS4wMzdsNi40MzIgMi42NThjLjU0NS0uMzcxIDEuMjAzLS41OSAxLjkxMi0uNTkuMDYzIDAgLjEyNS4wMDQuMTg4LjAwNmwyLjg2MS00LjE0MlY4LjkxYzAtMi40OTUgMi4wMjgtNC41MjQgNC41MjQtNC41MjQgMi40OTQgMCA0LjUyNCAyLjAzMSA0LjUyNCA0LjUyN3MtMi4wMyA0LjUyNS00LjUyNCA0LjUyNWgtLjEwNWwtNC4wNzYgMi45MTFjMCAuMDUyLjAwNC4xMDUuMDA0LjE1OSAwIDEuODc1LTEuNTE1IDMuMzk2LTMuMzkgMy4zOTYtMS42MzUgMC0zLjAxNi0xLjE3My0zLjMzMS0yLjcyN0wuNDM2IDE1LjI3QzEuODYyIDIwLjMwNyA2LjQ4NiAyNCAxMS45NzkgMjRjNi42MjcgMCAxMS45OTktNS4zNzMgMTEuOTk5LTEyUzE4LjYwNSAwIDExLjk3OSAwek03LjU0IDE4LjIxbC0xLjQ3My0uNjFjLjI2Mi41NDMuNzE0Ljk5OSAxLjMxNCAxLjI1IDEuMjk3LjUzOSAyLjc5My0uMDc2IDMuMzMyLTEuMzc1LjI2My0uNjMuMjY0LTEuMzE5LjAwNS0xLjk0OXMtLjc1LTEuMTIxLTEuMzc3LTEuMzgzYy0uNjI0LS4yNi0xLjI5LS4yNDktMS44NzgtLjAzbDEuNTIzLjYzYy45NTYuNCAxLjQwOSAxLjUgMS4wMDkgMi40NTUtLjM5Ny45NTctMS40OTcgMS40MS0yLjQ1NCAxLjAxMkg3LjU0em0xMS40MTUtOS4zMDNjMC0xLjY2Mi0xLjM1My0zLjAxNS0zLjAxNS0zLjAxNS0xLjY2NSAwLTMuMDE1IDEuMzUzLTMuMDE1IDMuMDE1IDAgMS42NjUgMS4zNSAzLjAxNSAzLjAxNSAzLjAxNSAxLjY2MyAwIDMuMDE1LTEuMzUgMy4wMTUtMy4wMTV6bS01LjI3My0uMDA1YzAtMS4yNTIgMS4wMTMtMi4yNjYgMi4yNjUtMi4yNjYgMS4yNDkgMCAyLjI2NiAxLjAxNCAyLjI2NiAyLjI2NiAwIDEuMjUxLTEuMDE3IDIuMjY1LTIuMjY2IDIuMjY1LTEuMjUzIDAtMi4yNjUtMS4wMTQtMi4yNjUtMi4yNjV6Ii8+PC9zdmc+);
}

.simpleicon-paypal:before {
    content: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+UGF5UGFsIGljb248L3RpdGxlPjxwYXRoIGZpbGw9IiMwMDljZGUiIGQ9Ik02LjkwOCAyNEgzLjgwNGMtLjY2NCAwLTEuMDg2LS41MjktLjkzNi0xLjE4bC4xNDktLjY3NGgyLjA3MWMuNjY2IDAgMS4zMzYtLjUzMyAxLjQ4Mi0xLjE4MmwxLjA2NC00LjU5MmMuMTUtLjY0OC44MTYtMS4xOCAxLjQ4LTEuMThoLjg4M2MzLjc4OSAwIDYuNzM0LS43NzkgOC44NC0yLjM0czMuMTYtMy42IDMuMTYtNi4xMzVjMC0xLjEyNS0uMTk1LTIuMDU1LS41ODgtMi43ODkgMC0uMDE2LS4wMTYtLjAzMS0uMDE2LS4wNDZsLjEzNS4wNzVjLjc1LjQ2NSAxLjMyIDEuMDY0IDEuNzExIDEuODE0LjQwNC43NS41OTggMS42OC41OTggMi43OTEgMCAyLjUzNS0xLjA0OSA0LjU3NC0zLjE2NCA2LjEzNS0yLjEgMS41NDUtNS4wNTUgMi4zMjQtOC44MzQgMi4zMjRoLS45Yy0uNjYgMC0xLjMzNC41MjUtMS40ODQgMS4xODZMOC4zOSAyMi44MTJjLS4xNDkuNjQ1LS44MSAxLjE3LTEuNDcgMS4xN0w2LjkwOCAyNHptLTIuNjc3LTIuNjk1SDEuMTI2Yy0uNjYzIDAtMS4wODQtLjUyOS0uOTM2LTEuMThMNC41NjMgMS4xODJDNC43MTQuNTI5IDUuMzc4IDAgNi4wNDQgMGg2LjQ2NWMxLjM5NSAwIDIuNjA5LjA5OCAzLjY0OC4yODkgMS4wMzUuMTg5IDEuOTIuNTE5IDIuNjg0Ljk5LjczNi40NjUgMS4zMjIgMS4wNzIgMS42OTcgMS44MTguMzg5Ljc0OC41ODQgMS42OC41ODQgMi43OTcgMCAyLjUzNS0xLjA1MSA0LjU3NC0zLjE2NCA2LjExOS0yLjEgMS41NjEtNS4wNTYgMi4zMjYtOC44MzYgMi4zMjZoLS44ODNjLS42NiAwLTEuMzI4LjUyNC0xLjQ3OCAxLjE2OUw1LjcgMjAuMDk3Yy0uMTQ5LjY0Ni0uODE3IDEuMTcyLTEuNDg1IDEuMTcybC4wMTYuMDM2em03LjQ0Ni0xNy4zNjloLTEuMDE0Yy0uNjY2IDAtMS4zMzIuNTI5LTEuNDggMS4xNzhsLS45MyA0LjAyYy0uMTUuNjQ4LjI3IDEuMTc5LjkzIDEuMTc5aC43NjZjMS42NjQgMCAyLjk3LS4zNDMgMy45LTEuMDIxLjkyOS0uNjg2IDEuMzk1LTEuNjU0IDEuMzk1LTIuOTEyIDAtLjgzLS4zMDEtMS40NDUtLjktMS44NC0uNi0uNDA0LTEuNS0uNjA1LTIuNjg2LS42MDVsLjAxOS4wMDF6Ii8+PC9zdmc+);
}

.simpleicon-github:before {
    content: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R2l0SHViIGljb248L3RpdGxlPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMiAuMjk3Yy02LjYzIDAtMTIgNS4zNzMtMTIgMTIgMCA1LjMwMyAzLjQzOCA5LjggOC4yMDUgMTEuMzg1LjYuMTEzLjgyLS4yNTguODItLjU3NyAwLS4yODUtLjAxLTEuMDQtLjAxNS0yLjA0LTMuMzM4LjcyNC00LjA0Mi0xLjYxLTQuMDQyLTEuNjFDNC40MjIgMTguMDcgMy42MzMgMTcuNyAzLjYzMyAxNy43Yy0xLjA4Ny0uNzQ0LjA4NC0uNzI5LjA4NC0uNzI5IDEuMjA1LjA4NCAxLjgzOCAxLjIzNiAxLjgzOCAxLjIzNiAxLjA3IDEuODM1IDIuODA5IDEuMzA1IDMuNDk1Ljk5OC4xMDgtLjc3Ni40MTctMS4zMDUuNzYtMS42MDUtMi42NjUtLjMtNS40NjYtMS4zMzItNS40NjYtNS45MyAwLTEuMzEuNDY1LTIuMzggMS4yMzUtMy4yMi0uMTM1LS4zMDMtLjU0LTEuNTIzLjEwNS0zLjE3NiAwIDAgMS4wMDUtLjMyMiAzLjMgMS4yMy45Ni0uMjY3IDEuOTgtLjM5OSAzLS40MDUgMS4wMi4wMDYgMi4wNC4xMzggMyAuNDA1IDIuMjgtMS41NTIgMy4yODUtMS4yMyAzLjI4NS0xLjIzLjY0NSAxLjY1My4yNCAyLjg3My4xMiAzLjE3Ni43NjUuODQgMS4yMyAxLjkxIDEuMjMgMy4yMiAwIDQuNjEtMi44MDUgNS42MjUtNS40NzUgNS45Mi40Mi4zNi44MSAxLjA5Ni44MSAyLjIyIDAgMS42MDYtLjAxNSAyLjg5Ni0uMDE1IDMuMjg2IDAgLjMxNS4yMS42OS44MjUuNTdDMjAuNTY1IDIyLjA5MiAyNCAxNy41OTIgMjQgMTIuMjk3YzAtNi42MjctNS4zNzMtMTItMTItMTIiLz48L3N2Zz4=);
}

.simpleicon-instagram:before {
    content: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+SW5zdGFncmFtIGljb248L3RpdGxlPjxwYXRoIGZpbGw9IiNFNDQwNUYiIGQ9Ik0xMiAwQzguNzQgMCA4LjMzMy4wMTUgNy4wNTMuMDcyIDUuNzc1LjEzMiA0LjkwNS4zMzMgNC4xNC42M2MtLjc4OS4zMDYtMS40NTkuNzE3LTIuMTI2IDEuMzg0Uy45MzUgMy4zNS42MyA0LjE0Qy4zMzMgNC45MDUuMTMxIDUuNzc1LjA3MiA3LjA1My4wMTIgOC4zMzMgMCA4Ljc0IDAgMTJzLjAxNSAzLjY2Ny4wNzIgNC45NDdjLjA2IDEuMjc3LjI2MSAyLjE0OC41NTggMi45MTMuMzA2Ljc4OC43MTcgMS40NTkgMS4zODQgMi4xMjYuNjY3LjY2NiAxLjMzNiAxLjA3OSAyLjEyNiAxLjM4NC43NjYuMjk2IDEuNjM2LjQ5OSAyLjkxMy41NThDOC4zMzMgMjMuOTg4IDguNzQgMjQgMTIgMjRzMy42NjctLjAxNSA0Ljk0Ny0uMDcyYzEuMjc3LS4wNiAyLjE0OC0uMjYyIDIuOTEzLS41NTguNzg4LS4zMDYgMS40NTktLjcxOCAyLjEyNi0xLjM4NC42NjYtLjY2NyAxLjA3OS0xLjMzNSAxLjM4NC0yLjEyNi4yOTYtLjc2NS40OTktMS42MzYuNTU4LTIuOTEzLjA2LTEuMjguMDcyLTEuNjg3LjA3Mi00Ljk0N3MtLjAxNS0zLjY2Ny0uMDcyLTQuOTQ3Yy0uMDYtMS4yNzctLjI2Mi0yLjE0OS0uNTU4LTIuOTEzLS4zMDYtLjc4OS0uNzE4LTEuNDU5LTEuMzg0LTIuMTI2QzIxLjMxOSAxLjM0NyAyMC42NTEuOTM1IDE5Ljg2LjYzYy0uNzY1LS4yOTctMS42MzYtLjQ5OS0yLjkxMy0uNTU4QzE1LjY2Ny4wMTIgMTUuMjYgMCAxMiAwem0wIDIuMTZjMy4yMDMgMCAzLjU4NS4wMTYgNC44NS4wNzEgMS4xNy4wNTUgMS44MDUuMjQ5IDIuMjI3LjQxNS41NjIuMjE3Ljk2LjQ3NyAxLjM4Mi44OTYuNDE5LjQyLjY3OS44MTkuODk2IDEuMzgxLjE2NC40MjIuMzYgMS4wNTcuNDEzIDIuMjI3LjA1NyAxLjI2Ni4wNyAxLjY0Ni4wNyA0Ljg1cy0uMDE1IDMuNTg1LS4wNzQgNC44NWMtLjA2MSAxLjE3LS4yNTYgMS44MDUtLjQyMSAyLjIyNy0uMjI0LjU2Mi0uNDc5Ljk2LS44OTkgMS4zODItLjQxOS40MTktLjgyNC42NzktMS4zOC44OTYtLjQyLjE2NC0xLjA2NS4zNi0yLjIzNS40MTMtMS4yNzQuMDU3LTEuNjQ5LjA3LTQuODU5LjA3LTMuMjExIDAtMy41ODYtLjAxNS00Ljg1OS0uMDc0LTEuMTcxLS4wNjEtMS44MTYtLjI1Ni0yLjIzNi0uNDIxLS41NjktLjIyNC0uOTYtLjQ3OS0xLjM3OS0uODk5LS40MjEtLjQxOS0uNjktLjgyNC0uOS0xLjM4LS4xNjUtLjQyLS4zNTktMS4wNjUtLjQyLTIuMjM1LS4wNDUtMS4yNi0uMDYxLTEuNjQ5LS4wNjEtNC44NDQgMC0zLjE5Ni4wMTYtMy41ODYuMDYxLTQuODYxLjA2MS0xLjE3LjI1NS0xLjgxNC40Mi0yLjIzNC4yMS0uNTcuNDc5LS45Ni45LTEuMzgxLjQxOS0uNDE5LjgxLS42ODkgMS4zNzktLjg5OC40Mi0uMTY2IDEuMDUxLS4zNjEgMi4yMjEtLjQyMSAxLjI3NS0uMDQ1IDEuNjUtLjA2IDQuODU5LS4wNmwuMDQ1LjAzem0wIDMuNjc4Yy0zLjQwNSAwLTYuMTYyIDIuNzYtNi4xNjIgNi4xNjIgMCAzLjQwNSAyLjc2IDYuMTYyIDYuMTYyIDYuMTYyIDMuNDA1IDAgNi4xNjItMi43NiA2LjE2Mi02LjE2MiAwLTMuNDA1LTIuNzYtNi4xNjItNi4xNjItNi4xNjJ6TTEyIDE2Yy0yLjIxIDAtNC0xLjc5LTQtNHMxLjc5LTQgNC00IDQgMS43OSA0IDQtMS43OSA0LTQgNHptNy44NDYtMTAuNDA1YzAgLjc5NS0uNjQ2IDEuNDQtMS40NCAxLjQ0LS43OTUgMC0xLjQ0LS42NDYtMS40NC0xLjQ0IDAtLjc5NC42NDYtMS40MzkgMS40NC0xLjQzOS43OTMtLjAwMSAxLjQ0LjY0NSAxLjQ0IDEuNDM5eiIvPjwvc3ZnPg==);
}

.simpleicon-twitter:before {
    content: url(data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+VHdpdHRlciBpY29uPC90aXRsZT48cGF0aCBmaWxsPSIjMURBMUYyIiBkPSJNMjMuOTUzIDQuNTdhMTAgMTAgMCAwMS0yLjgyNS43NzUgNC45NTggNC45NTggMCAwMDIuMTYzLTIuNzIzYy0uOTUxLjU1NS0yLjAwNS45NTktMy4xMjcgMS4xODRhNC45MiA0LjkyIDAgMDAtOC4zODQgNC40ODJDNy42OSA4LjA5NSA0LjA2NyA2LjEzIDEuNjQgMy4xNjJhNC44MjIgNC44MjIgMCAwMC0uNjY2IDIuNDc1YzAgMS43MS44NyAzLjIxMyAyLjE4OCA0LjA5NmE0LjkwNCA0LjkwNCAwIDAxLTIuMjI4LS42MTZ2LjA2YTQuOTIzIDQuOTIzIDAgMDAzLjk0NiA0LjgyNyA0Ljk5NiA0Ljk5NiAwIDAxLTIuMjEyLjA4NSA0LjkzNiA0LjkzNiAwIDAwNC42MDQgMy40MTcgOS44NjcgOS44NjcgMCAwMS02LjEwMiAyLjEwNWMtLjM5IDAtLjc3OS0uMDIzLTEuMTctLjA2N2ExMy45OTUgMTMuOTk1IDAgMDA3LjU1NyAyLjIwOWM5LjA1MyAwIDEzLjk5OC03LjQ5NiAxMy45OTgtMTMuOTg1IDAtLjIxIDAtLjQyLS4wMTUtLjYzQTkuOTM1IDkuOTM1IDAgMDAyNCA0LjU5eiIvPjwvc3ZnPg==);
}
/* Font license info

## Font Awesome

   Copyright (C) 2016 by Dave Gandy

   Author:    Dave Gandy
   License:   SIL ()
   Homepage:  http://fortawesome.github.com/Font-Awesome/


## Entypo

   Copyright (C) 2012 by Daniel Bruce

   Author:    Daniel Bruce
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://www.entypo.com
*/

:root {
    --rt-main: #1e4d6c;
}

html {
    font-size: 17px;
    font-weight: 300;
}

body {
    font-family: 'Heebo', sans-serif;
    color: #fff;
    background-color: #050d19;
    margin: 0;
    overflow: auto;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #1e4d6c;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #2e5d7c;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAACAAQMAAAAMIrp9AAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAABVJREFUeNrlwYEAAAAAgKD9qQepwg0BAAABV4fZxwAAAABJRU5ErkJggg==) repeat-y !important;
}

::-webkit-resizer {
    background-color: #050d19;
    color: #1e4d6c;
}

#background {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(img/e7ea69e5fd6e22b5f29b.jpg);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 1;
}

#content {
    max-width: 550px;
    margin: 0 auto;
    padding: 0 .6rem;
    position: relative;
    z-index: 1000;
}

b {
    font-weight: 500;
    color: #aac7d4;
}

p {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

del {
    text-decoration: none;
    opacity: 0.5;
}

strong {
    font-weight: 700;
}

h1 {
    font-size: 1.7rem;
    color: #d9f3ff;
    margin: 0.6rem 0;
}

#h1-title {
    text-align: center;
}

h2 {
    text-align: center;
    margin: 0.6rem 0;
    color: rgba(231, 251, 255, 0.6);
    font-weight: 700;
}

h6 {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0.6rem 0;
    color: rgba(231, 251, 255, 0.6);
}

.hall-of-fame {
    color: rgba(0, 255, 220, 0.6);
}

#hk-hints {
    border: 0.2rem solid rgba(231, 251, 255, 0.33);
    border-radius: 1rem;
    border-style: double;
    padding: 1.3rem;
    margin: 1.3rem;
}

#h2-hk-hints {
    margin-top: 0;
    color: rgba(255, 255, 255, 1.0);
    font-weight: 400;
    text-align: left;
}

.section-description {
    text-align: center;
    font-size: 0.8rem;
    margin: 0 1.3rem 1.3rem 1.3rem;
    color: rgba(129, 221, 224, 0.85);
}

#save-location-input {
    display: block;
    font-family: 'Consolas', monospace;
    font-size: 0.75rem;
    text-align: center;
    width: 100%;
    max-width: 32em;
    color: #fff;
    background-color: rgba(128, 128, 128, 0.5);
    margin: 0.4rem auto 0.6rem auto;
    padding: 0.16rem 0.5rem 0.25rem 0.5rem;
    border: 1px solid rgba(231, 251, 255, 0.6);
    border-radius: 3px;
}

#save-location-input:focus {
    outline: 0;
    border: 1px solid rgba(231, 251, 255, 0.8);
}

input {
    font-family: 'Heebo', sans-serif;
    font-size: 1rem;
    text-align: left;
}

textarea {
    font-family: 'Consolas', monospace;
    font-size: 0.8rem;
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    caret-color: #fff;
    border: 1px solid #e3ebf7;
    padding: 2px;
    margin: 0.5rem 2px 0.5rem 2px;
    overflow-x: hidden;
    overflow-y: scroll;

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

textarea:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 4px 2px #fff;
    outline: 0;
    /* outline: #fff 2px solid;
    outline-offset: 1px; */
}

textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    text-align: center;
    caret-color: #fff;
}

input[type="file"] {
    max-width: 500px;
    margin: 0.5rem 0.5rem 0.5rem 0.25rem;
}

#save-area {
    display: block;
    width: 100%;
    max-width: 542px;
    height: 5.65rem;
}

.hint {
    display: block;
    font-style: italic;
}

.blurred {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    transition: all 0.3s ease;
}

.blurred:hover {
    filter: none;
    -webkit-filter: none;
}

.hint::first-letter {
    position: absolute;
    float: left;
    margin-right: 0.6rem;
    margin-top: 0.5rem;
    font-size: 2.8rem;
    line-height: 0.8;
    font-weight: 500;
}

.buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.input-buttons {
    display: flex;
    flex-direction: column;
}

.checkboxes {
    margin-top: 0rem;
}

.button {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: max-content;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Heebo', sans-serif;
    text-align: center;
    background-color: #1e4d6c;
    color: #aac7d4;
    border: 2px solid #183c55;
    border-radius: 2px;
    padding: 0.3rem 1rem;
    margin: 0.25rem 0.5rem 0.25rem 0.25rem;
    transition: all 0.3s ease;
}

.button:first-child {
    margin-left: 0.25rem;
}

.button:hover {
    color: #d9f3ff;
    background-color: #2e5d7c;
    border-color: #2e5d7c;
    cursor: pointer;
}

.button:focus {
    /* outline: 2px solid #5e8dac; */
    outline: 0;
    border-color: #5e8dac;
    /* outline-offset: -2px; */
}

.centered {
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width: 570px) {
    .centered {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 400px) {
    .buttons {
        flex-direction: column;
        align-items: center;
    }

    .input-buttons {
        align-items: center;
        justify-content: center;
    }

    .centered {
        flex-direction: column;
        align-items: flex-start;
    }

    .checkboxes {
        margin-top: 0.8rem;
    }
}

.horizontal-line {
    margin: 1rem 0;
    height: 1.5rem;
    width: 100%;
    background-image: url(data:image/png;base64,[encoded data, 7976 characters]);
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

@media screen and (max-width: 460px) {
    .horizontal-line {
        height: 1.15rem;
    }
}

@media screen and (max-width: 360px) {
    .horizontal-line {
        height: 0.9rem;
    }
}

.smalltext {
    font-size: 0.8rem;
    text-align: center;
}

a,
a:active,
a:visited {
    display: inline-block;
    color: #aac7d4;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #d9f3ff;
    text-decoration: none;
    text-shadow: 0 0 0.6em #1bff73;
}

a.button:active,
a.button:visited {
    font-weight: 500;
}

a.button:hover {
    text-shadow: none;
}

a.wiki {
    font-weight: 500;
}

.link-social {
    margin: 0.25rem;
}

.icon-cancel {
    color: #f03a17;
}

.icon-ok-squared {
    color: #16c60c;
}

.icon-info-circled {
    color: #479ae7;
}

.icon-download-cloud {
    color: #d9f3ff;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: normal;
    justify-content: left;
}

.flex-row {
    flex-direction: row;
}

.align-center {
    align-items: center;
}

.soul-orb:first-child {
    margin-left: 0.3rem;
}

.health-mask,
.soul-orb,
.geo-symbol,
.notch {
    width: auto;
    height: 1.48rem;
    margin: 0 0 0 0.3rem;
}

.notch {
    padding-left: 0.3rem;
    margin-left: -0.6rem;
}

.soul-orb {
    height: 1.3rem;
    padding-left: 0.3rem;
    margin-left: -0.15rem;
}

.geo-symbol {
    margin-right: 0.15rem;
}

.padding-left {
    padding-left: 1.4rem;
    height: 1.47rem;
}

.p-left-small {
    display: inline;
    padding-left: 0.3rem;
    height: 1.47rem;
}

.scroll-up-button {
    width: 50px;
    height: 50px;
    text-decoration: none;
    background-color: #1e4d6c;
    border: 0;
    border-radius: 2px;
    outline: 0;
    position: fixed;
    right: 1px;
    bottom: 0;
    z-index: 1100;
    opacity: 0;
    transition: all 0.3s ease;
}

.scroll-up-button:hover {
    background-color: #2e5d7c;
    cursor: pointer;
}

.scroll-up-button-arrow {
    position: relative;
    left: 12px;
    top: 3px;
    width: 12px;
    height: 12px;
    border: solid #aac7d4;
    border-width: 2px 0px 0px 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hidden {
    display: none;
}

.visible-block {
    display: block;
}

.opacity-none {
    opacity: 0;
}

.opacity-full {
    opacity: 1;
}

.spoiler-text {
    display: inline;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    left: -40px;
    padding: 4px;
    margin-left: 10px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 10px;
}

.radio-label,
.checkbox-label {
    display: inline-block;
    position: relative;
    padding: 0 0 0 1.8rem;
    margin: 0.25rem 1rem 0.25rem 0.5rem;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: max-content;
}

.checkbox-label:last-child {
    margin-right: 0;
}

.radiomark,
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #aac7d4;
    border: 1px solid #1e4d6c;
    border: 1px solid var(--rt-main);
}

.radiomark {
    border-radius: 50%;
}

/* Hide the browser's default checkbox */
.radio-label input,
.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* On mouse-over change background color */
.radio-label:hover input~.radiomark,
.checkbox-label:hover input~.checkmark {
    background-color: #d9f3ff;
}

/* When the checkbox is checked change background color */
.radio-label input:checked~.radiomark,
.checkbox-label input:checked~.checkmark {
    background-color: #1e4d6c;
    background-color: var(--rt-main);
}

/* When the checkbox is checked change background color on hover */
.radio-label:hover input:checked~.radiomark,
.checkbox-label:hover input:checked~.checkmark {
    background-color: #2e5d7c;
    border-color: #2e5d7c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radiomark:after,
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.radio-label input:checked~.radiomark:after,
.checkbox-label input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-label .checkmark:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #aac7d4;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the checkmark/indicator */
.radio-label .radiomark:after {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
}

.tooltip {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 550px;
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: max-content;
    background-color: #1e4d6c;
    color: #d9f3ff;
    font-size: 0.85rem;
    text-align: center;
    border-radius: 3px;
    padding: 0.16rem 0.7rem;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 50%;
    margin-left: -109px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1e4d6c transparent transparent transparent;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 570px) {
    .tooltip {
        display: none;
    }
}

.percent-box {
    display: inline-block;
    text-align: center;
    font-size: 1.1rem;
    vertical-align: middle;
    color: #d9f3ff;
    margin: 0 0.5rem 0rem 0.5rem;
    padding: 0.2rem 1.2rem 0.2rem 1.2rem;
    background: #1e4d6c;
    border: 2px solid #3e6d8c;
    border-radius: 4px;
}

.box-red {
    color: #ffe2dd;
    background: #c22e14;
    border: 2px solid #e24e34;
}

.box-green {
    color: #ddffd9;
    background: #1e6c1e;
    border: 2px solid #2d8a49;
}

.pp-gold {
    color: #ffbc00;
}

.pp-silver {
    color: #ebf9ff;
}

.test {
    color: #59d1da;
}

/*# sourceMappingURL=main.css.map*/