/* @extend display-flex; */
display-flex, .signup-content, .login-content, .form-row, .label-flex, .form-radio-group {
  display: flex;
  position:relative; 
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli, ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

a:focus, a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

input, select, textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

input:-webkit-autofill {
  box-shadow: 0 0 0 30px transparent inset;
  -moz-box-shadow: 0 0 0 30px transparent inset;
  -webkit-box-shadow: 0 0 0 30px transparent inset;
  -o-box-shadow: 0 0 0 30px transparent inset;
  -ms-box-shadow: 0 0 0 30px transparent inset;
  background-color: transparent !important; }

img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

p {
  margin: 0px;
  font-weight: 600;
  color: #616161;
  font-size: 12px; }

h2 {
  line-height: 1.2;
  margin: 0;
  padding: 0;
  font-weight: 900;
  color: #fff;
  font-family: 'Nunito', 'sans-serif';
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px; }

.clear {
  clear: both; }

body {
  font-size: 14px;
  line-height: 1.8;
  color: #222;
  font-weight: 500;
  font-family: 'Nunito', 'sans-serif';
  margin: 0px;
  background: #FAFBFD;
}

.main {
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  position: relative; 
  padding-top: 12px
}

body::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  width: 310px;
  height: 477px;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTAiIGhlaWdodD0iNDc3IiB2aWV3Qm94PSIwIDAgMzEwIDQ3NyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGNUY3RkEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTS04NC44MTkyLDQyOS4zNjIgQzc5LjMwOTMsNDI5LjM2MiAyMTIuMzYyLDI5Ni4zMDkgMjEyLjM2MiwxMzIuMTgxIEMyMTIuMzYyLC0zMS45NDc2IDc5LjMwOTMsLTE2NSAtODQuODE5MiwtMTY1IEMtMjQ4Ljk0OCwtMTY1IC0zODIsLTMxLjk0NzYgLTM4MiwxMzIuMTgxIEMtMzgyLDI5Ni4zMDkgLTI0OC45NDgsNDI5LjM2MiAtODQuODE5Miw0MjkuMzYyIFoiLz4KICAgIDxwYXRoIGZpbGw9IiNFNkVCRjIiIGQ9Ik0xOTEuNzY1LDIwOC42ODMgTDE5MS43NjUsMjIzLjM5NSBMMTc3LjA1MywyMjMuMzk1IEwxNzcuMDUzLDIwOC42ODMgTDE5MS43NjUsMjA4LjY4MyBaIE0yMzAuOTk3LDIwOC42ODMgTDIzMC45OTcsMjIzLjM5NSBMMjE2LjI4NSwyMjMuMzk1IEwyMTYuMjg1LDIwOC42ODMgTDIzMC45OTcsMjA4LjY4MyBaIE0xNTIuNTMzLDIwOC42ODMgTDE1Mi41MzMsMjIzLjM5NSBMMTM3LjgyMSwyMjMuMzk1IEwxMzcuODIxLDIwOC42ODMgTDE1Mi41MzMsMjA4LjY4MyBaIE0xMTMuMzAxLDIwOC42ODMgTDExMy4zMDEsMjIzLjM5NSBMOTguNTg5MywyMjMuMzk1IEw5OC41ODkzLDIwOC42ODMgTDExMy4zMDEsMjA4LjY4MyBaIE03NS4wNTA0LDIwOC42ODMgTDc1LjA1MDQsMjIzLjM5NSBMNjAuMzM4NSwyMjMuMzk1IEw2MC4zMzg1LDIwOC42ODMgTDc1LjA1MDQsMjA4LjY4MyBaIE0zNC44Mzc1LDIwOC42ODMgTDM0LjgzNzUsMjIzLjM5NSBMMjAuMTI1NiwyMjMuMzk1IEwyMC4xMjU2LDIwOC42ODMgTDM0LjgzNzUsMjA4LjY4MyBaIE0yMzAuOTk3LDE2OS40NTEgTDIzMC45OTcsMTg0LjE2MyBMMjE2LjI4NSwxODQuMTYzIEwyMTYuMjg1LDE2OS40NTEgTDIzMC45OTcsMTY5LjQ1MSBaIE0yNzAuMjI4LDE2OS40NTEgTDI3MC4yMjgsMTg0LjE2MyBMMjU1LjUxNiwxODQuMTYzIEwyNTUuNTE2LDE2OS40NTEgTDI3MC4yMjgsMTY5LjQ1MSBaIE0xOTEuNzY1LDE2OS40NTEgTDE5MS43NjUsMTg0LjE2MyBMMTc3LjA1MywxODQuMTYzIEwxNzcuMDUzLDE2OS40NTEgTDE5MS43NjUsMTY5LjQ1MSBaIE0xNTIuNTMzLDE2OS40NTEgTDE1Mi41MzMsMTg0LjE2MyBMMTM3LjgyMSwxODQuMTYzIEwxMzcuODIxLDE2OS40NTEgTDE1Mi41MzMsMTY5LjQ1MSBaIE0xMTQuMjgyLDE2OS40NTEgTDExNC4yODIsMTg0LjE2MyBMOTkuNTcwMSwxODQuMTYzIEw5OS41NzAxLDE2OS40NTEgTDExNC4yODIsMTY5LjQ1MSBaIE03NC4wNjk3LDE2OS40NTEgTDc0LjA2OTcsMTg0LjE2MyBMNTkuMzU3OCwxODQuMTYzIEw1OS4zNTc4LDE2OS40NTEgTDc0LjA2OTcsMTY5LjQ1MSBaIE0zMy44NTY4LDE2OS40NTEgTDMzLjg1NjgsMTg0LjE2MyBMMTkuMTQ0OSwxODQuMTYzIEwxOS4xNDQ5LDE2OS40NTEgTDMzLjg1NjgsMTY5LjQ1MSBaIE0yNzAuMjI4LDEzMC4yMTkgTDI3MC4yMjgsMTQ0LjkzMSBMMjU1LjUxNiwxNDQuOTMxIEwyNTUuNTE2LDEzMC4yMTkgTDI3MC4yMjgsMTMwLjIxOSBaIE0zMDkuNDYsMTMwLjIxOSBMMzA5LjQ2LDE0NC45MzEgTDI5NC43NDgsMTQ0LjkzMSBMMjk0Ljc0OCwxMzAuMjE5IEwzMDkuNDYsMTMwLjIxOSBaIE0yMzAuOTk3LDEzMC4yMTkgTDIzMC45OTcsMTQ0LjkzMSBMMjE2LjI4NSwxNDQuOTMxIEwyMTYuMjg1LDEzMC4yMTkgTDIzMC45OTcsMTMwLjIxOSBaIE0xOTEuNzY1LDEzMC4yMTkgTDE5MS43NjUsMTQ0LjkzMSBMMTc3LjA1MywxNDQuOTMxIEwxNzcuMDUzLDEzMC4yMTkgTDE5MS43NjUsMTMwLjIxOSBaIE0xNTMuNTE0LDEzMC4yMTkgTDE1My41MTQsMTQ0LjkzMSBMMTM4LjgwMiwxNDQuOTMxIEwxMzguODAyLDEzMC4yMTkgTDE1My41MTQsMTMwLjIxOSBaIE0xMTMuMzAxLDEzMC4yMTkgTDExMy4zMDEsMTQ0LjkzMSBMOTguNTg5MywxNDQuOTMxIEw5OC41ODkzLDEzMC4yMTkgTDExMy4zMDEsMTMwLjIxOSBaIE03My4wODg5LDEzMC4yMTkgTDczLjA4ODksMTQ0LjkzMSBMNTguMzc2OSwxNDQuOTMxIEw1OC4zNzY5LDEzMC4yMTkgTDczLjA4ODksMTMwLjIxOSBaIE0zNS44MTg0LDEzMC4yMTkgTDM1LjgxODQsMTQ0LjkzMSBMMjEuMTA2NCwxNDQuOTMxIEwyMS4xMDY0LDEzMC4yMTkgTDM1LjgxODQsMTMwLjIxOSBaIi8+CiAgICA8cGF0aCBmaWxsPSIjRjVGN0ZBIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik02NS45MDgxLDQzMC45MDggQzc2LjQ1MjMsNDIwLjM2NCA5My41NDc3LDQyMC4zNjQgMTA0LjA5Miw0MzAuOTA4IEMxMTQuNjM2LDQ0MS40NTIgMTE0LjYzNiw0NTguNTQ4IDEwNC4wOTIsNDY5LjA5MiBDOTMuNTQ3Nyw0NzkuNjM2IDc2LjQ1MjMsNDc5LjYzNiA2NS45MDgxLDQ2OS4wOTIgQzU1LjM2NCw0NTguNTQ4IDU1LjM2NCw0NDEuNDUyIDY1LjkwODEsNDMwLjkwOCBaIE05Ni4zMTM3LDQzOC42ODYgQzkwLjA2NTMsNDMyLjQzOCA3OS45MzQ3LDQzMi40MzggNzMuNjg2Myw0MzguNjg2IEM2Ny40Mzc5LDQ0NC45MzUgNjcuNDM3OSw0NTUuMDY1IDczLjY4NjMsNDYxLjMxNCBDNzkuOTM0Nyw0NjcuNTYyIDkwLjA2NTMsNDY3LjU2MiA5Ni4zMTM3LDQ2MS4zMTQgQzEwMi41NjIsNDU1LjA2NSAxMDIuNTYyLDQ0NC45MzUgOTYuMzEzNyw0MzguNjg2IFoiLz4KICAgIDxwYXRoIGZpbGw9IiNFNkVCRjIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTY1LjkwODIsNDMwLjkwOCBDNTUuMzY0LDQ0MS40NTIgNTUuMzY0LDQ1OC41NDggNjUuOTA4Miw0NjkuMDkyIEw3My42ODY0LDQ2MS4zMTQgQzY3LjQzOCw0NTUuMDY1IDY3LjQzOCw0NDQuOTM1IDczLjY4NjQsNDM4LjY4NiBMNjUuOTA4Miw0MzAuOTA4IFoiLz4KICA8L2c+Cjwvc3ZnPgo=);
}

