html {
  background: white;
}
body {
  background: white;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Helvetica Neue';
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #4F4F6F;
}
a {
  text-decoration: none !important;
}
.form-control {
  border: 2px solid #DCE2EE;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 27px 15px;
  height: 58px;
  font-size: 16px;
  font-weight: medium;
  background: none;
}
input.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control {
  padding: 6px 12px;
}
.login-box,
.create-box {
  padding: 0 40px;
  text-align: center;
}
.login-box .form-control,
.create-box .form-control {
  text-align: center;
}
.login-box a.sub,
.create-box a.sub {
  display: block;
  margin: 30px 0;
  color: #656589;
}
.btn-primary {
  border: none;
  padding: 20px 15px;
  background: #3D3BEE !important;
  font-size: 18px;
}
.btn-primary:active {
  background: #1c1aeb !important;
}
.btn-primary i {
  margin-right: 5px;
}
.main-logo {
  color: #1B1B2B;
  text-align: center;
  font-weight: 600;
  font-size: 25px;
  padding: 100px 0;
}
.main-logo.create {
  padding-bottom: 45px;
}
.main-logo span {
  font-weight: 400;
  font-size: 12px;
  display: block;
}
.header {
  clear: both;
  overflow: hidden;
  padding: 20px 0;
}
.header a.back,
.header a.settings {
  color: #88889C;
  position: absolute;
  font-size: 1.8em;
  margin-top: 5px;
}
.header a.back.back,
.header a.settings.back {
  left: 20px;
}
.header a.back.back.reversed,
.header a.settings.back.reversed {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header a.back.settings,
.header a.settings.settings {
  right: 20px;
}
.header .small-logo {
  color: #1B1B2B;
  display: block;
  margin: 0 auto;
  float: left;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
}
.header .small-logo span {
  font-weight: 400;
  font-size: 0.5em;
  display: block;
}
.content {
  margin: 15px;
}
.page-content {
  margin-top: 25px;
}
.page-content .head {
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #E3E3E3;
}
.page-content .head .profile-pic {
  float: left;
  font-size: 62px;
  position: relative;
  top: -3px;
  line-height: 0;
  margin-right: 20px;
  opacity: 0.25;
}
.page-content .head h1 {
  font-size: 28px;
  font-weight: 400;
  margin: 5px 0;
}
.page-content .head span {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
}
.page-content .head span i {
  color: #30B667;
}
.boxes {
  margin-bottom: 10px;
}
.boxes .box {
  border-radius: 10px;
  padding: 20px;
  width: 47.5%;
  -webkit-box-shadow: 0 0 150px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 150px 0px rgba(0, 0, 0, 0.1);
  float: left;
  margin-bottom: 20px;
}
.boxes .box:nth-child(odd) {
  margin-right: 5%;
}
.boxes .box .icon {
  margin-bottom: 45px;
  border: 3px solid transparent;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 28px;
}
.boxes .box .icon i {
  font-size: 16px;
}
.boxes .box .icon.cards {
  color: #3773EA;
  border-color: #d9e4fb;
}
.boxes .box .icon.accounts {
  color: #EE9146;
  border-color: #fdf2e9;
}
.boxes .box .icon.transfers {
  color: #9837EA;
  border-color: #ebd9fb;
}
.boxes .box .icon.help {
  color: #39EA37;
  border-color: #d9fbd9;
}
.boxes .box strong {
  display: block;
  color: #6A6A77;
  font-weight: medium;
  font-size: 17px;
}
.boxes .box span {
  display: block;
  color: #88889C;
  font-size: 12px;
}
.action-button {
  margin-top: 25px;
}
label {
  display: block;
}
label small {
  font-weight: 400;
}
label #cardType {
  float: right;
  font-weight: 400;
  color: #ababab;
  text-transform: uppercase;
}
.transfer-complete {
  text-align: center;
  margin-bottom: 45px;
}
.transfer-complete .icon {
  font-size: 155px;
  color: #30B667;
}
.transfer-complete .description {
  font-size: 20px;
}
.transfer-complete .description .sub {
  display: block;
  margin-top: 20px;
  font-size: 13px;
}
#collection-point {
  display: none;
}