:root {
    --white: #ffffff;
    --black: #000000;
    --tango: #f3701f;
    --givry: #f8e1d2;
    --linen: #f9ede5;
    --rum: #01d075;
    --haze: #fafbfb;
    --water: #e5f3f8;
    --mint: #d2ecf6;
    --blue: #23a1da;
    --denim: #1b75bb;
    --mystic: #eaeff3;
    --troph: #24538b;
    --cadet: #afb7c7;
    --santa: #959cb2;
    --rhino: #2b3864;
    --silver: #d5d7e0;
    --radical: #fe4a5e;
}

#logo a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-indent: -3000em;
}

#logo {
    position: relative;
    z-index: 4;
    width: 200px;
    height: 126px;
    margin: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDA2LjQgMzMwLjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0MDYuNCAzMzAuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC40O2ZpbGw6I0ZGRkZGRjt9IC5zdDF7ZmlsbDojRkZGRkZGO30gLnN0MntvcGFjaXR5OjAuODtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTTI5LjIgMjMxYzAtMTExLjIgOTAuNy0yMDEuOSAyMDEuOS0yMDEuOVM0MzMuMiAxMTkuOCA0MzMuMiAyMzFjMCA1LjMtLjIgMTAuNi0uNiAxNS45aDI5LjJjLjQtNS4zLjYtMTAuNi42LTE1LjlDNDYyLjEgMTAzLjYgMzU4LjUgMCAyMzEgMCAxMDMuNiAwIDAgMTAzLjYgMCAyMzFjMCA1LjMuMiAxMC42LjYgMTUuOWgyOS4yYy0uNC01LjEtLjYtMTAuNC0uNi0xNS45eiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik05ODcuNiAyMzIuNmgtMS40Yy0zLjkgMC01LjctLjQtNi43LTMuMSAyLjktNS43IDQuNS0xMi43IDQuNS0yMXYtNzcuN2MwLTIzLjktMTIuNS0zNy42LTM1LjYtMzcuNnMtMzUuNiAxMy43LTM1LjYgMzcuNnY3Ny41YzAgMjMuOSAxMi41IDM3LjYgMzUuNiAzNy42IDYuMyAwIDExLjctMSAxNi40LTIuNyAzLjEgNi4zIDkuOCAxMC4yIDIwLjIgMTAuMmgyLjVjNS43IDAgMTAuNC00LjcgMTAuNC0xMC40cy00LjYtMTAuNC0xMC4zLTEwLjR6bS0yNy0yMi43YzAgMTAuNi00LjcgMTQuNy0xMi4xIDE0LjctNy40IDAtMTIuMS00LjEtMTIuMS0xNC43di04MC43YzAtMTAuNiA0LjctMTQuNyAxMi4xLTE0LjcgNy40IDAgMTIuMSA0LjEgMTIuMSAxNC43djgwLjd6TTEwNTUuNSA5NC44Yy02LjMgMC0xMS4yIDUuMS0xMS4yIDExLjJ2MTA0LjRjMCAxMC42LTQuNyAxNC41LTEyLjEgMTQuNS03LjQgMC0xMi4xLTMuOS0xMi4xLTE0LjVWMTA2LjFjMC02LjMtNS4xLTExLjItMTEuMi0xMS4ydi0uMmgtMS4yYy02LjMgMC0xMS4yIDUuMS0xMS4yIDExLjJ2MTAyLjZjMCAyMy45IDExLjkgMzcuNiAzNSAzNy42czM1LTEzLjcgMzUtMzcuNlYxMDUuOWMuMi02LjItNC45LTExLjEtMTEtMTEuMXpNMTExMy4zIDkzLjJjLTIzLjEgMC0zNS42IDEzLjctMzUuNiAzNy42djc3LjdjMCAyMy45IDEyLjUgMzcuNiAzNS42IDM3LjZzMzUuNi0xMy43IDM1LjYtMzcuNnYtNzcuN2MwLTIzLjktMTIuNS0zNy42LTM1LjYtMzcuNnptMTIgMTE2LjdjMCAxMC42LTQuNyAxNC43LTEyLjEgMTQuNy03LjQgMC0xMi4xLTQuMS0xMi4xLTE0Ljd2LTgwLjdjMC0xMC42IDQuNy0xNC43IDEyLjEtMTQuNyA3LjQgMCAxMi4xIDQuMSAxMi4xIDE0Ljd2ODAuN3pNMTIxNC4zIDk1aC01MS4xYy01LjkgMC0xMC42IDQuNy0xMC42IDEwLjggMCA1LjkgNC43IDEwLjYgMTAuNiAxMC42aDEzLjl2MTE3LjFjMCA1LjkgNC43IDEwLjYgMTAuNiAxMC42aDIuMmM1LjkgMCAxMC42LTQuNyAxMC42LTEwLjZWMTE2LjFoMTMuOWM1LjkgMCAxMC42LTQuNyAxMC42LTEwLjYtLjEtNS44LTQuOC0xMC41LTEwLjctMTAuNXpNMTI4NC4yIDExNi4xYzUuOSAwIDEwLjYtNC43IDEwLjYtMTAuNiAwLTUuOS00LjctMTAuNi0xMC42LTEwLjZIMTIzMXYxNDguOGg1My4zYzUuOSAwIDEwLjYtNC43IDEwLjYtMTAuNiAwLTUuOS00LjctMTAuNi0xMC42LTEwLjZoLTMwVjE3OWgyMS41YzUuOSAwIDEwLjYtNC43IDEwLjYtMTAuNnMtNC43LTEwLjYtMTAuNi0xMC42aC0yMS41di00MS43aDI5Ljl6TTEzMzQuOCA5My4yYy0yMi45IDAtMzQuNyAxMy43LTM0LjkgMzcuNCAwIDE3LjIgNi4zIDI5LjYgMjUuOCA0Ni44IDE1LjMgMTMuNSAyMCAyMS41IDIwIDMyLjUgMCAxMC42LTQuNyAxNC41LTEyLjEgMTQuNS03LjQgMC0xMi4xLTMuOS0xMi4xLTE0LjV2LTkuMmMwLTYuMy01LjEtMTEuMi0xMS4yLTExLjItNi4zIDAtMTEuMiA1LjEtMTEuMiAxMS4ydjcuOGMwIDIzLjkgMTEuOSAzNy42IDM1IDM3LjZzMzUtMTMuNyAzNS0zNy42YzAtMTcuMi02LjMtMjkuNi0yNS44LTQ2LjgtMTUuMy0xMy41LTIwLTIxLjUtMjAtMzIuNSAwLTEwLjYgNC4zLTE0LjcgMTEuNy0xNC43IDcuNCAwIDExLjcgNC4xIDExLjcgMTQuN3YzLjljMCA2LjMgNS4xIDExLjIgMTEuMiAxMS4yIDYuMyAwIDExLjItNS4xIDExLjItMTEuMnYtMi4zYy4xLTIzLjktMTEuNC0zNy42LTM0LjMtMzcuNnpNNjI0LjIgMjQ2LjdjMjMuNSAwIDM2LjItMTMuOSAzNi4yLTM4LjJ2LTc5LjFjMC0yNC4zLTEyLjctMzguMi0zNi4yLTM4LjItMjMuNSAwLTM2LjIgMTMuOS0zNi4yIDM4LjJ2NzkuMWMwIDI0LjMgMTIuNyAzOC4yIDM2LjIgMzguMnptLTEyLjMtMTE4LjhjMC0xMSA0LjctMTUuMSAxMi4zLTE1LjEgNy42IDAgMTIuMyA0LjMgMTIuMyAxNS4xdjgyYzAgMTEtNC43IDE1LjEtMTIuMyAxNS4xLTcuNiAwLTEyLjMtNC4zLTEyLjMtMTUuMXYtODJ6TTczNS4yIDIzNGMwLTUuOS00LjctMTAuOC0xMC44LTEwLjhoLTI4LjZWMTAzLjhjMC01LjktNC43LTEwLjgtMTAuOC0xMC44aC0yLjJjLTYuMSAwLTEwLjggNC43LTEwLjggMTAuOHYxNDFoNTIuM2M2LS4xIDEwLjktNC44IDEwLjktMTAuOHpNODE5LjggMjMyLjRsLTE5LjYtMTIyLjJDNzk4LjYgMTAwLjIgNzkwIDkzIDc4MCA5M3MtMTguNiA3LjItMjAuMiAxNy4ybC0xOS42IDEyMi4yYy0xLjIgNi43IDMuOSAxMi41IDEwLjYgMTIuNSA1LjMgMCA5LjgtMy45IDEwLjYtOS4ybDIuNy0xOC40aDI5LjRsMi43IDE4LjRjLjggNS4zIDUuMyA5LjIgMTAuNiA5LjJoMi4yYzYuNyAwIDExLjgtNiAxMC44LTEyLjV6bS01Mi43LTM1LjZsMTEuNC03Ni45aC40bDExLjQgNzYuOWgtMjMuMnpNODM3LjggMjQ0LjZjNi43LjIgMTEuOS01LjEgMTEuOS0xMS43di00OS43aDguMmMxMC44IDAgMTUuNyA1LjMgMTUuNyAxOS40VjIzM2MwIDYuNyA1LjMgMTEuOSAxMS45IDExLjkgNi43IDAgMTEuOS01LjMgMTEuOS0xMS45di0yOS44YzAtMTUuOS0zLjktMjcuMi0xNS45LTMyLjF2LS44YzEwLjYtNS4xIDE1LjctMTUuMSAxNS43LTMwLjV2LTExLjljMC0yMy41LTEwLjYtMzUtMzUuNC0zNWgtMzZ2MTM5LjhjLjEgNi42IDUuNCAxMS45IDEyIDExLjl6bTEyLTEzMC4xaDExLjZjOC40IDAgMTIuMSA0LjcgMTIuMSAxNS43djE1LjFjMCAxMi4xLTUuNSAxNi4xLTE0LjMgMTYuMWgtOS40di00Ni45ek01NDMuOSA5MS40Yy0yMy4zIDAtMzUuMiAxMy45LTM1LjIgMzguMiAwIDE3LjQgNi4zIDMwIDI2LjIgNDcuNiAxNS43IDEzLjcgMjAuNCAyMS45IDIwLjQgMzMuMSAwIDEwLjgtNC43IDE0LjctMTIuMyAxNC43LTcuNiAwLTEyLjMtMy45LTEyLjMtMTQuN3YtOS40YzAtNi4zLTUuMS0xMS40LTExLjQtMTEuNC02LjMgMC0xMS40IDUuMS0xMS40IDExLjR2Ny44YzAgMjQuMyAxMi4xIDM4LjIgMzUuNiAzOC4yczM1LjYtMTMuOSAzNS42LTM4LjJjMC0xNy40LTYuMy0zMC0yNi4yLTQ3LjYtMTUuNy0xMy43LTIwLjQtMjEuOS0yMC40LTMzLjEgMC0xMSA0LjMtMTUuMSAxMS45LTE1LjEgNy42IDAgMTEuOSA0LjMgMTEuOSAxNS4xdjMuOWMwIDYuMyA1LjEgMTEuNCAxMS40IDExLjQgNi4zIDAgMTEuNC01LjEgMTEuNC0xMS40di0yLjNjLjEtMjQuMy0xMS45LTM4LjItMzUuMi0zOC4yek0xMzk2LjQgMTAxLjRjMC0zLjctMi41LTYuMS02LjktNi4xaC04LjJ2MTguMmgzLjl2LTUuOWgzLjFsMy45IDUuOWg0LjdsLTQuNS02LjVjMi41LS45IDQtMi42IDQtNS42em0tNyAzaC00LjF2LTUuM2gzLjljMiAwIDMuMS44IDMuMSAyLjUgMCAxLjYtMSAyLjYtMi45IDIuOHpNMTM4OC42IDg2LjJjLTEwIDAtMTcuNiA3LjgtMTcuNiAxOC4ydi4yYzAgMTAuNCA3LjggMTguNCAxNy44IDE4LjRzMTcuNi03LjggMTcuNi0xOC4ydi0uMmMwLTEwLjQtNy44LTE4LjQtMTcuOC0xOC40em0xMy4xIDE4LjZjMCA3LjYtNS41IDEzLjUtMTIuOSAxMy41cy0xMy4xLTUuOS0xMy4xLTEzLjd2LS4yYzAtNy42IDUuNS0xMy41IDEyLjktMTMuNXMxMy4xIDUuOSAxMy4xIDEzLjd2LjJ6TTU1MiAyOTdjLTItMS4yLTMuOS0yLjItNS45LTIuN3MtMy41LTEtNC43LTEuMmMtMy45LTEtNi45LTEuOC05LjItMi4zLTIuMy0uNi00LjEtMS4yLTUuNS0xLjgtMS40LS42LTIuMy0xLjItMi43LTItLjQtLjgtLjYtMS44LS42LTIuOSAwLTEuMi4yLTIuMy44LTMuMS42LTEgMS40LTEuNiAyLjItMi4yIDEtLjYgMi0xIDIuOS0xLjIgMS0uMiAyLjItLjQgMy4xLS40IDEuNiAwIDMuMS4yIDQuNS40czIuNy44IDMuNyAxLjRjMSAuNiAyIDEuNiAyLjUgMi43LjYgMS4yIDEgMi43IDEuMiA0LjVINTU3YzAtMy4zLS42LTYuNS0yLTguOC0xLjItMi41LTMuMS00LjUtNS4zLTYuMS0yLjItMS42LTQuNy0yLjUtNy42LTMuMy0yLjktLjYtNS45LTEtOS0xLTIuNyAwLTUuMy40LTggMS4yLTIuNy44LTUuMSAxLjgtNy4yIDMuMy0yIDEuNi0zLjcgMy4zLTUuMSA1LjctMS40IDIuMy0yIDQuOS0yIDggMCAyLjcuNiA1LjEgMS42IDcgMSAyIDIuMyAzLjUgNC4xIDQuOSAxLjYgMS4yIDMuNSAyLjMgNS43IDMuMSAyIDEgNC4zIDEuNiA2LjUgMi4yIDIuMi44IDQuMyAxLjIgNi41IDEuOHMzLjkgMS4yIDUuNyAxLjhjMS44LjggMy4xIDEuNiA0LjEgMi41IDEgMSAxLjYgMi4zIDEuNiAzLjlzLS40IDIuNy0xLjIgMy43Yy0uOCAxLTEuOCAxLjgtMi45IDIuMy0xLjIuNi0yLjMgMS0zLjcgMS4yLTEuNC4yLTIuNS4yLTMuNy4yLTEuOCAwLTMuNS0uMi01LjEtLjYtMS44LS40LTMuMS0xLjItNC4zLTItMS4yLS44LTIuMi0yLTIuOS0zLjMtLjgtMS40LTEuMi0yLjktMS02LjFoLTEyLjdjLS4yIDMuNy42IDYuOSAyIDkuNiAxLjQgMi43IDMuMyA0LjkgNS43IDYuNyAyLjMgMS44IDUuMSAzLjEgOC4yIDMuOSAzLjEuOCA2LjMgMS4yIDkuNiAxLjIgNC4xIDAgNy42LS40IDEwLjgtMS40IDMuMS0uOCA1LjctMi4yIDcuOC0zLjkgMi0xLjggMy43LTMuNyA0LjctNi4xIDEtMi4zIDEuNi00LjkgMS42LTcuNiAwLTMuMy0uOC02LjEtMi4yLTguMi0xLjYtMi0zLjQtMy42LTUuMy01ek01NjQuNSAyNjguOGgxMy4xdjYwLjFoLTEzLjF6TTYyNC42IDMwOS4yaC0uMmwtMjUuMS00MC40aC0xMy4xdjYwLjFoMTIuNHYtNDAuMWguMmwyNSA0MC4xaDEzLjF2LTYwLjFoLTEyLjN6TTY4MS42IDMxNS44Yy0yLjIgMi41LTUuMyAzLjctOS40IDMuNy0zLjEgMC01LjUtLjYtNy42LTEuOC0yLjItMS0zLjctMi41LTUuMS00LjUtMS4yLTItMi4yLTQuMS0yLjctNi41LS44LTIuNS0xLTQuOS0xLTcuNHMuNC01LjEgMS03LjYgMS40LTQuNyAyLjctNi43YzEuNC0yIDIuOS0zLjUgNS4xLTQuN3M0LjctMS44IDcuNi0xLjhjMS42IDAgMy4xLjIgNC43LjggMS40LjQgMi43IDEuMiAzLjkgMi4yIDEuMiAxIDIuMiAyLjIgMi45IDMuMy44IDEuNCAxLjQgMi43IDEuNiA0LjdINjk4Yy0uNC0zLjUtMS40LTYuNS0yLjktOS4yLTEuNC0yLjctMy4zLTUuMS01LjctNi45LTIuMy0xLjgtNC45LTMuMS03LjgtNC4xLTIuOS0xLTYuMS0xLjQtOS40LTEuNC00LjUgMC04LjYuOC0xMi4zIDIuMy0zLjUgMS42LTYuNyAzLjctOS4yIDYuNy0yLjUgMi43LTQuNSA2LjEtNS45IDEwLTEuNCAzLjktMiA4LTIgMTIuNSAwIDQuMy42IDguNCAyIDEyLjEgMS40IDMuNyAzLjMgNyA1LjkgOS44IDIuMyAyLjkgNS41IDUuMSA5LjIgNi43IDMuNSAxLjYgNy44IDIuMyAxMi4zIDIuMyAzLjcgMCA3LS42IDEwLjItMS44IDMuMS0xLjIgNS43LTIuNyA4LTQuOSAyLjItMiA0LjEtNC41IDUuNS03LjYgMS40LTMuMSAyLjItNi41IDIuNS0xMC4yaC0xMi43Yy0uNCA0LjMtMS44IDcuNS00LjEgMTB6TTcxNy40IDMwMy4xaDI5LjJ2LTEwLjJoLTI5LjJWMjgwaDMxLjd2LTExLjJoLTQ1djYwLjFoNDUuNnYtMTEuMWgtMzIuM3pNNzkzLjYgMzEzLjNjMi0xLjYgMy45LTIuOSA1LjktNC4zIDIuMi0xLjIgNC4xLTIuNSA2LjEtMy45czMuNy0yLjkgNS4zLTQuNWMxLjYtMS42IDIuNy0zLjUgMy43LTUuN3MxLjQtNC43IDEuNC03LjYtLjQtNS41LTEuNi03LjhjLTEuMi0yLjMtMi43LTQuMy00LjUtNS45LTItMS42LTQuMS0yLjctNi41LTMuNS0yLjMtLjgtNC45LTEuMi03LjYtMS4yLTMuNSAwLTYuNy42LTkuNCAxLjgtMi43IDEuMi01LjEgMi45LTYuOSA1LjEtMiAyLjItMy4xIDQuNy00LjEgNy42LS44IDIuOS0xLjIgNi4xLTEuMiA5aDExLjRjMC0xLjYgMC0zLjEuNC00LjdzLjgtMi45IDEuNi00LjNjLjgtMS4yIDEuOC0yLjMgMi45LTMuMSAxLjQtLjggMi43LTEuMiA0LjUtMS4yIDIuNSAwIDQuNy44IDYuMyAyLjMgMS44IDEuNiAyLjUgMy43IDIuNSA2LjcgMCAxLjgtLjQgMy4zLTEuMiA0LjctLjggMS40LTEuOCAyLjUtMi45IDMuNy0xLjIgMS4yLTIuNSAyLjItMy45IDMuMS0xLjQgMS0yLjcgMS44LTQuMSAyLjctMi41IDEuOC00LjkgMy4zLTcuMiA1LjEtMi4yIDEuNi00LjEgMy41LTUuOSA1LjUtMS42IDIuMi0yLjkgNC4zLTMuOSA2LjktMS4yIDIuNS0xLjYgNS43LTEuNiA5aDQzLjN2LTEwLjJoLTI3LjhjMS40LTIgMy0zLjcgNS01LjN6TTg1NC45IDI3NS41Yy0yLTIuMy00LjMtNC4xLTYuOS01LjEtMi43LTEtNS41LTEuNi04LjQtMS42LTIuOSAwLTUuNy42LTguMiAxLjYtMi41IDEtNC45IDIuNy02LjkgNS4xLTIgMi4zLTMuNSA1LjUtNC43IDkuNC0xLjIgMy45LTEuOCA4LjYtMS44IDE0LjVzLjYgMTAuOCAxLjggMTQuN2MxLjIgMy45IDIuNyA3IDQuNyA5LjQgMiAyLjMgNC4zIDQuMSA2LjkgNS4xIDIuNSAxIDUuMyAxLjYgOC4yIDEuNiAyLjkgMCA1LjktLjYgOC40LTEuNnM0LjktMi43IDYuOS01LjFjMi0yLjMgMy41LTUuNSA0LjctOS40IDEuMi0zLjkgMS44LTguOCAxLjgtMTQuNyAwLTUuOS0uNi0xMC42LTEuOC0xNC41LTEuMi0zLjktMi44LTcuMS00LjctOS40em0tNS43IDIzLjljMCAxLjYgMCAzLjctLjIgNi4xIDAgMi4zLS40IDQuNy0xIDYuOXMtMS42IDQuMS0yLjkgNS43Yy0xLjQgMS42LTMuMSAyLjMtNS43IDIuMy0yLjMgMC00LjEtLjgtNS41LTIuMy0xLjItMS42LTIuMi0zLjUtMi43LTUuN3MtLjgtNC41LTEtNi45Yy0uMi0yLjUtLjItNC41LS4yLTYuMSAwLTEgMC0yLjMgMC0zLjcuMi0xLjYuMi0yLjkuNC00LjVzLjQtMi45LjgtNC41Yy40LTEuNC44LTIuNyAxLjYtMy45LjgtMS4yIDEuNi0yLjIgMi43LTIuOSAxLjItLjggMi41LTEuMiA0LjEtMS4yIDEuNiAwIDIuOS40IDQuMSAxLjIgMS4yLjggMi4yIDEuOCAyLjcgMi45LjYgMS4yIDEuMiAyLjMgMS42IDMuOS40IDEuNi42IDIuOS44IDQuNS4yIDEuNi40IDMuMS40IDQuNSAwIDEuNSAwIDIuNyAwIDMuN3pNOTAwLjkgMjc1LjVjLTItMi4zLTQuMy00LjEtNi45LTUuMS0yLjctMS01LjUtMS42LTguNC0xLjZzLTUuNy42LTguMiAxLjYtNC45IDIuNy02LjkgNS4xYy0yIDIuMy0zLjUgNS41LTQuNyA5LjQtMS4yIDMuOS0xLjggOC42LTEuOCAxNC41cy42IDEwLjggMS44IDE0LjdjMS4yIDMuOSAyLjcgNyA0LjcgOS40IDIgMi4zIDQuMyA0LjEgNi45IDUuMSAyLjUgMSA1LjMgMS42IDguMiAxLjZzNS45LS42IDguNC0xLjYgNC45LTIuNyA2LjktNS4xYzItMi4zIDMuNS01LjUgNC43LTkuNCAxLjItMy45IDEuOC04LjggMS44LTE0LjcgMC01LjktLjYtMTAuNi0xLjgtMTQuNS0xLjItMy45LTIuOC03LjEtNC43LTkuNHptLTUuNyAyMy45YzAgMS42IDAgMy43LS4yIDYuMSAwIDIuMy0uNCA0LjctMSA2LjlzLTEuNiA0LjEtMi45IDUuN2MtMS40IDEuNi0zLjEgMi4zLTUuNyAyLjMtMi4zIDAtNC4xLS44LTUuNS0yLjMtMS4yLTEuNi0yLjItMy41LTIuNy01LjctLjYtMi4yLS44LTQuNS0xLTYuOS0uMi0yLjUtLjItNC41LS4yLTYuMSAwLTEgMC0yLjMgMC0zLjcuMi0xLjYuMi0yLjkuNC00LjVzLjQtMi45LjgtNC41Yy40LTEuNC44LTIuNyAxLjYtMy45LjgtMS4yIDEuNi0yLjIgMi43LTIuOSAxLjItLjggMi41LTEuMiA0LjEtMS4yIDEuNiAwIDIuOS40IDQuMSAxLjIgMS4yLjggMi4yIDEuOCAyLjcgMi45LjYgMS4yIDEuMiAyLjMgMS42IDMuOS40IDEuNi42IDIuOS44IDQuNS4yIDEuNi40IDMuMS40IDQuNSAwIDEuNSAwIDIuNyAwIDMuN3pNOTQ3LjUgMjc4LjZjLTEuNi0yLjktNC4xLTUuMS02LjktNy0yLjctMi02LjUtMi43LTExLTIuNy0zLjEgMC01LjkuNi04LjQgMS44LTIuNSAxLTQuNyAyLjUtNi41IDQuNS0xLjggMi0zLjEgNC4zLTQuMSA2LjktMS4yIDIuNS0xLjYgNS41LTEuNiA4LjQgMCAyLjMuNCA0LjcgMS4yIDcgLjggMi4yIDIgNC4zIDMuNSA2LjEgMS42IDIgMy43IDMuMyA2LjEgNC41IDIuNSAxIDQuOSAxLjYgNy40IDEuNiAyLjkgMCA1LjUtLjYgNy42LTEuNiAyLjItMSA0LjEtMi43IDUuNy01LjFsLjIuMmMtLjIgMS42LS40IDMuMy0uOCA1LjVzLTEgNC4xLTEuOCA1LjljLS44IDItMiAzLjUtMy4zIDQuNy0xLjQgMS40LTMuMSAyLTUuMyAyLTIuMiAwLTMuOS0uOC01LjMtMi4yLTEuNC0xLjYtMi4yLTMuMS0zLjUtNS4xaC0xMS40Yy40IDIuNSAxLjIgNC45IDIuMiA2LjkgMSAyIDIuMyAzLjcgNC4xIDUuMSAxLjggMS40IDMuNyAyLjMgNS45IDMuMSAyLjIuNiA0LjUgMSA3IDEgNC4zIDAgNy44LTEgMTAuOC0yLjcgMi45LTEuOCA1LjUtNC4xIDcuMi03IDItMi45IDMuMy02LjEgNC4xLTkuOC44LTMuNyAxLjItNy4yIDEuMi0xMXMtLjQtNy4yLTEtMTFjLS40LTMuOS0xLjYtNy0zLjMtMTB6bS04LjMgMTUuM2MtLjQgMS40LTEgMi41LTEuOCAzLjVzLTEuOCAxLjgtMi45IDIuM2MtMS4yLjYtMi41LjgtNC4zIDEtMS40IDAtMi43LS40LTMuOS0xLTEtLjYtMi0xLjYtMi43LTIuNS0uNi0xLTEuMi0yLjItMS42LTMuNS0uNC0xLjQtLjYtMi43LS42LTQuMSAwLTEuNC4yLTIuNS42LTMuOS40LTEuNCAxLTIuNSAxLjgtMy41czEuOC0xLjggMi45LTIuM2MxLS42IDIuMy0xIDMuNy0xIDEuNiAwIDIuOS40IDQuMSAxIDEuMi42IDIuMiAxLjYgMi45IDIuNS44IDEgMS40IDIuMiAxLjggMy41LjQgMS4yLjYgMi41LjYgMy45cy0uMiAyLjctLjYgNC4xek0xNzAuMSAxODkuMWgtMTMuN2w3NS4yLTc1LjIgMzIuOSAzMi45di0xNi4zaDE4djM0LjNsMTUuOSAxNS45YzIuMiAyLjIgNC4zIDQuMyA2LjcgNi41LjQuNC44LjYgMSAxLjJsLjguOGgtMTMuNXY1OGgxMDkuOGMuNi01LjcuOC0xMS42LjgtMTcuNCAwLTk1LjQtNzcuMy0xNzIuNy0xNzIuNy0xNzIuN1M1OC41IDEzNC4zIDU4LjUgMjI5LjdjMCA1LjkuNCAxMS43LjggMTcuNGgxMTF2LTU4aC0uMnpNMjE1LjggMjE2LjdoMzIuMVYyNDdoLTMyLjF6IiBjbGFzcz0ic3QxIi8+PHBhdGggZD0iTTIzMSAyOS4yYzExMS40IDAgMjAxLjkgOTAuNyAyMDEuOSAyMDEuOSAwIDUuMy0uMiAxMC42LS42IDE1LjlINDAzYy42LTUuNy44LTExLjYuOC0xNy40IDAtOTUuNC03Ny4zLTE3Mi43LTE3Mi43LTE3Mi43UzU4LjMgMTM0LjEgNTguMyAyMjkuNWMwIDUuOS40IDExLjcuOCAxNy40SDI5LjhjLS40LTUuMy0uNi0xMC42LS42LTE1LjkgMC0xMTEuMiA5MC42LTIwMS44IDIwMS44LTIwMS44eiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==) center center no-repeat;
    background-size: 100% auto;
}

