html, body {
 height: 100%;
}

html { 
  background-color:#00336B;
 background: url('https://image.mail.fidiapharma.com/lib/fe3a117373640479771471/m/1/molecola.jpg') no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

* {
 margin: 0;
 padding: 0;
}

body {
    margin: 0;
    overflow-x: hidden;
    color:#fff;
    font-size:14px; 
    line-height:18px; 
    font-family:Arial, Helvetica, sans-serif;
    background-color:transparent;
}

input:focus {
    outline-width: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

*:focus {
    outline: none;
}

input[type=text] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Then Style */
    border-radius: 0;
    background: transparent;
    outline: none;    
}

/*** OLD FORM STYLES **/

input::placeholder {
  color: #000;
}

input[type=text] {
  background-color: #fff;
  color: #000;
}

.checkbox{
  align-items: flex-start;
  padding: 10px 0;
  font-size: 12px;

}

.checkbox label{
  display: inline;
  font-size: 16px;
  padding-left: 10px;
  line-height: 1.2;

}

.checkbox input{
display:inline;
}

#error-message{
  text-align: center;
  color:#FF0A50;
  font-size: 16px;
}

.form-CTA{
  color: #00336B; 
  border: none;
  padding: 1.5%; 
  padding-left: 8%; 
  padding-right: 8%; 
  font-size: 18px; 
  margin: auto;
  margin-top: 10px; 
  text-align: center;
  height: 2.75rem;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
  max-width: 200px;

}

a.form-CTA{
  padding-left: 1%; 
  padding-right: 1%; 
  max-width: 250px;
  line-height:20px;
}

.form-selectAll{
  color: #fff; 
  border: 1px solid #fff;
  padding: 0.5%; 
  padding-left: 2%; 
  padding-right: 2%; 
  font-size: 14px; 
  margin: auto;
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: center;
  background-color:transparent;
  max-width:150px !important;
  display: inline-block !important;
}

#label-required-dynamic{
  padding-top: 30px;
  font-size: 14px;
  text-align: right;
}

input[type=checkbox] {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    padding: 10px;
}

.form-control-div {
    padding: 10px 0;
}
/** END OLD FORM STYLES **/

header {
 text-align:left;
 padding:0 3rem;
 height:130px;
 display:flex;
 flex-direction:column;
 justify-content:center;
}

footer {
 text-align:left;
 padding:0 3rem;
}

.footer-container {
 display:flex;
 flex-direction:column;
 justify-content:center;
}

span.line {
  display:block;
  border-top:1px solid #fff;
}

footer .logo {
  padding:47.5px 0;
}

footer .footer-info {
  margin-bottom:30px;
}

footer .footer-info p {
  font-size:14px;
  line-height:20px;
  padding: 40px 0;
  margin:0;
}

.flex-container {
    padding: 0;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.row {
    width: 100%;
    background-color: transparent;
    text-align: left;
}

.img-top {
  margin-bottom:30px;
}

.img-side {
    margin-bottom:40px;
}

.content-container {
  display:flex;
  flex-direction:column;
}

.content-container.thankyou-content {
  width: 80%;
  margin: 0 auto;
  text-align:center;
  margin-top: 50px;
  margin-bottom: 100px;
}

h1 {
  font-size: 25px;
  font-weight: 600;
  line-height: 32px;
  color:#fff;
  margin-bottom:40px;
}

.content-container.thankyou-content h1,
.content-container.thankyou-content p {
  text-align:center;
}

p {
  font-size: 20px;
  line-height: 24px;
  color:#fff;
  margin-bottom:40px;
}

a:link,a:visited,a:hover,a:active {
  color:#fff;
}

a.form-CTA:link, a.form-CTA:visited, a.form-CTA:hover, a.form-CTA:active {
  color: #00336B; 
  text-decoration:none;
}

.footer-empty ul {
  display:flex;
  list-style-type: none;
flex-dierction:column;
text-align:center;
}

.footer-empty ul li {
  margin-left:10px;
}

.footer-empty ul li a {
  text-decoration:none;
}


@media (min-width:1024px) {

  .row {
    width: 90%;
    max-width:1200px;
    margin-bottom:50px;
  }

  .footer-container {
    flex-direction:row;
    justify-content:space-between;
  }

  .footer-container div {
    width:33%;
  }

    .content-container {
      flex-direction: row;
    }

    .content-container.thankyou-content {
      flex-direction: column;
      text-align:center;
      margin-top: 250px;
      margin-bottom: 200px;
    }

    .left-content {
        width:40%;
        padding-right:20px;
    }

    .txt-container {
        padding-left:40px;
    }

    .img-side {
        margin-bottom:10px;
    }

    .right-content {
      width:60%;
      padding:0 40px 0 20px;
    }

    h1 {
      font-size: 38px;
      line-height: 40px;
    }

    p {
      font-size: 20px;
      line-height: 24px;
    }

.footer-empty ul {
flex-dierction:row;
text-align:left;
}

}

@media (max-width: 1024px) and (orientation: landscape) {
 .row {
        width: 60%;
    }
}

@media (min-width:1200px) {
 header{
  position:fixed;
  }
}