* {
    margin: 0;
    padding: 0; }

*,
*::before,
*::after {
    box-sizing: inherit; }

html {
    box-sizing: border-box;
  }

body {
    background-color: #FFFEF0;
    font-family:Suisse Regular,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #212529; 
  }

/* Body modules */
.twocols {
  display: flex;
}

.twocols h1 {
  font-size: 24px; 
  line-height: 25px; 
  font-family: 'Suisse', Helvetica, Arial, sans-serif; 
  text-align: left;
  color:#333333;
}

.twocols p {
  font-size: 14px; 
  line-height: 25px; 
  font-family: 'Suisse', Helvetica, Arial, sans-serif; 
  text-align: left; 
  color: #333333;
}

/* Body module - two columns Image Left (270x310) */
.twocols_1__text {
  padding: 0 0 0 20px;
}

/* Body module - two columns Image right (270x310) */
.twocols_2__text {
  padding: 0 20px 0 0;
}

/* Input modules */
.onecol_input {
 padding-bottom: 20px;
}

.twocol_input {
 padding-bottom: 20px;   
}

.threecol_input {
 padding-bottom: 20px;   
}

/* Spacer module */
.spacer {
    background-color: transparent;
    border: 0;
    opacity: 0;
}

.sp10 {
    margin: 10px 0;
}

.sp25 {
    margin: 25px 0;
}

.sp35 {
    margin: 35px 0;
}

/* Form styling - START - */

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.form-group {
    padding: 30px 0 0 0;
    margin-bottom: 1rem;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.form-control {
        border: none;
        border-bottom: 1px solid #000000;
        border-radius: 0;
        background: #FFFEF0;
        height: 50px;
}

.form-select {
    font-size: 1.6rem;
}

.btn {
    font-size: 1.6rem;    
}

/* Align middle content center */
.container_vertical_align_center {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.center-cp {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Top logo */
.container-head.head-container {
    width: 600px;
    margin: 0 auto;
    padding: 0px;
}

#heading {
    padding-bottom: 20px;
}

#heading h3 {
    font-family: 'Suisse Regular', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 31px;
    margin-top: 20px;
    margin-bottom: 5px;
    color: #252525;
}

#heading p {
    font-family: 'Suisse Regular', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    color: #252525;
}

svg {
    padding-top: 25px;
    padding-bottom: 13px;
}

.pref-sm {
    width: 600px;
    margin: 0 auto;
}


.form-control:focus {
    color: #495057;
    background-color: #FFFEF0;
    border-color: #cccccc;
    outline: 0;
    box-shadow: none;
}

select {
background: url(https://image.global.aesop.com/lib/fe2b1171716406747d1370/m/1/fb17a6ae-a78c-4887-91b8-614fd21d5520.png) no-repeat right #FFFEF0 !important;
-webkit-appearance: none !important;
background-position-x: auto !important;
}

select option {
    margin: 40px;
    background: #F1F2EC;
    border: 1px solid #B9B8B0;
    box-sizing: border-box;
    color: #333333;
    margin-top: 14px;
    margin-right: 14px;
    padding-left: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    left: 15px;
}

.btn-dark {
    font-family: Suisse Regular, sans-serif;
    font-weight: normal;
    width: 335px;
    height: 60px;
    border-radius: 0px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    background-color: #7f7f7a;
    border-color: #7f7f7a;
}

#submit-btn {
    padding-bottom: 40px;
    padding-top: 20px;
}

/* Form validation */
.error {
    color: #f21d1d; 
}   
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-bottom: 2px solid #f21d1d;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    box-shadow: none;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    box-shadow: none;
}

/* Footer */
#footer .quotes {
font-family: ‘Humanist’, ‘Optima’, Helvetica, Arial, sans-serif;
font-size: 24px;
line-height: 34px;
font-weight: 400;
text-align: center;
margin-top: 40px;
margin-bottom: 30px;
}

#footer .ft-name {
    font-family: 'Suisse Medium', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

#footer .controls {
    margin-bottom: 20px;
    text-align: center;
}

#footer .controls a {
    font-family: 'Suisse', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    color: #333333;
    text-align: center;
}

#footer .ft-hr {
    width: 600px;
    margin: 0 auto;
}

#footer .ft-address {
    font-family: Suisse Regular, sans-serif;
    font-weight: 400;
    border-radius: 0px;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 40px;
    color: #656565;
    text-align: center;
}

#footer {
    background: #eaeade;
}

/* Form styling - END - */

@media only screen and (max-width: 767px) {
    .pref-sm {
    width: 100%;
    margin: 0 auto;
    }

    .container-head.head-container {
    width: 100%;
    }

    .twocol_mobile_input {
    padding-bottom: 20px;
    }

    .threecol_mobile_input {
        padding-bottom: 20px;
    }

    .btn-dark {
    width: 290px;
    }

    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }

    #footer .ft-hr {
    width: 100%;
    }

    .mb-hide {
    display: none;
    }

}

@media only screen and (max-width: 760px) {
.threecol_input, .twocol_input {
  padding-bottom: 0;
  } 
}

@media only screen and (max-width: 576px) {
.container, .container-sm {
    max-width: 100% !important;
    }
}

@media only screen and (max-width: 515px) {

  .twocols {
  display: inline-block;
  }

  .twocols img {
  margin: 0 auto;
  display: block;
  }

  /* Body module - two columns Image Left (270x310) */        
  .twocols_1__text {
  padding: 20px 0 0 0;
  } 

  /* Body module - two columns Image right (270x310) */
  .twocols_2__text {
  padding: 20px 0 0 0;
  } 
       
}

@media only screen and (max-width: 320px) { 

    .btn-dark {
    width: 200px;
    }

}