body {
    font-family: Arial;
    background: -moz-linear-gradient(-45deg, var(--troph) 0%, var(--blue) 100%);
    background: -webkit-linear-gradient(-45deg, var(--troph) 0%, var(--blue) 100%);
    background: linear-gradient(135deg, var(--troph) 0%, var(--blue) 100%);
    height: 100vh;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: block;
    overflow: visible;
    position: relative;
    z-index: 3;
    height: auto;
    margin: 0;
    box-shadow: none;
    text-transform: none;
    text-indent: 0;
    cursor: pointer;
    outline-width: 0;
    -webkit-appearance: button;
    appearance: button;
    -webkit-font-smoothing: inherit;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    overflow: hidden;
    float: left;
    margin-top: 6px;
    padding: 17px 39px;
    border-radius: 23px;
    border: 0 solid var(--rum);
    background: var(--rum);
    color: var(--white);
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .08em;
}

#login-container {
    background: white;
    box-sizing: border-box;
    padding: 60px;
}

@media screen {
    *,
    :before,
    :after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        outline-color: var(--tango);
        transform-origin: center center;
    }
    input {
        color: var(--rhino);
        font-family: "Helvetica Neue", Helvetica_Neue, Arial, Helvetica, sans-serif;
        line-height: 1.3571428571;
    }
    li * {
        font-size: 1em;
    }
    input {
        position: relative;
        z-index: 1;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        font-size: 1em;
        line-height: normal;
        text-align: left;
        text-transform: none;
        outline-width: 0;
    }
    input {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
    input {
        box-sizing: border-box;
        text-transform: none;
        outline-offset: -2px;
    }
    input::-moz-focus-inner {
        padding: 0;
        border: 0;
        outline: none;
    }
    ::-webkit-input-placeholder {
        opacity: 1;
        color: inherit;
    }
    :-ms-input-placeholder {
        opacity: 1;
        color: inherit;
    }
    ::-ms-input-placeholder {
        opacity: 1;
        color: inherit;
    }
    ::placeholder {
        opacity: 1;
        color: inherit;
    }
    :focus::-webkit-input-placeholder {
        opacity: 0;
    }
    :focus:-ms-input-placeholder {
        opacity: 0;
    }
    :focus::-ms-input-placeholder {
        opacity: 0;
    }
    :focus::placeholder {
        opacity: 0;
    }
    input {
        display: block;
        width: 100%;
        max-width: 350px;
        border-radius: 4px;
        border: 1px solid var(--silver);
        background: var(--white);
        font-size: 14px;
    }
    input {
        height: 44px;
        padding: 0 20px;
    }
    ::selection {
        background: var(--tango);
        color: var(--white);
        text-shadow: none;
    }
    ::-moz-selection {
        background: var(--tango);
        color: var(--white);
        text-shadow: none;
    }
    [data-whatintent="mouse"] input:focus {
        outline: none;
    }

    @media only screen and (max-width: 47.5em) {
        input {
            max-width: none;
            height: 40px;
        }
    }
}

