html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    font-family: "Lexend Mega",sans-serif;
    background: #22223d;
    color: #72778e;
    counter-reset: section;
    letter-spacing: -2.5px;
    position: relative;
    transition: all 300ms ease-in-out 0s
}

body,input,button,textarea {
    font-family: "Lexend Mega",sans-serif
}

body a {
    color: #502f88
}

body:after {
    content: "";
    display: inline-block;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(48,48,77,.9);
    visibility: hidden;
    transition: all 300ms ease-in-out 0s
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a:hover {
    border: 0
}

input,button {
    padding: 0;
    margin: 0;
    border: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bf-logo-header {
    display: inline-block;
    line-height: 35px;
    color: #fff;
    text-decoration: none;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -3px;
    margin-right: -135px
}

.bf-logo-header span {
    display: block;
    position: relative;
    padding-left: 45px
}

.bf-logo-header span strong {
    color: #956ed6
}

.bf-logo-header span:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABJCAYAAACXWsCYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAyLTIzVDEyOjQ0OjQyKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTAyLTIzVDEyOjQ0OjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMi0yM1QxMjo0NDo0MiswMjowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmNjMyMjU5Zi00NDIzLTVhNDUtOTk1NC0zMzcyZDE5NWZiYTAiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZGQ5MjBlZC1jNzhmLTg4NGMtYmUzZC0yZDUyZGExOTBmMmYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5N2UwNDdhOC04ZDA3LWI2NGMtODMxOS03MjY1YmNiM2RkZjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk3ZTA0N2E4LThkMDctYjY0Yy04MzE5LTcyNjViY2IzZGRmMyIgc3RFdnQ6d2hlbj0iMjAyMS0wMi0yM1QxMjo0NDo0MiswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNjMyMjU5Zi00NDIzLTVhNDUtOTk1NC0zMzcyZDE5NWZiYTAiIHN0RXZ0OndoZW49IjIwMjEtMDItMjNUMTI6NDQ6NDIrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6f5wlDAAAOr0lEQVR4nM2ce9BV1XXAf7/LhyJaamp9dLQmdGyHqhFCmAZFrFCD8TGNEnyi1rQpaostYm2l0Wi1OtqxYRxRg/UVjaihprbRErXBiZgG9UMwvouZVAZbDGNikSIij/6xz7n3PPY599zv+8TyB/d+e6+19l6/s/c5e6+9znXupJVk/yn5f2Y+zJebqyzLtG1F6rN1JTudun2EschoYIPyAfAeskZ4A9kOtuXzNqvaCgWNZHNlQbAvx2Znw6IS1jHITcKYaqd5HjxbeaWivkLPTj97hCXQKjmYgRIDMaSwLNiR/YD7kCe6wAIcr/QDs9sdagjLbrIVsDAB9v8AVks5D3gVObPe6fBfUr5bMhL/CdlrSGDl/LAk2/o4YJGHdZDyNPANZM8eYGXLvyg8j0yO6/UAqz3CyrA0MyXrQPQEi3J9EVam7hRlBXB4E0cqYKWfBwJLlcuBYR8FLMgCGypYVZ3KwxoBLFS+DYwaAlipXh9wFeEeuH+qMFSwOiOsChYZWMRlBgBrDPCMMqtWp3dY2fop6ErgeG3WRhNYAH21sPLP/6GAdQ5ws7JHrU6nfBX4pPKfwFbkeOGE7noC7K08gswX5iFbBgsLwYsnr9wZsHZHFgDnNl8vcSN4ifJhofxsYIEyqgYWhZHVD5yhvFGClQo3gSW04rCqYQwA1qFJh5vC2oCcCs6JwAK4V/ks0N8QFsCE5OFyxmBgAbTisDrztCdYBUPCLOQZYExDWC8hE8DFXeTfUI4AbkB2dIGVVo1CFgl3ICMHAgsLy4pBw2obdpSwCFkIjOwKKxTdDXwOXN1NPvn8ELlEOA59O1cfa6Nj6w+FFeine4UlFrdGQwJrvNCPnFHRYbLiwGblj4Evo5sawspOqceAscpjbcPVsNKKMcizwgUx2ZxO+7udERaFleXTHNZs4d+R34x2mJLOauVw4Pb2kzTWRjWstPxt4Dik/ZCoBt+ehiOQW4BvGNmLtnUysKC9NYrAikybGlh7ot8RbkJ2rYSV139Y+R1gVW713zustHyHcgNwROxpWICVtX8ecDcyrBusZOE6aFgTkeeFkyunQl5/KzBXmQ68W9gqDRRWVrYfGI/cW4JVYR85R/gW0lcHCzIr/QHAErgYeUocHdOLwHoLmKrMB3aUYBl1phdYadl7wjmEhfJ7ZnUqLwKnCw8iu7Tdi8j29QorKdsL+CZyQtRwvEPfJywe16cCTWDlp4nDCRv2qcBa5E3lVeAlZWOkv/eqy4FFyoTu9pkOPKTOIER3S7J9vcIyhFDuR/ZvCGs7cg3wN8q2Slhx3Sys44FblE/m6oPOdkJ450JheWEarlYmJX24uPYGH3RORK4DLor1Jb/5rofVUr4KLO0B1jvI8cDXusKypJt+/gp6D/BoCVZHp4VMEH6YODu8MA23AJcoxwFv18BKv1+gfCoGthVzOgJrP2UJ8LdIX0NYy5HxwGOd8p5hTUdfAc6O1pfLWsBfqU8BoyPT/DFknPB4DSwMT/q5MbDlEHUZ1lRlJTAt1DWCdRNyFLBmgLD2FRajDwH7NoTVcRwmKs8jMyJ9W4ecbTLSIrBS2bWxUdiqgTUMuEp5AtivBCur1mlkg3Aq8mfAh41gldueKbyMxpxtAiut3xNYbFicjsjIHpqM/n2zOpG2nirbzx6z5Sv3Be5XpnTqCrDKzr8kzEBez5d3gWX7+97IncKJdbINYWVlL0AmCZcjuwMLkV/KwSrbXYH0x/rdF2l8EvCgsn8PsO4W/hTZNEBYE5HFwgFpRRWYHmGlsoch/5yVqYG1HpluCFgW7Bpu+pm+/DnwZA+wNiPnCV8eBKw5yFNNYNnReZywYf899ZuEyEUVgFIfamBtQ04D1sRgSWcdtgdyO3Ba3kAtrJ8gM4RVVcZrYcEo4XbklGwDXWBtTADfkXF8KXKzYZU+ehCwQC4hDJhKf9J12NVNYSWfDyMTyMAiYrwG1qFKfwrLZrCeEz5bgJXKPoeMM5xCNYNFqa37gfl1sKCzDjuyBCvLoVO3VfgLko1z2cFGsM5VniEXAqqFtQ25VpiE/EfU8fC5ATgtuUVs6grL3PcfA1/pBstkhO2ujCvBKnQceUuYivw9sGMAsNKzyLuQkQ1hvYlMEb5KO84VhZUFcBtJ2KghLAin7+d0gwVhHfY52pvwSlgIRyHL4jC6wvoN4EfKrLxMLaxFyFhhWaesK6xU/+XEr+vV7V1gYbiAtyIPAZ+o86dF8nTqAgvkPuDA6NqoHtZJwIr2KO4O611DeHum8D8NYH0BmSfsU+jDFvVS4GjkzRpYWbvT0VXC5Cp/WshicR0ZIxFYkG43SgepVjXeh1wPfEfZs11eD+sHyljggXQJUQNrV2Q+8q/CtciLwO9GpuEywzrsnmyXYzCSkXUg8iRwhTKs2G5LfB84mySe1OWxvBfy3aSDw7KOF/R+DVkK/GU6urvA2gLMM8S51uRhlfsjHIw8i8zJTI59DNu42RHAG4A/UE5B3qmBlbY7TLkSeBTZJcshXVb8G3CM8vMaWGm5yDzwCUMCXLF+CmEkTs6VV8N6FTjcEJbZXoZlVlbDVqcfOSzSx+HoTYRw8x6levlH4DDl8RpY2T4eK9xJZtmQDe88Q7ix/3f9sG33fAqwMvnsI+zXbiDZrDeAtQO5lXAq/XzGqSpYexvWf7cAu8X72HZ8pvC1Aqz0+38BXyAEG98n06cKf2cC16Z1/vWxLxSFRhOuwEE1sLLGtyHvG3YLFY3mHMcQWvkK8EgZbBTWNENIvDOiq2GlF+MzwAsx+xm7B4P3GuJ2ufrc3+H7DOChVsTITwnT6YU6WJkrM6xHWI8ghzWEtSth3fe9HmBtIuwzu8ECfEWZCNxYOdI63y/A4qlRR3gdcDTydBUs43p1sDYJf4L8PvCzkmwZ1m8jywlHcm1zXWCtIIyWOxrASss/RC42tifO+zRF2LdV4/S7wrHIo0MAa4UwgXDPiuwSSrDOJ5wvjsuNvGpYO4T5hFP013uAlZZvQ75eAysMLt0nl+4UMb4JPFlZNAhYbxpyWF+taCML61cNN/ZbySSxdIG1QfgSMpdclLczcrvAghDSWZBhFfeJbAZi9ZX4EDgruYozG8HqqCO8RThUKDuTh3WoYd1zYNZu/Iq3Ya0yhMRXV/pQD2sEciMwq5FPsqUVFygZ/4zw+caw8h09AlhuEp2ogDVNeLoSVm5qtWHdlozcalhU+oPhxYnlPcC6E3g99pQsGj9KeJLw3k+vsNKyQ4BnCac1FmCdn4ysX24IayNylnAesrkWVnt05lObhZnAc8DYhj6tBGZDNKafg3Wi8G1kN5oZru50eGnhHkJsa0si2BI+VZStuWm/hpxiyFSs6EuxPLeKH6ncDJzbw2xZDMwiWeT25RVzsM40pAENr3SmU/C4MpVs9kuFM8IBxbVZM1jeh5xPGGEDgXWI8gAh57YJrM3KHGBhti7zlCzN8XsawrpeORaZarjB18FiALA2in+EnAVsrO5LLaxzlWd7gPWaIQi5MF/XznEtwdqNJLTRANalSfEywnZkyRDCek4cT7jh1vSlEtYehKzru4CRDWHdLUwAXoy10cLoumSPBrCWpLCwbXC9cgJwKSH+326oMazwbTtynTiJwlOwB1ifBp4zjMwa+bZPG4GzDEeG/xvTgXRKlit37wILw2iakh0RyecO5HrhaMIbHFSkSrbtFtpfixwjzqOQr9oDrFnAs4bXdJrAWgWMN7yrGW0j1Wulo6Ng8GfA2tqnYci3eMLw9lhsefJD4GD1snAfquswGEbVfchY8cmuozAOaxThuGyh4dClG6wd6AJgIrC6GyxIs3fKBjcpFxH2WDFYJCMrTVj5Hu2Elawt3weuEX4ruQ9tjzi+RbgLORg5S/z5AGGNI+w/T+8uD8IvCMeFFwIfVOnk9ACv/OKPSwYzyl8SvoWOiMAqyq4TziTEw2mYV9rpnBBLpWoIazYhg3rXhrB+hJwOrqlrowgLYwl1eeWH0GnAL7rAwmSKAleonSdsE1jEYVVNkQysPQ0L65sawtouXIccNRBYUkyoKzkjwDLlSJI53uXKD1OvBEK8vyks47Dism1vJhjyWk+p0iuUv214+WEeuDWqk+UTgYXxm3XsnvUKIYf0gfrOtXWmEPZfn/8IYIleZNisj24I6/uGe9zjaWUUVlEvYrMUcY3ASss3IGcY3pzYXAMrLdsveRhcRewti4HB+gThjZOvU/XGSV5+K3KZId103WBhBWDNYJGZjrchh5t5DNfc4FvI5cITyP6DhDWRcCp9Up1epnwNYbt2DYRfUBksLM3sJRvCSstWEdKdFjd8Gk4RViLTBgBL4BL0KcOpdBNY/4KMl5ALUulXN1jZoqSRuph+FaxUdoN6KnChyVsTXQDsDSxRryYJKzWAtRfwXfTvhOENYH1ASLg7ScIJ96Bg5eqTKdP5PuC80gXAkchPK/U7Oi3gMmSpubTQqPOTCW+6ndDtgiblq5N+3CjsGDJY2T9or8Ma5ZWWYGWA9BuOtx6uGrGFVMnJhCDgHDPnCsnnLsoVwFL0gIaw7iecSvV3HB4iWFkhwatnvDhgWJEpq2FKXA8Mr4BV1H+NkDv2HiFoNx04KL15dYG1yfBOwB0xJ4ccFtA3hLAwRCrmJwAeAD7ZJa8Uwgv0Y/IONoL1knI68PLOggXVJ9/NYMUBYDiNGac+XKqPtZVzsBGsfzBkGO5UWEjFU7IprFoAvgtMR+aa5tEPHtYGQjRiFoT3AnYmLCj80McQwkp10iP8owg/wzcYWP3AeOXBkkM7CRYUoxVDCysru9zwHvbDRcdS5RpY6X3xSOUnJYd2IiwpRCs+Elgdu+8AJxsSftdnHa6B9Q4h22dudnH8ccHCTLQiHWHRDgwGVtnuA8ghwqIaWNuFJYTM60eyHf84YUF2hOUasSdYNIeVyqxHZxpS3scSwtzbgB8gs4VfJ7z6vLboRBWsvHcfDSxI12GDhFWSrYfV6UD4WYa3DD/McSshzF3ucE63ACvi2EcFC+D/AOZFRblKxpQvAAAAAElFTkSuQmCC) center/30px no-repeat;
    position: absolute;
    left: 0;
    top: 0
}

