.form-holder{
  padding: 60px 0;
  border: none;
  overflow: hidden;
  outline: none;
}
.form-holder h4{
  margin: 0 0 30px;
}
.form-holder .span8{
  float: none !important;
  margin: 0 auto !important;
}

.form-holder label{
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.form-holder .hs-form{
  width: 100%;
}
.form-holder .hs-form .form-columns-2,
.form-holder .hs-form .form-columns-1{
  width: 100%;
  max-width: 100%;
  margin: 0 0 28px;
  position: relative;
}
.form-holder .hs-form .form-columns-2 .input,
.form-holder .hs-form .form-columns-1 .input{
  padding: 0 24px 0 0;
}
.form-holder .hs-form .form-columns-2 .input .hs-input,
.form-holder .hs-form .form-columns-1 .input .hs-input{
  width: 100% !important;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  line-height: 24px;
}
.form-holder .hs-form .input .hs-input::placeholder{
  color: #000;
  opacity: 1; /* Firefox */
}

.form-holder .hs-form .input .hs-input:-ms-input-placeholderr{
  /* Internet Explorer 10-11 */
  color: #000;
}

.form-holder .hs-form .input .hs-input::-ms-input-placeholder { 
  /* Microsoft Edge */
  color: #000;
}
.form-holder .hs-form .hs-field-desc{
  bottom: -20px;
  color: #575756;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
}
.inputs-list input[type="checkbox"]{
  width: 12px !important;
  height: 12px !important;
  float: left;
  max-width: 12px !important;
  margin: 7px 12px 0 0;
}
.inputs-list{
  padding: 0;
  margin: 0;
  list-style: none;
}
.inputs-list p{
  font-size: 12px;
  line-height: 16px;
  color: #575756;
}
.form-holder .hs-form .form-columns-1:last-child{
  margin:0 0 20px;
}
/* .actions{
margin: -30px 0 0;
} */
/* .actions input[type="submit"]{
float: right;
color: #fff;
border: 0;
cursor: pointer;
font-size: 16px;
padding: 6px 17px;
line-height: 24px;
background: #DC2F34;
text-transform: uppercase;
font-family: 'Roboto',sans-serif;
} */
/* .actions input[type="submit"]:hover,
.actions input[type="submit"]:focus,
.actions input[type="submit"].active{
background: #E04449 !important;
border: 0 !important;
} */



/* [type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
} */

/* [type="checkbox"]:checked + span,
[type="checkbox"]:not(:checked) + span{
position: relative;
padding-left: 24px;
cursor: pointer;
display: inline-block;
margin:0px;
font-size: 18px;
line-height: 28px;
text-transform:none;
} */

/* [type="checkbox"]:checked + span:before,
[type="checkbox"]:not(:checked) + span:before{
content: '';
position: absolute;
left: 0;
top: 10px;
width: 12px;
height: 12px;
background:transparent;
border: 1px solid #575756;

} */

/* [type="checkbox"]:not(:checked) + span:after {
display: none
} */

/* [type="checkbox"]:checked + span:after {
/*Add another block-level blank space*/
/*   content: '';
display: block; */
/*Make it a small rectangle so the border will create an L-shape*/
/*   width: 3px;
height: 6px; */
/*Add a white border on the bottom and left, creating that 'L' */
/*   border: solid #000;
border-width: 0 2px 2px 0; */
/*Rotate the L 45 degrees to turn it into a checkmark*/
/*   transform: rotate(45deg); */

/* }  */

/* [type="checkbox"]:not(:checked) + span:after, 
[type="checkbox"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} */
.legal-consent-container .hs-form-booleancheckbox-display > span{
  margin-left: 0 !important;
}

/* 17 November css start*/
.form-holder .hs-form .input .hs-input {
  box-shadow: none !important;
}
.form-holder .hs-form .input .hs-input:focus {
  box-shadow: none !important;
}
.form-holder .hs-form .input select.hs-input {
  height: auto;
  -webkit-appearance: none;
  background: #fff url(https://f.hubspotusercontent10.net/hubfs/4392468/Vector.png) no-repeat 100%;
}
.form-holder .hs-form .inputs-list p {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #575756;
  cursor: pointer;
  font-family: 'Roboto',sans-serif;
}
.form-holder .hs-form .input .hs-input{
  color: #000 !important;
}
.form-holder .hs-form .hs-submit {
  text-align: right;
}
.form-holder .hs-form .hs-submit .actions .hs-button {
  background: #dc2f34;
  color: #fff;
  border: none;
  font-weight: 400;
  padding: 8px 22px;
}
.form-holder .hs-form .hs-submit .actions .hs-button:hover,
.form-holder .hs-form .hs-submit .actions .hs-button:focus {
  opacity: 0.8;
  border: none;
  outline: none;
}
/* Material style start */
.form-holder .hs-form .input .hs-input::-webkit-input-placeholder {
  color: #fff;
}
.form-holder .hs-form .input .hs-input:-ms-input-placeholder {
  color: #fff;
}
.form-holder .hs-form .input .hs-input::placeholder {
  color: #fff;
}
.form-holder .hs-form .hs-form-field > label {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  font-family: 'Roboto',sans-serif;
  letter-spacing: 0;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  pointer-events: none;
}
.form-holder .hs-form .hs-form-field.bluebg > label {
  top: -15px;
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
  color: #000;
}
.form-holder .hs-form .hs-form-field.bluebg .input .hs-input {
  border-bottom:2px solid #000 !important;
}
.form-holder .hs-form .hs-form-field.bluebg .hs-field-desc{
  color: #000;
}
.hs-error-msg,
.hs-form-required{
  display: none !important;
}
.no-list.hs-error-msgs.inputs-list{
  border-bottom: 1px solid #DC2F34;
  margin: -1px 0 0;
  width: 97%;
}

.form-holder .hs-form .hs-fieldtype-intl-phone > select + input {
  border-bottom: none !important;
}
.form-holder .hs-form .input .hs-fieldtype-intl-phone {
  padding-bottom: 0 !important;
}

.form-holder .hs-form .hs-form-field.not-empty > label {
  top: -15px;
}

.form-holder .hs-form .hs-form-field.input-has-value > label {
  top: -15px;
}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to 	{ background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to 	{ background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to 	{ background:transparent; }
}
/* Material style end*/

/* 17 November css end */

@media (max-width: 767px) {
  /* All form responsive issue  */
  .form-holder .hs-form fieldset .hs-fieldtype-text:last-child {
    padding-right: 0;
  }
  .form-holder .hs-form fieldset .hs-fieldtype-text:last-child .input {
    padding-right: 0;
  }
  .form-holder .hs-form .form-columns-1 .hs-fieldtype-select .input {
    padding-right: 0;
  }
  .form-holder .hs-form .form-columns-1 .hs-fieldtype-select {
    padding-right: 0;
  }
  /* All form responsive issue */
}