#login-container h2{
    margin-bottom: 40px;
}

a, a:hover{
    text-decoration: none;
    color: var(--silver);
}

#sqloader { 
    position: fixed; 
    z-index: 999; 
    width: 100vw; height: 100vh; 
    background-color: rgba(255,255,255,0.85); 
    padding-top: calc(50vh - 50px); 
    top: 0; left: 0; 
    text-align: center;
}

@media screen{
    *,:before,:after{margin:0;padding:0;box-sizing:border-box;outline-color:var(--tango);transform-origin:center center;}
    input{color:var(--rhino);font-family:"Helvetica Neue", Helvetica_Neue, Arial, Helvetica, sans-serif;line-height:1.3571428571;}
    li *,td *{font-size:1em;}
    input{position:relative;z-index:1;margin:0;padding:0;box-shadow:none;border-radius:0;font-size:1em;line-height:normal;text-align:left;text-transform:none;outline-width:0;}
    input{-moz-appearance:none;-webkit-appearance:none;appearance:none;}
    input{box-sizing:border-box;text-transform:none;outline-offset:-2px;}
    input[type="checkbox"]{display:inline-block;width:auto;height:auto;padding:0;border:0;background:none;line-height:1;}
    input[type="checkbox"]{-moz-appearance:checkbox;-webkit-appearance:checkbox;appearance:checkbox;}
    input::-moz-focus-inner{padding:0;border:0;outline:none;}
    ::-webkit-input-placeholder{opacity:1;color:inherit;}
    :-ms-input-placeholder{opacity:1;color:inherit;}
    ::-ms-input-placeholder{opacity:1;color:inherit;}
    ::placeholder{opacity:1;color:inherit;}
    :focus::-webkit-input-placeholder{opacity:0;}
    :focus:-ms-input-placeholder{opacity:0;}
    :focus::-ms-input-placeholder{opacity:0;}
    :focus::placeholder{opacity:0;}
    input{display:block;width:100%;max-width:350px;border-radius:4px;border:1px solid var(--silver);background:var(--white);font-size:14px;}
    input{height:44px;padding:0 20px;}
    ::selection{background:var(--tango);color:var(--white);text-shadow:none;}
    ::-moz-selection{background:var(--tango);color:var(--white);text-shadow:none;}
    [data-whatintent="mouse"] input:focus{outline:none;}
    @media only screen and (max-width: 47.5em){
        input{max-width:none;height:40px;}
    }
}


div#content {
    position: relative;
    width: 1108px;
    margin: 0 auto;
}

#login-container > div{
    display: table;
    margin: auto;
}

.flex-item{ display: flex; margin-bottom: 15px; }
.flex-item span {
    flex: 1;
    padding-top: .8em;
    font-weight: bold;
}

.flash-message{
    color: var(--blue);
    padding-bottom: 30px;
    font-weight: bold;
    text-align: center;
    font-size: 0.9rem;
}

.error-msg{
    color: var(--radical);
}

@media only screen and (max-width: 70em){
    div#content{width:980px;}
}
@media only screen and (max-width: 62.5em){
    div#content{width:720px;}
}
@media only screen and (max-width: 47.5em){
    div#content{width:auto;padding-left:20px;padding-right:20px;}
    .flex-item{display: block;}
    div#login-container {
        padding: 30px 25px;
    }
}