.bf-logo-header span1 {
    display: block;
    text-transform: uppercase;
    background: linear-gradient(to right,#5f59ce 0%,#772189 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bf-auth-overflow {
    background: #22223d;
    color: #72778e;
    counter-reset: section;
    letter-spacing: -2.5px;
    text-align: center;
    padding-top: 120px
}

.bf-auth-item-block {
    display: inline-block;
    margin: 1.5rem 0rem;
    padding: 0;
    border: 1px solid transparent;
    position: relative;
    background: #30304d;
    box-shadow: 0 8px 24px #1e1e35;
    border: 1px solid transparent;
    border: 1px solid transparent;
    border-radius: 5px
}

.bf-auth-header {
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding: 6px 20px
}

.bf-auth-header:after {
    content: "";
    display: block;
    clear: both
}

.bf-logo-header {
    display: inline-block;
    line-height: 45px;
    color: #fff;
    text-decoration: none;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -3px;
    margin-right: 0;
    margin-left: -15px
}

.bf-auth-content-block {
    padding: 20px;
    font-family: "Kanit",sans-serif;
    letter-spacing: normal;
    font-weight: 100
}

.bf-auth-content-block .alert {
    padding-bottom: 10px
}

.bf-auth-area-block {
    position: relative;
    margin: 12px 0
}

.bf-auth-area-block:first-child {
    margin-top: 6px
}

.bf-auth-area-block svg.input-icon {
    position: absolute;
    left: 12px;
    top: 7px;
    display: inline-block;
    width: 15px
}

.bf-auth-area-block input {
    display: block;
    line-height: 35px;
    background: #30304d;
    width: -webkit-calc(100% - 56px);
    width: -moz-calc(100% - 56px);
    width: calc(100% - 56px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.1);
    padding: 0 20px 0 34px;
    letter-spacing: -.8px;
    transition: all 300ms ease-in-out 0s;
    font-size: 15px;
    font-family: "Kanit",sans-serif;
    letter-spacing: normal;
    font-weight: 300;
    color: #fff
}

.bf-auth-area-block input:focus {
    outline: none;
    border: 1px solid #956ed6
}

.bf-auth-area-block.password {
    position: relative
}

.bf-auth-area-block.password .group4,.bf-auth-area-block.password .group2,.bf-auth-area-block.password .group3 {
    position: absolute;
    right: 15px;
    top: 7px;
    cursor: pointer
}

.bf-auth-area-block.password .group4.check:before,.bf-auth-area-block.password .group2.check:before,.bf-auth-area-block.password .group3.check:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    background: #30304d url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWV5ZS1vZmYiPjxwYXRoIGQ9Ik0xNy45NCAxNy45NEExMC4wNyAxMC4wNyAwIDAgMSAxMiAyMGMtNyAwLTExLTgtMTEtOGExOC40NSAxOC40NSAwIDAgMSA1LjA2LTUuOTRNOS45IDQuMjRBOS4xMiA5LjEyIDAgMCAxIDEyIDRjNyAwIDExIDggMTEgOGExOC41IDE4LjUgMCAwIDEtMi4xNiAzLjE5bS02LjcyLTEuMDdhMyAzIDAgMSAxLTQuMjQtNC4yNCI+PC9wYXRoPjxsaW5lIHgxPSIxIiB5MT0iMSIgeDI9IjIzIiB5Mj0iMjMiPjwvbGluZT48L3N2Zz4=) center/20px no-repeat;
    width: 100%;
    height: 100%
}

