body {
  min-width: none;
  min-height: nonepx;
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.38 Helvetica;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.pin::placeholder{
  color: rgb(234, 234, 234);
}

.brand {
  position: relative;
  float: left;
  z-index: 20;
  width: 16.7361111111%;
  min-width: none;
  min-height: 40px;
  margin: 20px 0 0 62.88493%;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.brandzim {
  position: relative;
  float: left;
  clear: both;
  z-index: 19;
  width: 8.9572482638%;
  min-width: none;
  min-height: 35px;
  margin-left: 68.6783899999%;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.contacts {
  position: absolute;
  top: 10px;
  left: 23.5796440972%;
  z-index: 22;
  width: 22.3296440972%;
  min-width: none;
  min-height: 17px;
  background-color: rgba(0, 0, 0, 0);
  font-family: Montserrat;
  font-size: 0.625em;
  color: #ffffff;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.facebook {
  display: block;
  float: left;
  width: 17px;
  height: auto;
  margin: 9px 0 0 63.125%;
  overflow: hidden;
}

.footer {
  float: left;
  clear: both;
  width: 100%;
  min-width: none;
  height: 119px;
  min-height: nonepx;
  margin-top: 120px;
  background-color: rgb(43, 47, 59);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.form {
  position: relative;
  width: 55.9895833333%;
  min-width: none;
  height: 397px;
  min-height: nonepx;
  margin: 257px auto 0;
  border-radius: 15px;
  background-color: rgb(85, 116, 247);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.formheading {
  float: left;
  width: 36.6071428571%;
  min-width: none;
  min-height: 25px;
  margin: 8px 0 0 34.99855%;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.header {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  min-width: none;
  height: 110px;
  min-height: nonepx;
  background-color: #2f68b1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.hr {
  float: left;
  clear: both;
  width: 99.9976748511%;
  min-width: none;
  height: 1px;
  min-height: nonepx;
  margin-top: 9px;
  background-color: #ffffff;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.instagram {
  display: block;
  float: left;
  width: 16px;
  height: auto;
  margin: 10px 0 0 2.60417%;
  overflow: hidden;
}

.logo {
  display: block;
  position: absolute;
  top: 14px;
  left: 22.7962239583%;
  z-index: 18;
  width: 82px;
  min-width: none;
  height: auto;
  min-height: nonepx;
  overflow: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.passwordreset {
  float: left;
  width: 26.6085379464%;
  min-width: none;
  min-height: 21px;
  margin: 141px 0 0 16.47384%;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.pin {
  display: block;
  position: absolute;
  top: 203px;
  left: 58.3914620535%;
  z-index: 12;
  width: 29.3154761904%;
  min-width: none;
  height: 29px;
  min-height: nonepx;
  padding: 0 10px;
  border-bottom: 1px solid rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  font-size: 0.813em;
  color: rgb(255, 255, 255);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.regbutton {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 5;
  width: 29.6744186046%;
  min-width: none;
  height: 39px;
  min-height: nonepx;
  margin: 74px 0 0 12.23256%;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.regbutton .register {
  position: absolute;
  top: 6px;
  left: 40.730098609%;
  z-index: 3;
  width: 48.3380134526%;
  min-height: 21px;
  font-style: normal;
  font-weight: 700;
  color: rgb(75, 104, 222);
}

.regicon {
  display: block;
  position: absolute;
  top: 9px;
  left: 33.2827194357%;
  z-index: 4;
  width: 19px;
  min-width: none;
  height: auto;
  min-height: nonepx;
  overflow: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.register {
  min-width: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.registeradd {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 13;
  width: 45px;
  min-width: none;
  height: auto;
  min-height: nonepx;
  margin: 15px 0 0 12.19477%;
  overflow: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.signbutton {
  display: block;
  position: absolute;
  top: 248px;
  left: 58.3720930232%;
  z-index: 9;
  width: 29.6744186046%;
  min-width: none;
  height: 39px;
  min-height: nonepx;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.signicon {
  display: block;
  position: relative;
  float: left;
  z-index: 14;
  width: 51px;
  min-width: none;
  height: auto;
  min-height: nonepx;
  margin: 15px 0 0 19.65843%;
  overflow: hidden;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.signin {
  position: relative;
  float: left;
  z-index: 10;
  width: 20.8310081845%;
  min-width: none;
  min-height: 40px;
  margin: 21px 0 0 1.7282%;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  color: rgb(0, 0, 0);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.signtext {
  position: absolute;
  top: 7px;
  right: 9.7423589341%;
  z-index: 8;
  width: 48.3380134526%;
  min-width: none;
  min-height: 21px;
  background-color: rgba(0, 0, 0, 0);
  font-style: normal;
  font-size: 1em;
  font-weight: 700;
  color: rgb(75, 104, 222);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.topbar {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  min-width: none;
  height: 46px;
  min-height: nonepx;
  background-color: rgb(43, 47, 59);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.twitter {
  display: block;
  float: left;
  width: 17px;
  height: auto;
  margin: 9px 0 0 2.44629%;
  overflow: hidden;
}

.verticalsepartor {
  position: absolute;
  top: 85px;
  left: 48.6397879464%;
  z-index: 6;
  width: 1px;
  min-width: none;
  height: 223px;
  min-height: nonepx;
  border-style: none;
  background-color: rgb(255, 255, 255);
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.website {
  display: block;
  float: left;
  width: 17px;
  height: auto;
  margin: 9px 0 0 2.8125%;
  overflow: hidden;
}

.words {
  position: relative;
  float: left;
  width: 28.4807477678%;
  min-width: none;
  min-height: 23px;
  margin-top: 35px;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.yellowbar {
  float: left;
  width: 100%;
  min-width: none;
  height: 7px;
  min-height: nonepx;
  background-color: #ffc400;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-filter: none;
  -moz-filter: none;
  -o-filter: none;
  -ms-filter: none;
  filter: none;
}

.register-1 {
  position: relative;
  float: left;
  z-index: 2;
  width: 20.8310081845%;
  min-height: 40px;
  margin: 21px 0 0 1.31977%;
  color: rgb(0, 0, 0);
}

.words-1 {
  clear: both;
  z-index: 11;
  margin-left: 12.19477%;
  color: rgb(255, 255, 255);
}

.words-2 {
  z-index: 1;
  margin-left: 18.5668599999%;
  color: rgb(0, 0, 0);
}

.formheading strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: 1.688em;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(255, 255, 255);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.brand span,
.formheading span,
.passwordreset a,
.words span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(255, 255, 255);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.brand a,
.brandzim span,
.register a,
.register strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: 1.625em;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(255, 255, 255);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.signin span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: normal;
  font-size: 1.625em;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(255, 255, 255);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.signin strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: normal;
  font-size: 1.625em;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: rgb(255, 255, 255);
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.register span,
.signtext a,
.signtext span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 1440px) {
  .footer {
    margin-top: 84px;
  }

  .form {
    width: 67.96875%;
    height: 391px;
    margin-top: 206px;
  }

  .form .formheading {
    margin-left: 34.9920199999%;
  }

  .form .passwordreset {
    margin-top: 137px;
    margin-left: 16.51341%;
  }

  .form .pin {
    top: 189px;
    font-style: normal;
    font-weight: 700;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    margin-left: 12.19349%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-left: 12.19349%;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-left: 17.07695%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-left: 1.72414%;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    margin-left: 61.04058%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 11.2670898437%;
  }

  .header .logo,
  .topbar .facebook {
    height: auto;
  }

  .regbutton .regicon {
    top: 10px;
    left: 31.9023025607%;
    height: auto;
  }

  .regbutton .register {
    left: 40.7183212267%;
    width: 48.3397190293%;
  }

  .signbutton .signtext {
    top: 6px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 22.8580729166%;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 2.30903%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 2.15061%;
  }

  .topbar .website {
    height: auto;
    margin-left: 2.53364%;
  }

  .form .register-1 {
    position: relative;
    z-index: 2;
    margin-left: 3.94317%;
  }

  .form .words-1 {
    z-index: 11;
    margin-left: 12.19349%;
  }

  .form .words-2 {
    z-index: 1;
    margin-left: 18.56322%;
  }
}

@media(max-width: 1200px) {
  body {
    font-size: 1em;
  }

  .form {
    width: 80.2083333333%;
    height: 448px;
  }

  .form .formheading {
    width: 40.6321525885%;
    margin-left: 35%;
  }

  .form .passwordreset {
    margin-top: 164px;
    margin-left: 16.51786%;
  }

  .form .pin {
    top: 191px;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    margin-left: 12.19968%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-left: 12.19968%;
  }

  .form .signbutton {
    top: 246px;
    left: 58.3841961852%;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-left: 19.14773%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-left: 1.73052%;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    width: 20.1666666666%;
    margin-top: 15px;
    margin-left: 62.07813%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 10.8333333333%;
    margin-top: -10px;
    margin-left: 71.58073%;
  }

  .header .logo {
    left: 24.1223958333%;
    height: auto;
  }

  .regbutton .regicon {
    top: 7px;
    left: 27.4249138355%;
    height: auto;
  }

  .regbutton .register {
    top: 7px;
    left: 40.7178420966%;
    width: 48.3394430158%;
  }

  .signbutton .signtext {
    top: 7px;
    left: 0;
    right: 0;
    width: 48.3394430158%;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 23.5807291666%;
    width: 22.33203125%;
  }

  .topbar .facebook {
    height: auto;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 2.07422%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 1.91146%;
  }

  .topbar .website {
    height: auto;
    margin-left: 2.3125%;
  }

  .form .register-1 {
    position: relative;
    z-index: 2;
    margin-left: 1.85552%;
  }

  .form .words-1 {
    z-index: 11;
    margin-left: 12.19968%;
  }

  .form .words-2 {
    z-index: 1;
    margin-left: 18.57143%;
  }
}

@media(max-width: 1024px) {
  .form {
    width: 69.3681318681%;
  }

  .form .formheading {
    margin-left: 35.00363%;
  }

  .form .hr {
    margin-top: 19px;
  }

  .form .passwordreset {
    margin-top: 149px;
    margin-left: 16.51086%;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    margin-top: 77px;
    margin-left: 12.19507%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-left: 12.19507%;
  }

  .form .signbutton {
    top: 243px;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-left: 17.80647%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-left: 1.72456%;
  }

  .form .verticalsepartor {
    height: 200px;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    width: 23.33984375%;
    margin-top: 10px;
    margin-left: 54.58832%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 11.2670898437%;
    margin-top: -4px;
    margin-left: 65.78674%;
  }

  .header .logo {
    left: 24.4750976562%;
    height: auto;
  }

  .regbutton .regicon {
    top: 9px;
    left: 26.3849705052%;
    height: auto;
  }

  .regbutton .register {
    top: 8px;
    left: 40.7219799948%;
    width: 48.3393177737%;
  }

  .signbutton .signtext {
    left: 0;
    right: 0;
    width: 48.3393177737%;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 23.7930297851%;
    width: 28.0838012695%;
  }

  .topbar .facebook {
    height: auto;
    margin-left: 63.12256%;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 1.82648%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 1.67542%;
  }

  .topbar .website {
    height: auto;
    margin-left: 2.0813%;
  }

  .form .register-1 {
    position: relative;
    z-index: 2;
    margin-top: 15px;
    margin-left: 3.27314%;
  }

  .form .words-1 {
    z-index: 11;
    margin-top: 16px;
    margin-left: 12.19507%;
  }

  .form .words-2 {
    z-index: 1;
    margin-top: 17px;
    margin-left: 18.55437%;
  }
}

@media(max-width: 768px) {
  body {
    font-size: 1em;
  }

  .footer {
    margin-top: 141px;
  }

  .form {
    width: 67.96875%;
    height: 391px;
  }

  .form .formheading {
    width: 42.7203065134%;
    margin-top: 22px;
    margin-left: 28.63985%;
  }

  .form .hr {
    margin-top: 21px;
  }

  .form .passwordreset {
    margin-top: 135px;
    margin-left: 16.50503%;
  }

  .form .pin {
    top: 235px;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    margin-top: 74px;
    margin-left: 12.19768%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-top: 18px;
    margin-left: 12.19768%;
  }

  .form .signbutton {
    top: 285px;
    left: 58.4321120689%;
    width: 29.69348659%;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-top: 23px;
    margin-left: 13.80807%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-top: 29px;
    margin-left: 2.46947%;
  }

  .form .verticalsepartor {
    top: 140px;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    margin-top: 1px;
    margin-left: 58.5022%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    margin-top: -3px;
    margin-left: 58.63241%;
  }

  .header .logo {
    left: 24.4506835937%;
    height: auto;
  }

  .regbutton .regicon {
    top: 8px;
    left: 26.3821630347%;
    height: auto;
  }

  .regbutton .register {
    top: 7px;
    left: 40.7183212267%;
    width: 48.3353510895%;
  }

  .signbutton .signtext {
    left: 0;
    right: 0;
    width: 48.2963709677%;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 23.7691243489%;
    width: 28.0843098958%;
  }

  .topbar .facebook {
    height: auto;
    margin-left: 63.12459%;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 1.27767%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 1.11491%;
  }

  .topbar .website {
    height: auto;
    margin-left: 1.56047%;
  }

  .form .register-1 {
    position: relative;
    z-index: 2;
    margin-top: 23px;
    margin-left: 3.94816%;
  }

  .form .words-1 {
    z-index: 11;
    margin-top: 38px;
    margin-left: 12.19768%;
  }

  .form .words-2 {
    z-index: 1;
    margin-top: 36px;
    margin-left: 17.412%;
  }
}

@media(max-width: 728px) {
  .footer {
    margin-top: 69px;
  }

  .form {
    width: 69.3681318681%;
    height: 448px;
    margin-top: 256px;
  }

  .form .formheading {
    float: none;
    width: 56.3275434243%;
    margin-right: auto;
    margin-left: auto;
  }

  .form .passwordreset {
    width: 35.2357320099%;
    margin-top: 161px;
    margin-left: 12.52785%;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    width: 33.8545602511%;
    margin-top: 104px;
    margin-left: 12.19369%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-top: 28px;
    margin-left: 12.19369%;
  }

  .form .signbutton {
    top: 313px;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-top: 32px;
    margin-left: 16.27166%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-top: 40px;
    margin-left: 2.62686%;
  }

  .form .verticalsepartor {
    top: 154px;
  }

  .form .words {
    position: relative;
    margin-top: 26px;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    width: 33.6109203296%;
    margin-left: 50.94008%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 17.1703296703%;
    margin-left: 65.9169%;
  }

  .header .logo {
    left: 24.4505494505%;
    height: auto;
  }

  .regbutton .regicon {
    top: 9px;
    left: 23.1309469868%;
    height: auto;
  }

  .regbutton .register {
    left: 40.1425829448%;
    width: 48.3397190293%;
  }

  .signbutton .signtext {
    top: 9px;
    left: 0;
    right: 0;
    width: 48.3016918507%;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 23.7680288461%;
    width: 28.084220467%;
  }

  .topbar .facebook {
    height: auto;
    margin-left: 63.12457%;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 1.15256%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 0.99803%;
  }

  .topbar .website {
    height: auto;
    margin-left: 1.44231%;
  }

  .form .register-1 {
    position: relative;
    z-index: 2;
    margin-top: 37px;
    margin-left: 2.14728%;
    font-size: 0.625em;
  }

  .form .words-1 {
    z-index: 11;
    width: 30.8910891089%;
    margin-left: 12.17822%;
  }

  .form .words-2 {
    z-index: 1;
    margin-left: 16.15718%;
  }
}

@media(max-width: 480px) {
  body {
    font-size: 1em;
  }

  .footer {
    margin-top: 119px;
  }

  .form {
    width: 80.2083333333%;
    height: 508px;
    margin-top: 206px;
  }

  .form .formheading {
    margin-top: 8px;
    text-align: center;
  }

  .form .hr {
    margin-top: 9px;
  }

  .form .passwordreset {
    margin-top: 145px;
    margin-left: 12.48377%;
  }

  .form .pin {
    top: 306px;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    margin-top: 63px;
    margin-left: 12.0414%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-top: 41px;
    margin-left: 12.19156%;
  }

  .form .signbutton {
    top: 361px;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-top: -44px;
    margin-left: 31.91153%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    width: 30.878335174%;
    margin-top: 27px;
    margin-left: 29.81331%;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    width: 33.6100260416%;
    margin-top: -4px;
    margin-left: 61.97917%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 11.2662760416%;
    margin-top: -2px;
    margin-left: 62.54883%;
  }

  .header .logo {
    left: 24.453125%;
    height: auto;
  }

  .regbutton .regicon {
    left: 11.6652679534%;
    height: auto;
  }

  .regbutton .register {
    top: 8px;
    left: 26.9631938616%;
    width: 65px;
  }

  .signbutton .signtext {
    top: 8px;
    left: auto;
    right: -4.1689447786%;
    width: 71.4188080918%;
  }

  .topbar .contacts {
    top: 3px;
    left: 23.212890625%;
    width: 28.0826822916%;
  }

  .topbar .facebook {
    height: auto;
    margin-left: 63.125%;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 2.85482%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 2.67253%;
  }

  .topbar .website {
    height: auto;
    margin-left: 2.8125%;
  }

  .form .register-1 {
    position: relative;
    clear: both;
    z-index: 2;
    margin-top: 27px;
    margin-left: 8.28328%;
  }

  .form .words-1 {
    z-index: 11;
    margin-top: 9px;
    margin-left: 12.19156%;
  }

  .form .words-2 {
    z-index: 1;
    margin-top: 8px;
    margin-left: 18.55114%;
  }

  .register a,
  .register strong {
    font-style: normal;
    font-size: inherit;
  }

  .register span,
  .signtext a,
  .signtext span {
    font-size: 0.75em;
  }
}

@media(max-width: 375px) {
  .footer {
    margin-top: 137px;
  }

  .form {
    width: 80.2666666666%;
    height: 490px;
  }

  .form .passwordreset {
    margin-top: 123px;
    margin-left: 12.47924%;
  }

  .form .regbutton {
    position: relative;
    z-index: 5;
    margin-left: 12.02762%;
  }

  .form .registeradd {
    position: relative;
    z-index: 13;
    height: auto;
    margin-left: 12.17816%;
  }

  .form .signicon {
    position: relative;
    z-index: 14;
    height: auto;
    margin-left: 31.89888%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-left: 29.79651%;
  }

  .form .verticalsepartor {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    width: 33.6%;
    margin-left: 55.61667%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 11.2625%;
    margin-left: 56.17917%;
  }

  .header .logo {
    left: 15.2083333333%;
    height: auto;
  }

  .regbutton .regicon {
    top: 6px;
    left: 4.1404692531%;
    height: auto;
  }

  .regbutton .register {
    top: 7px;
    left: 27.0050605735%;
  }

  .signbutton .signtext {
    top: 9px;
    left: 0;
    right: 0;
    width: 71.416083916%;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 13.1708333333%;
    width: 28.075%;
  }

  .topbar .facebook {
    height: auto;
    margin-left: 45.225%;
  }

  .topbar .instagram {
    height: auto;
    margin-left: 8.3041699999%;
  }

  .topbar .twitter {
    height: auto;
    margin-left: 5.6125%;
  }

  .topbar .website {
    height: auto;
    margin-top: 10px;
    margin-left: 6.57917%;
  }

  .form .register-1 {
    position: relative;
    z-index: 2;
    margin-left: 8.26412%;
  }

  .form .words-1 {
    z-index: 11;
    margin-left: 12.17816%;
  }

  .form .words-2 {
    z-index: 1;
    margin-left: 18.54755%;
  }

  .register a,
  .register strong {
    font-size: 2.6em;
  }
}

@media(max-width: 320px) {
  body {
    font-size: 1em;
  }

  .header .brand{
    font-size: 0.8em;    
  }

  .footer {
    margin-top: 39px;
  }

  .form {
    width: 82.1875%;
    height: 617px;
  }

  .form .passwordreset {
    position: relative;
    clear: both;
    z-index: 15;
    width: 66.1596958174%;
    margin-top: -221px;
    margin-left: 15.17942%;
    font-style: italic;
    text-decoration: underline;
  }

  .form .pin {
    top: 224px;
    left: 15.5893536121%;
    width: 73.7642585551%;
  }

  .form .regbutton {
    position: relative;
    clear: none;
    z-index: 5;
    width: 73.0038022813%;
    height: 36px;
    margin-top: 27px;
    margin-left: 15.20913%;
  }

  .form .registeradd {
    position: relative;
    clear: none;
    z-index: 13;
    height: auto;
    margin-top: 23px;
    margin-left: 16.5220999999%;
  }

  .form .signbutton {
    top: 279px;
    left: 15.969581749%;
    width: 73.3840304182%;
    height: 35px;
  }

  .form .signicon {
    position: relative;
    clear: both;
    z-index: 14;
    height: auto;
    margin-top: -334px;
    margin-left: 16.29634%;
  }

  .form .signin {
    position: relative;
    z-index: 10;
    margin-top: -337px;
    margin-left: 38.02281%;
  }

  .form .verticalsepartor {
    visibility: hidden;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .form .words {
    position: relative;
  }

  .header .brand {
    position: relative;
    z-index: 20;
    /* width: 60.5419921875%; */
    margin-top: 3px;
    margin-left: 49.54102%;
  }

  .header .brandzim {
    position: relative;
    z-index: 19;
    width: 11.2646484375%;
    margin-top: -3px;
    margin-left: 50.2929699999%;
  }

  .header .logo {
    left: 9.4384765625%;
    height: auto;
  }

  .regbutton .regicon {
    top: 10px;
    left: 23.1608072916%;
    height: auto;
  }

  .regbutton .register {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  .signbutton .signtext {
    top: 4px;
    left: 0;
    right: 0;
    width: 28.8941062176%;
    margin-right: auto;
    margin-left: auto;
  }

  .topbar .contacts {
    left: 12.96875%;
    width: 51.1035156249%;
  }

  .topbar .facebook {
    position: relative;
    z-index: 23;
    height: auto;
    margin-top: 5px;
    margin-left: 67.8125%;
  }

  .topbar .instagram {
    position: relative;
    z-index: 25;
    height: auto;
    margin-top: -19px;
    margin-left: 5.36133%;
  }

  .topbar .twitter {
    position: relative;
    clear: both;
    z-index: 24;
    height: auto;
    margin-top: 2px;
    margin-left: 68.33008%;
  }

  .topbar .website {
    position: relative;
    z-index: 26;
    height: auto;
    margin-top: 3px;
    margin-left: 5.57129%;
  }

  .form .register-1 {
    position: relative;
    clear: none;
    z-index: 2;
    margin-top: 36px;
    margin-left: 3.23194%;
  }

  .form .words-1 {
    z-index: 11;
    width: 60.4562737642%;
    margin-top: 296px;
    margin-left: 13.27828%;
  }

  .form .words-2 {
    clear: both;
    z-index: 1;
    width: 68.0608365019%;
    margin-top: -297px;
    margin-left: 15.1616%;
  }
}