body::after {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: -9999;
  width: 313px;
  height: 461px;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTMiIGhlaWdodD0iNDYxIiB2aWV3Qm94PSIwIDAgMzEzIDQ2MSI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGNUY3RkEiIGQ9Ik0yOTQuMDA5LDE4NC4xMzcgQzQ1Ni4zODYsMTg0LjEzNyA1ODguMDE4LDMxNS43NyA1ODguMDE4LDQ3OC4xNDYgQzU4OC4wMTgsNjQwLjUyMyA0NTYuMzg2LDc3Mi4xNTYgMjk0LjAwOSw3NzIuMTU2IEMxMzEuNjMyLDc3Mi4xNTYgMCw2NDAuNTIzIDAsNDc4LjE0NiBDMCwzMTUuNzcgMTMxLjYzMiwxODQuMTM3IDI5NC4wMDksMTg0LjEzNyBaIE0yOTQuMDA5LDM4NC41NTIgQzI0Mi4zMTgsMzg0LjU1MiAyMDAuNDE1LDQyNi40NTYgMjAwLjQxNSw0NzguMTQ2IEMyMDAuNDE1LDUyOS44MzcgMjQyLjMxOCw1NzEuNzQxIDI5NC4wMDksNTcxLjc0MSBDMzQ1LjcsNTcxLjc0MSAzODcuNjA0LDUyOS44MzcgMzg3LjYwNCw0NzguMTQ2IEMzODcuNjA0LDQyNi40NTYgMzQ1LjcsMzg0LjU1MiAyOTQuMDA5LDM4NC41NTIgWiIvPgogICAgPHBhdGggZmlsbD0iI0U2RUJGMiIgZD0iTTIwMi45NTgsMzY1LjczMSBMMjAyLjk1OCwzODAuOTkxIEwxODcuNjk4LDM4MC45OTEgTDE4Ny42OTgsMzY1LjczMSBMMjAyLjk1OCwzNjUuNzMxIFogTTIwMi45NTgsMzI3LjA3MyBMMjAyLjk1OCwzNDIuMzMzIEwxODcuNjk4LDM0Mi4zMzMgTDE4Ny42OTgsMzI3LjA3MyBMMjAyLjk1OCwzMjcuMDczIFogTTI0My42NTEsMzI1LjAzOCBMMjQzLjY1MSwzNDAuMjk4IEwyMjguMzkxLDM0MC4yOTggTDIyOC4zOTEsMzI1LjAzOCBMMjQzLjY1MSwzMjUuMDM4IFogTTI0My42NTEsMjg2LjM3OSBMMjQzLjY1MSwzMDEuNjM5IEwyMjguMzkxLDMwMS42MzkgTDIyOC4zOTEsMjg2LjM3OSBMMjQzLjY1MSwyODYuMzc5IFogTTIwMi45NTgsMjg1LjM2MiBMMjAyLjk1OCwzMDAuNjIyIEwxODcuNjk4LDMwMC42MjIgTDE4Ny42OTgsMjg1LjM2MiBMMjAyLjk1OCwyODUuMzYyIFogTTI4NC4zNDUsMjg0LjM0NSBMMjg0LjM0NSwyOTkuNjA1IEwyNjkuMDg1LDI5OS42MDUgTDI2OS4wODUsMjg0LjM0NSBMMjg0LjM0NSwyODQuMzQ1IFogTTI4NC4zNDUsMjQ1LjY4NiBMMjg0LjM0NSwyNjAuOTQ2IEwyNjkuMDg1LDI2MC45NDYgTDI2OS4wODUsMjQ1LjY4NiBMMjg0LjM0NSwyNDUuNjg2IFogTTI0My42NTEsMjQ0LjY2OSBMMjQzLjY1MSwyNTkuOTI5IEwyMjguMzkxLDI1OS45MjkgTDIyOC4zOTEsMjQ0LjY2OSBMMjQzLjY1MSwyNDQuNjY5IFogTTIwMi45NTgsMjQzLjY1MSBMMjAyLjk1OCwyNTguOTExIEwxODcuNjk4LDI1OC45MTEgTDE4Ny42OTgsMjQzLjY1MSBMMjAyLjk1OCwyNDMuNjUxIFogTTI4NC4zNDUsMjAzLjk3NSBMMjg0LjM0NSwyMTkuMjM1IEwyNjkuMDg1LDIxOS4yMzUgTDI2OS4wODUsMjAzLjk3NSBMMjg0LjM0NSwyMDMuOTc1IFogTTIwMi45NTgsMjAzLjk3NSBMMjAyLjk1OCwyMTkuMjM1IEwxODcuNjk4LDIxOS4yMzUgTDE4Ny42OTgsMjAzLjk3NSBMMjAyLjk1OCwyMDMuOTc1IFogTTI0My42NTEsMjAyLjk1OCBMMjQzLjY1MSwyMTguMjE4IEwyMjguMzkxLDIxOC4yMTggTDIyOC4zOTEsMjAyLjk1OCBMMjQzLjY1MSwyMDIuOTU4IFogTTI0My42NTEsMTYzLjI4MiBMMjQzLjY1MSwxNzguNTQyIEwyMjguMzkxLDE3OC41NDIgTDIyOC4zOTEsMTYzLjI4MiBMMjQzLjY1MSwxNjMuMjgyIFogTTIwMi45NTgsMTYzLjI4MiBMMjAyLjk1OCwxNzguNTQyIEwxODcuNjk4LDE3OC41NDIgTDE4Ny42OTgsMTYzLjI4MiBMMjAyLjk1OCwxNjMuMjgyIFogTTI4NC4zNDUsMTYyLjI2NSBMMjg0LjM0NSwxNzcuNTI1IEwyNjkuMDg1LDE3Ny41MjUgTDI2OS4wODUsMTYyLjI2NSBMMjg0LjM0NSwxNjIuMjY1IFogTTI4NC4zNDUsMTIyLjU4OSBMMjg0LjM0NSwxMzcuODQ5IEwyNjkuMDg1LDEzNy44NDkgTDI2OS4wODUsMTIyLjU4OSBMMjg0LjM0NSwxMjIuNTg5IFogTTI0My42NTEsMTIyLjU4OSBMMjQzLjY1MSwxMzcuODQ5IEwyMjguMzkxLDEzNy44NDkgTDIyOC4zOTEsMTIyLjU4OSBMMjQzLjY1MSwxMjIuNTg5IFogTTIwMi45NTgsMTIyLjU4OSBMMjAyLjk1OCwxMzcuODQ5IEwxODcuNjk4LDEzNy44NDkgTDE4Ny42OTgsMTIyLjU4OSBMMjAyLjk1OCwxMjIuNTg5IFogTTI4NC4zNDUsODEuODk1NCBMMjg0LjM0NSw5Ny4xNTU0IEwyNjkuMDg1LDk3LjE1NTQgTDI2OS4wODUsODEuODk1NCBMMjg0LjM0NSw4MS44OTU0IFogTTI0My42NTEsODEuODk1NCBMMjQzLjY1MSw5Ny4xNTU0IEwyMjguMzkxLDk3LjE1NTQgTDIyOC4zOTEsODEuODk1NCBMMjQzLjY1MSw4MS44OTU0IFogTTIwMi45NTgsODEuODk1NCBMMjAyLjk1OCw5Ny4xNTU0IEwxODcuNjk4LDk3LjE1NTQgTDE4Ny42OTgsODEuODk1NCBMMjAyLjk1OCw4MS44OTU0IFogTTI4NC4zNDUsNDEuMjAyIEwyODQuMzQ1LDU2LjQ2MiBMMjY5LjA4NSw1Ni40NjIgTDI2OS4wODUsNDEuMjAyIEwyODQuMzQ1LDQxLjIwMiBaIE0yNDMuNjUxLDQxLjIwMiBMMjQzLjY1MSw1Ni40NjIgTDIyOC4zOTEsNTYuNDYyIEwyMjguMzkxLDQxLjIwMiBMMjQzLjY1MSw0MS4yMDIgWiBNMjg0LjM0NSwwLjUwODc4OSBMMjg0LjM0NSwxNS43Njg4IEwyNjkuMDg1LDE1Ljc2ODggTDI2OS4wODUsMC41MDg3ODkgTDI4NC4zNDUsMC41MDg3ODkgWiIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.container-login, .container-register {
  -moz-box-shadow: 0 0.9px 4px -1px rgb(0 0 0 / 8%), 0 2.6px 8px -1px rgb(0 0 0 / 6%), 0 5.7px 12px -1px rgb(0 0 0 / 5%), 0 15px 15px -1px rgb(0 0 0 / 3%);
  -webkit-box-shadow: 0 0.9px 4px -1px rgb(0 0 0 / 8%), 0 2.6px 8px -1px rgb(0 0 0 / 6%), 0 5.7px 12px -1px rgb(0 0 0 / 5%), 0 15px 15px -1px rgb(0 0 0 / 3%);
  box-shadow: 0 0.9px 4px -1px rgb(0 0 0 / 8%), 0 2.6px 8px -1px rgb(0 0 0 / 6%), 0 5.7px 12px -1px rgb(0 0 0 / 5%), 0 15px 15px -1px rgb(0 0 0 / 3%);
  border-color: 1 px solid #ddd;
}

.signup-content {
  border-bottom: 1px solid #ddd;
}

.container {
  width: 100%;
  max-width: 800px;
  margin: auto;
  background: #fff; 
  opacity: 0.9;
}

.container-login {
  width: 100%;
  max-width: 400px;
  background: #fff; 
  opacity: 0.9;
}

.signup-form, .login-form {
  width: 100%;
  margin-top: -2px; }

.register-form, .login-form {
  padding: 30px 50px 40px 50px;
  margin-bottom: -8px; 
}

.login-form {
  box-sizing:border-box;
}

.form-row {
  margin: 0 -30px; }
  .form-row .form-group {
    width: 50%;
    padding: 0 10px; }

.login-content .form-row .form-group {
  width: 100%;
  padding: 0 10px; }

.form-input, .form-select, .form-radio {
  margin-bottom: 23px; }

label, input {
  display: block;
  width: 100%; }

label {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2px; 
  font-size: 12px;
  color: #525252;
}

label.required {
  position: relative; }
  label.required:after {
    content: '*';
    margin-left: 2px;
    color: #b90000; }

input {
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  padding: 6px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 14px;
  font-family: 'Nunito', 'sans-serif'; }
  input:focus {
    border: 1px solid #2180aa; }

.label-flex {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between; }
  .label-flex label {
    width: auto; }

.form-link {
  font-size: 12px;
  color: #222;
  text-decoration: none;
  position: relative; }
  .form-link:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #d7d7d7;
    left: 0;
    bottom: 12px; }

.form-radio {
  margin-bottom: 18px; }
  .form-radio input {
    width: auto;
    display: inline-block; }

.radio-label {
  padding-right: 72px; }

.form-radio-group {
  padding-bottom: 10px;
  padding-top: 12px; }

.form-radio-item {
  position: relative;
  margin-right: 30px; }
  .form-radio-item label {
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    z-index: 9;
    display: block;
    cursor: pointer;
    text-transform: none; }

.check {
  display: inline-block;
  position: absolute;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 18px;
  width: 18px;
  top: 2px;
  left: 0px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear; }
  .check:before {
    position: absolute;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear; }

input[type=radio] {
  position: absolute;
  visibility: hidden; }
  input[type=radio]:checked ~ .check {
    border: 1px solid #2180aa; }
  input[type=radio]:checked ~ .check::before {
    background: #2180aa; }

ul {
  background: 0 0;
  position: relative;
  z-index: 9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px; }

ul li {
  padding: 13px 20px;
  z-index: 2;
  color: #222; }

ul li:not(.init) {
  display: none;
  background: #fff;
  color: #222;
  padding: 5px 10px; }

ul li:not(.init):hover, ul li.selected:not(.init) {
  background: #2180aa;
  color: #fff; }

li.init {
  cursor: pointer;
  position: relative; }
  li.init:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 22px;
    color: #222;
    font-family: 'Material-Design-Iconic-Font';
    content: '\f2f2'; }

#slider-margin {
  height: 5px;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  background: #f8f8f8;
  border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -o-border-radius: 2.5px;
  -ms-border-radius: 2.5px; }
  #slider-margin .noUi-connect {
    background: #2180aa; }
  #slider-margin .noUi-handle {
    width: 100px;
    height: 30px;
    top: -12px;
    background: #2180aa;
    box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 3px 2.85px 0.15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    outline: none;
    border: none;
    right: -50px; }
    #slider-margin .noUi-handle:after, #slider-margin .noUi-handle:before {
      background: transparent;
      height: 0px;
      width: 20px;
      top: -2px;
      font-size: 18px;
      outline: none; }
    #slider-margin .noUi-handle:before {
      font-family: 'Material-Design-Iconic-Font';
      color: #fff;
      content: '\f2fa';
      left: 10px; }
    #slider-margin .noUi-handle:after {
      font-family: 'Material-Design-Iconic-Font';
      color: #fff;
      content: '\f2fb';
      left: auto;
      right: -5px; }
    #slider-margin .noUi-handle .noUi-tooltip {
      bottom: 2px;
      border: none;
      background: transparent;
      font-weight: bold;
      color: #fff;
      padding: 0px; }