.bf-auth-area-block.password .group4 svg,.bf-auth-area-block.password .group2 svg,.bf-auth-area-block.password .group3 svg {
    width: 20px
}

.bf-auth-area-block input::-webkit-input-placeholder {
    color: #fff
}

.bf-auth-area-block input::-moz-placeholder {
    color: #fff
}

.bf-auth-area-block input:-ms-input-placeholder {
    color: #fff
}

.bf-auth-area-block input:-moz-placeholder {
    color: #fff
}

.bf-auth-area-block.password .group2 svg:hover,.bf-auth-area-block.password .group3 svg:hover {
    stroke: #fff
}

.bf-auth-area-block input:focus {
    outline: none
}

.bf-auth-area-block input:-webkit-autofill,.bf-auth-area-block input:-webkit-autofill:focus {
    border: 1px solid #956ed6
}

.bf-auth-area-block input:-webkit-autofill,.bf-auth-area-block input:-webkit-autofill:hover,.bf-auth-area-block input:-webkit-autofill:focus,.bf-auth-area-block input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #30304d inset!important;
    -webkit-text-fill-color: #fff
}

.bf-remember-me {
    position: relative;
    overflow: hidden;
    text-align: left;
    cursor: pointer
}

.bf-remember-me label {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 25px
}

.bf-remember-me input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    display: inline-block;
    width: auto;
    appearance: auto;
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 11
}

