body {
  font-family: Arial, Helvetica, sans-serif
}

input[type=email],
input[type=gender],
input[type=number],
input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box
}

button {
  background-color: #b22d30;
  color: #fff;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%
}

button:hover {
  opacity: .8
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336
}

.textcontainer {
  text-align: center;
  margin: 24px 0 12px;
  position: relative
}

.container1 {
  padding: 16px
}

span.psw {
  float: right;
  padding-top: 16px
}

.modal1 {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, .4);
  padding-top: 60px
}

.modal-content1 {
  background-color: #fefefe;
  margin: 5% auto 15%;
  border: 1px solid #888;
  width: 80%
}

.animate {
  -webkit-animation: .6s animatezoom;
  animation: .6s animatezoom
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.iq-tw-4 {
  font-weight: 400
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

h4 {
  font-size: 28px;
  line-height: 40px
}

.text-center {
  text-align: center !important
}

.theme-color {
  color: #b11d20 !important
}

.iq-tw-8 {
  font-weight: 800
}

.font-fam {
  font-family: Raleway, sans-serif
}