#contact_form .form-group {
  margin-bottom: .5rem;
  padding: 0 .25rem; }

#contact_form input:not([type=checkbox]), #contact_form select {
  height: 50px;
  padding-top: 20px;
  padding-left: 15px;
  color: #333; }

#contact_form input:not([type=checkbox]) ~ label, #contact_form textarea ~ label {
  position: absolute;
  display: block;
  color: #888;
  font-size: .8rem;
  font-family: 'Open Sans', sans-serif;
  left: 21px;
  top: 15px;
  transition: .5s ease-in-out; }

#contact_form input[value]:not([type=checkbox]):not([value=""]) ~ label, #contact_form input:not([type=checkbox]):focus ~ label,
#contact_form textarea[value]:not([value=""]) ~ label, #contact_form textarea:focus ~ label,
#contact_form input[type=date] ~ label, #contact_form input[type=number] ~ label, #contact_form select ~ label,
#contact_form .iti ~ label {
  display: block;
  position: absolute;
  font-size: .5rem;
  font-family: 'Open Sans', sans-serif;
  top: 5px;
  z-index: 3; }

#contact_form select ~ label, #contact_form .iti ~ label {
  left: 21px; }

#contact_form textarea {
  padding-top: 20px;
  height: 200px; }

#contact_form textarea ~ label {
  left: 20px; }

#contact_form textarea:focus {
  box-shadow: none; }

#contact_form .outer {
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 0;
  min-height: 100px;
  max-height: 400px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  margin: 0 5px 5px;
  background: white; }

#contact_form .outer:focus-within {
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

#contact_form .form-group {
  font-size: .8rem;
  font-family: 'Open Sans', sans-serif; }

#contact_form .link-checkbox {
  font-weight: bold;
  color: #72C2D8; }

#contact_form .btn {
  background: #72C2D8;
  color: #FFFFFF;
  font-size: .6rem;
  font-family: 'Open Sans', sans-serif;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-weight: bold; }

#contact_form .btn:hover {
  background-color: #FF7276; }

.text-label {
  font-size: .7rem;
  font-family: 'Open Sans', sans-serif;
  padding-left: 14px; }

.text-label a {
  color: #BBBBBB; }

#contact_form .iti__country-list {
  z-index: 4; }

/*------------------------------ vertical bootstrap slider compatibility ----------------------------*/
.carousel-vertical #contact_form {
  padding: 15px;
  max-height: 100%;
  overflow: auto; }

.carousel-vertical #contact_form textarea {
  border: none;
  outline: none;
  min-height: 75px;
  max-height: 150px; }