.be-remember-checkbox {
    display: inline-block;
    height: 25px;
    background: #45455f;
    width: 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    float: right;
    position: relative
}

.be-remember-checkbox:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
    transition: all 300ms ease-in-out 0s;
    background: #52527d;
    height: 17px;
    width: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.bf-remember-me.checked label .be-remember-checkbox:after {
    background: #9d7ad8;
    left: 32px
}

.bf-auth-captcha-block:after {
    content: "";
    display: block;
    clear: both
}

.bf-auth-captcha-block {
    margin: 12px 0
}

.bf-auth-captcha-img {
    display: inline-block;
    float: left;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px)
}

.bf-auth-captcha-img img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.bf-auth-captcha-input {
    display: inline-block;
    float: right;
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px)
}

.bf-auth-captcha-input input {
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    border: 1px solid rgba(255,255,255,.1);
    text-align: center;
    font-size: 15px;
    font-family: "Kanit",sans-serif;
    letter-spacing: normal;
    font-weight: 300;
    color: #fff;
    background: #30304d;
    line-height: 35px
}

.bf-auth-captcha-input input:focus {
    outline: none
}

.bf-auth-captcha-input input::-webkit-input-placeholder {
    color: #fff
}

.bf-auth-captcha-input input::-moz-placeholder {
    color: #fff
}