.donate-us {
  margin-bottom: 93px;
  margin-top: 30px; }
  .donate-us label {
    margin-bottom: 32px; }

.price_slider {
  position: relative; }

.donate-value {
  position: absolute;
  top: -9px;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }

.form-submit {
  text-align: right; 
  margin-top:20px; 
}

.submit {
  width: 150px;
  height: 50px;
  display: inline-block;
  font-family: 'Nunito', 'sans-serif';
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px; }

.btn-small {
  height:34px;
  padding: 4px;
}

#reset {
  background: #fff;
  color: #999;
  border: 2px solid #ebebeb; }
  #reset:hover {
    border: 2px solid #2180aa;
    background: #2180aa;
    color: #fff; }

#submit, #submit1, #submit2 {
  background: #2180aa;
  color: #fff; }
  #submit:hover, #submit1:hover, #submit2:hover {
    background-color: #409cc4; }

.form-input {
  position: relative; }

label.error {
  display: block;
  position: absolute;
  top: 0px;
  right: 0; }
  label.error:after {
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    content: '\f1f8';
    right: 20px;
    top: 37px;
    font-size: 23px;
    color: #c70000; }

input.error {
  border: 1px solid #c70000; }

.select-list {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 47px; }

.list-item {
  position: absolute;
  width: 100%;
  z-index: 99; }

@media screen and (max-width: 1024px) {
  .container {
    width: calc( 100% - 30px);
    max-width: 100%;
    margin: 0 auto; }

  .signup-form, .login-form {
    width: 100%; }

  .register-form, .login-form {
    padding: 50px 80px 50px 80px; } }
@media screen and (max-width: 992px) {
  .signup-content, .login-content {
    width: 100%; }

  .form-radio-item {
    margin-right: 15px; }

  .register-form, .login-form {
    padding: 50px 30px 50px 30px; } }
@media screen and (max-width: 768px) {
  .form-row {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    margin: 0px; }

  .form-row .form-group {
    width: 100%;
    padding: 0 0px; } }
@media screen and (max-width: 480px) {
  .submit {
    width: 100%; }

  #submit, #submit1, #submit2 {
    margin-bottom: 20px;
    margin-right: 0px; }

  .form-radio-group {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column; } }

#logo-container {
  margin:auto;
}

.form-logo {
  width: 130px;
  margin: 12px 0px 3px 0px
}

.auth-title {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 13px;
  color: grey;
  font-weight: 200;
}

.auth-form-row {
  border: 1px solid #c0deea;
  padding-top: 12px;
}

.error-block {
  margin: 0 -30px;
  background-color: #fff7c0;
  padding: 10px;
  padding-left: 32px;
  margin-bottom: 12px;
  border: 1px solid #d42a2a;
  color: #8c1616;
}

.auth-form-verified {
  padding-left: 28px;
  padding-bottom: 10px;
}

.auth-form-verified > p {
  color: #2e8601;
}

span.invalid-feedback {
  background-color: #f5f7fa;
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  color: #cb2121
}