// Remy function
@function remy($value) {
  @return ($value / 16px) * 1rem;
}
body {
  font: 100% / 1.414 "Open Sans", "Roboto", arial, sans-serif;
  background: #e9e9e9;
}

a,
[type="submit"] {
  transition: all .25s ease-in;  
}

.signup__container {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: remy(800px);
  height: remy(480px);
  border-radius: remy(3px);
  box-shadow: 0px remy(3px) remy(7px) rgba(0,0,0,.25);

  
}

.signup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#bf1564;
}

.container__child {
  width: 50%;
  height: 100%;
  color: #fff;
}

.signup__thumbnail {
  position: relative;
  padding: 2rem;
  /* display: flex; */
  flex-wrap: wrap;
  align-items: center;
  /* background: url('../images/compliance.jpg'); */
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.thumbnail__logo,
.thumbnail__content,
.thumbnail__links {
  position: relative;
  z-index: 2;
}

.thumbnail__logo {
  align-self: flex-start;
}

.logo__shape {
  fill: #fff;
}

.logo__text {
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  vertical-align: bottom;
}

.thumbnail__content {
  align-self: center;
}

h1,
h2 {
  font-weight: 300;
  color: white;
}

.h6, h6 {
	font-size: 0.8rem;
}

.h5, h5 {
	font-size:1.1rem;
}
.heading--primary {
  font-size: 1.2rem;
}

.heading--secondary {
  font-size: 1.414rem;
}

.thumbnail__links {
  align-self: flex-end;
  width: 100%;
}

.thumbnail__links a {
  font-size: 1rem;
  color: #fff;
}
.thumbnail__links a:focus, .thumbnail__links a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.signup__form {
  padding: 2rem;
  background: #fafafa;
  padding-top:5.5rem!important;
}

label {
  font-size: .75rem;
  text-transform: uppercase;
  color: #ccc;
}

.form-control {
  background-color: transparent;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  padding:.1rem .1rem !important;
}
.form-control:focus {
  border-color: #111;
}

[type="text"] {
  color: #111;
}

[type="password"] {
  color: #111;
}

.btn--form {
  padding: .5rem 2.5rem;
  font-size: .95rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #bf1564;
  border-radius: 2.1875rem;
}
.btn--form:focus, .btn--form:hover {
  background: #ea72aa;
}

.col-lg-12 a{
  color:#ffffff !important;
}

.list-inline-item  a{
	color:#007bff !important;
}

.signup__link {
  font-size: .8rem;
  font-weight: 600;
  text-decoration: underline;
  color: #999;
}
.signup__link:focus, .signup__link:hover {
  color: #787878;
}
#header-content {
  position: absolute;
  bottom: 0;
  left: 0;
}

.blank{
  padding-top: 30px;
  padding-bottom: 30px;
}
a {
  color: #d8cece!important;
  text-decoration: none!important;
  font-size:0.85rem;
}
.contact{
	font-size:0.85rem;
	color:#ffffff;
}

.did{
  color: #d8cece;
}
#border {
    border: 2px solid #ea8f8f;
    padding: 10px;
    border-radius: 25px;
}
.form-group {
    margin-bottom: 0px!important;
}