.bf-auth-captcha-input input:-ms-input-placeholder {
    color: #fff
}

.bf-auth-captcha-input input:-moz-placeholder {
    color: #fff
}

.bf-button-action button {
    text-decoration: none;
    display: block;
    line-height: 40px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    background: #956ed6;
    -webkit-box-shadow: 0 10px 21px 0 rgb(149 110 214 / 20%);
    -moz-box-shadow: 0 10px 21px 0 rgba(149,110,214,.2);
    margin-top: 10px;
    box-shadow: 0 10px 21px 0 rgb(149 110 214 / 20%);
    font-size: 15px;
    font-family: "Kanit",sans-serif;
    letter-spacing: normal;
    font-weight: 300;
    cursor: pointer
}

.bf-sign-up-block,.bf-sign-in-block {
    margin-top: 15px
}

.bf-sign-up-block span,.bf-sign-in-block span {
    display: block;
    cursor: pointer
}

.bf-sign-up-block strong,.bf-sign-in-block span strong {
    font-weight: 300;
    color: #fff
}

.bf-sign-up-block span strong:hover,.bf-sign-in-block span strong:hover {
    color: #956ed6
}

.bf-auth-form.hidden {
    display: none
}

.bf-signup-form.hidden {
    display: none
}

.bf-onion-link a {
    color: #fff
}

.bf-onion-link a:hover {
    text-decoration: none;
    color: #956ed6
}

