#contact-us-section {
  background-color: #243439;
  padding-bottom: 3rem;
  padding-top: 5.35rem;
}

#contact-us-section h2 {
  font-size: 40px;
  letter-spacing: 8px;
  color: #fff;
  text-transform: uppercase;
}

#contact-us-section p.question {
  font-weight: lighter;
  font-size: 20px;
  color: #fff;
}

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

.contact_actions div a {
  font-weight: bold;
  font-size: 16px;
  color: #ff6538;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #465b6c;
  border-radius: 10px;
  padding: 1.3rem 0;
  width: 100%;
  text-align: center;
}


.contact_actions div a:hover {
  background-color: #4d9f71;
  border-color: #4d9f71;
  color: #fff;
}

.contact_info {
  background-color: #fff;
  width: 70%;
  margin: 0 auto;
  padding: 20px 40px;
  border-radius: 30px 30px 0 0;
}

.contact_info h3 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 40px;
}

.contact_info p {
  margin-bottom: 10px;
  color: #000;
}

.contact_info a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 10px;
}

.contact_info i {
  color: #4d9f71;
  font-size: 16px;
  margin-right: 20px;
}

.social-media {
  width: 70%;
  margin: 0 auto;
  background-color: #ff6538;
  text-align: center;
  border-radius: 0 0 30px 30px;
  padding: 10px 0;
}

.social-media ul {
  margin-bottom: 0;
}

.social-media ul li {
  list-style-type: none;
  display: inline-block;
}

.social-media ul li a {
  color: #fff;
  margin: 20px;
  font-size: 24px;
}

.social-media ul li a:first-child {
  margin-left: 0;
}

.field-error {
  background-color: #faeeef!important;
}

span.help-block {
  position: absolute;
  color: #ff0000;
  width: 100%;
  left: 0;
  top: 30px;
  line-height: 1;
  font-size: 14px;
  width:110%
}

/* General Enquiry Popup Design */

#contactdemo,
#thankyou_modal {
  padding: 30px;
}

#contactdemo .modal-content,
#thankyou_modal .modal-content {
  border-radius: 20px;
  text-align: center;
}

#contactdemo .modal-header {
  border-bottom: 0;
}

#contactdemo .close,
#thankyou_modal .close {
  z-index: 9;
  color: #7a8a8f;
  border: 1px solid #7a8a8f;
  border-radius: 50%;
  font-size: 15px;
  padding: 6px;
  margin: 20px;
  width: 27px;
  right: 0;
  position: absolute;
}

#thankyou_modal .close {
  top: 0;
}

#contactdemo .fs-subtitle,
#thankyou_modal h4  {
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #36414c;
  letter-spacing: 1px;
}

#contactdemo .fs-subtitle {
  margin-bottom: 40px;
}

#contactdemo .fs-title {
  color: #4d9f71;
  font-size: 50px;
}

#contactdemo input[type="text"],
#contactdemo input[type="email"],
#contactdemo input[type="url"],
#contactdemo textarea {
  border: 0;
  border-bottom: 1px solid #b5bdc5;
  font-size: 16px;
  width: 100%;
  color: #626e72;
}

#contactdemo ::placeholder {
  color: #b5bdc5;
  opacity: 1;
}

#contactdemo :-ms-input-placeholder {
  color: #b5bdc5;
}

#enquiry_send {
  margin-top: 50px;
  background-color: #4d9f71;
  border-color: #4d9f71;
  padding: 10px 30px;
  color: #fff;
  box-shadow: none;
  border-radius: 5px;
  cursor: pointer;
}

#contactdemo .submit.action-button,
#thankyou_modal input[type="button"] {
  background-color: #4d9f71;
  border-color: #4d9f71;
  padding: 5px 30px;
  color: #fff;
  box-shadow: none;
  border-radius: 5px;
  cursor: pointer;
  float: right;
  border-style: solid;
}

#contactdemo .form-check-label {
  font: normal normal normal 1rem/1.188rem 'Lato', sans-serif;
  color: #2E465F;
  margin-bottom: 0;
}

#contactdemo .term {
  margin-left: 2.5rem;
  margin-top: 10px;
}

#contactdemo .term a {
  color: #2680EB!important;
}

#contactdemo .form-check-label a,
#contactdemo .form-check-label a:hover {
  font: normal normal normal 1rem/1.188rem 'Lato', sans-serif;
  letter-spacing: 0.45px;
  color: #FF6538;
  text-decoration: none;
}

#error {
  color: red;
  font-style: italic;
  font-size: 14px;
  padding-top: 1rem;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}

#msform {
  padding: 10px 20px 0;
}

.next.action-button {
  background: transparent;
  border: 0;
  color: #4d9f71;
  float: right;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}