.bf-onion-link a .bf-tor-browser-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2ZXJzaW9uPSIxLjEiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAxMzMzMyAxMzMzMyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnhvZG09Imh0dHA6Ly93d3cuY29yZWwuY29tL2NvcmVsZHJhdy9vZG0vMjAwMyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJpZDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjY2NyIgeTE9IjEzMzMzIiB4Mj0iNjY2NyIgeTI9IjAiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1vcGFjaXR5PSIxIiBzdG9wLWNvbG9yPSIjNDIwQzVEIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjEiIHN0b3AtY29sb3I9IiM5NTFBRDEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iaWQxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM2NTkiIHkxPSIxMjczNCIgeDI9IjM2NTkiIHkyPSI3NTUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1vcGFjaXR5PSIxIiBzdG9wLWNvbG9yPSIjNDIwQzVEIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLW9wYWNpdHk9IjEiIHN0b3AtY29sb3I9IiM5NTFBRDEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBpZD0iTGF5ZXJfeDAwMjBfMSI+PG1ldGFkYXRhIGlkPSJDb3JlbENvcnBJRF8wQ29yZWwtTGF5ZXIiLz48ZyBpZD0iVG9yX0Jyb3dzZXJfaWNvbi5zdmciPjxnIGlkPSJ0b3ItYnJvd3Nlci1pY29uIj48ZyBpZD0iaWNvbl81MTJ4NTEyIj48ZyBpZD0iR3JvdXAiPjxnIGlkPSJ0Yl9pY29uX3gwMDJmX1N0YWJsZSI+PGcgaWQ9IlN0YWJsZSI+PGNpcmNsZSBpZD0iYmFja2dyb3VuZCIgZmlsbD0iI0YyRTRGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iNjY2NyIgY3k9IjY2NjciIHI9IjY0MDYiLz48cGF0aCBpZD0iY2VudGVyIiBmaWxsPSJ1cmwoI2lkMCkiIGQ9Ik02NjgwIDEyMTIxbDAgLTgwOGMyNTYwLC03IDQ2MzMsLTIwODQgNDYzMywtNDY0NiAwLC0yNTYyIC0yMDczLC00NjM5IC00NjMzLC00NjQ2bDAgLTgwOGMzMDA2LDggNTQ0MSwyNDQ2IDU0NDEsNTQ1NCAwLDMwMDggLTI0MzQsNTQ0NyAtNTQ0MSw1NDU0em0wIC0yODI5YzE0NDQsLTggMjYxMywtMTE4MCAyNjEzLC0yNjI2IDAsLTE0NDYgLTExNjksLTI2MTggLTI2MTMsLTI2MjZsMCAtODA4YzE4OTAsNyAzNDIxLDE1NDEgMzQyMSwzNDM0IDAsMTg5MiAtMTUzMCwzNDI2IC0zNDIxLDM0MzRsMCAtODA4em0wIC00MDM5Yzc3NSw3IDE0MDAsNjM3IDE0MDAsMTQxMyAwLDc3NyAtNjI2LDE0MDYgLTE0MDAsMTQxNGwwIC0yODI3em0tNjY4MCAxNDEzYzAsMzY4MiAyOTg1LDY2NjcgNjY2Nyw2NjY3IDM2ODIsMCA2NjY3LC0yOTg1IDY2NjcsLTY2NjcgMCwtMzY4MiAtMjk4NSwtNjY2NiAtNjY2NywtNjY2NiAtMzY4MiwwIC02NjY3LDI5ODUgLTY2NjcsNjY2NnoiLz48ZyBpZD0iaGFsZiI+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik02NjY3IDc1NWMtMzMyMiwwIC02MDE2LDI2ODIgLTYwMTYsNTk5MCAwLDMzMDggMjY5Myw1OTkwIDYwMTYsNTk5MGwwIC0xMTk3OXoiLz48L2c+PGc+PHBhdGggZmlsbD0idXJsKCNpZDEpIiBkPSJNNjY2NyA3NTVjLTMzMjIsMCAtNjAxNiwyNjgyIC02MDE2LDU5OTAgMCwzMzA4IDI2OTMsNTk5MCA2MDE2LDU5OTBsMCAtMTE5Nzl6Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+) center/20px no-repeat
}

@media screen and (max-width: 1100px) {
    .bf-auth-overflow {
        padding-top:60px
    }

    .bf-auth-header .bf-logo-header {
        position: static
    }
}

@media screen and (max-width: 1100px) {
    .bf-auth-overflow {
        padding-left:20px;
        padding-right: 20px;
        padding-top: 40px
    }
}

@media screen and (max-width: 420px) {
    .bf-logo-header {
        position:absolute;
        left: 0;
        right: 0;
        top: 5px;
        text-align: center
    }

    .bf-logo-header span {
        display: inline-block
    }
}