.next.action-button:after {
  content: '\f138';
  font-family: 'FontAwesome';
  font-size: 15px;
  margin-left: 10px
}

.previous.action-button {
  background: transparent;
  border: 0;
  color: #4d9f71;
  float: left;
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
}

.previous.action-button:before {
  content: '\f137';
  font-family: 'FontAwesome';
  font-size: 15px;
  display: inline-block;
  margin-right: 10px;
}

fieldset {
  margin-bottom: 40px;
}

fieldset .actions {
  margin-top: 40px;
}

#contactdemo label {
  margin-bottom: 5px;
}


#contactdemo label,
#contactdemo input[type="radio"],
#contactdemo input[type="checkbox"]
#contactdemo select option,
.about_you p,
.about_you label,
.about_company_more p,
.about_company_more label,
.additional_details label,
#thankyou_modal p {
  color: #b5bdc5;
  font-size: 16px;
}

#contactdemo input[type="date"] {
  margin-top: 40px;
  border: 0;
  border-bottom: 1px solid #b5bdc5;
  color: #b5bdc5;
  font-size: 16px;
}

input:focus,
textarea:focus,
select:focus {
  outline: 0
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
  padding-left: 0;
}
#progressbar li {
  list-style-type: none;
  color: #7a8a8f;
  font-size: 12px;
  position: relative;
  width: 15%;
  display: inline-block;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  line-height: 30px;
  display: block;
  font-size: 15px;
  border: 1px solid #7a8a8f;
  color: #fff;
  background-color: #7a8a8f;
  border-radius: 20px;
  margin: 0 auto 5px auto;
  z-index: 3!important
}
/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 60%;
  height: 2px;
  background: #7a8a8f;
  position: absolute;
  left: -32%;
  top: 15px;
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #4d9f71;
  border-color: #4d9f71;
  color: #fff;
  z-index: 1;
}

/* individual forms inside the multi step form */

.schedule_demo .col-md-6,
.about_company .company_info,
.about_you .col-md-6,
.about_company_more .timeline,
.about_company_more p {
  text-align: left;
}

.schedule_demo .col-md-6:last-child input,
.about_you input[type="text"],
.about_you input[type="email"] {
  margin-bottom: 41px;
}

.about_company label,
.about_company .radio-item{
  text-align: left;
}

#contactdemo .about_company label.question {
  margin-bottom: 10px;
  width: 300px;
  font-size: 15px;
}

.about_company .radio-item {
  display: inline-block;
  margin: 0 5px;
}

.about_company .software {
  margin-top: 30px;
}

.about_company .software input {
  margin-bottom: 25px;
}

.about_company .multiple_entity_answer,
.about_company .multiple_states_answer,
.about_company .software_answer {
  display: inline-block;
}

.about_you input[type="checkbox"],
.about_company_more input[type="checkbox"] {
  margin-right: 10px;
}

.about_company_more select,
.additional_details select,
.about_you select {
  width: 100%;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #b5bdc5;
  padding: 10px;
  color: #b5bdc5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about_company_more p {
  margin-top: 40px;
  margin-bottom: 5px;
}

.additional_details .row {
  width: 90%;
  margin: 0 auto;
}

.additional_details textarea {
  background-color: #f9f9f9;
  margin-bottom: 30px;
}


/* Radio Buttons Styling */
.radio-item,
.companyname,
.companylocation,
.companywebsite,
.companyemail,
.designation,
.yourname {
  position: relative;
}

.radio-item input[type='radio'] {
  display: none;
}

.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
  border-radius: 11px;
  border: 2px solid #84919f;
  background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 8px;
  left: 3px;
  content: " ";
  display: block;
  background: #7a8a8f;
}

.thankyou_message {
  text-align: center;
}

.thankyou_message p {
  margin-bottom: 0;
}

.thankyou_message .submit.action-button {
  float: none!important;
}

#contactdemo input[type="date"] {
  background:#fff url('/assets/bloomstack_website/images/calendar-2-icon.png')  97% 50% no-repeat ;
  padding: 6px 5px;
}
#contactdemo input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}


@media screen and (max-width: 992px) and (min-width: 767px) {
  .contact_actions div a {
    font-size: 14px;
  }
  .contact_info i {
    margin-right: 7px;
  }
}

@media screen and (max-width: 992px) {
  .contact_actions .col-md-6 div {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .col-md-6 {
    margin-bottom: 30px;
  }

  .software .col-md-6,
  .timeline .col-md-6 {
    margin-bottom: 0;
  }

  #contactdemo input[type="date"] {
    width: 100%;
  }

  .contact_actions .col-md-4 {
    margin-bottom: 20px;
  }
}