/* rem mixins */
/* bootstrap variables */
/*  Variables should follow the `$component-state-property-size` formula for */
/* consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. */
/* Color system */
/* list reset */
.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.formPage .socials a, .formPage .socials a:hover {
  transition: all 0.3s ease-in-out; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

/* form style */
form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none; }

select,
input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='url'],
textarea {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  box-sizing: border-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  color: #495057;
  background: #fff; }
  select:focus,
  input[type='text']:focus,
  input[type='tel']:focus,
  input[type='email']:focus,
  input[type='search']:focus,
  input[type='password']:focus,
  input[type='url']:focus,
  textarea:focus {
    outline: none; }
  select::-webkit-input-placeholder,
  input[type='text']::-webkit-input-placeholder,
  input[type='tel']::-webkit-input-placeholder,
  input[type='email']::-webkit-input-placeholder,
  input[type='search']::-webkit-input-placeholder,
  input[type='password']::-webkit-input-placeholder,
  input[type='url']::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #6c757d; }
  select::-moz-placeholder,
  input[type='text']::-moz-placeholder,
  input[type='tel']::-moz-placeholder,
  input[type='email']::-moz-placeholder,
  input[type='search']::-moz-placeholder,
  input[type='password']::-moz-placeholder,
  input[type='url']::-moz-placeholder,
  textarea::-moz-placeholder {
    opacity: 1;
    color: #6c757d; }
  select:-moz-placeholder,
  input[type='text']:-moz-placeholder,
  input[type='tel']:-moz-placeholder,
  input[type='email']:-moz-placeholder,
  input[type='search']:-moz-placeholder,
  input[type='password']:-moz-placeholder,
  input[type='url']:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #6c757d; }
  select:-ms-input-placeholder,
  input[type='text']:-ms-input-placeholder,
  input[type='tel']:-ms-input-placeholder,
  input[type='email']:-ms-input-placeholder,
  input[type='search']:-ms-input-placeholder,
  input[type='password']:-ms-input-placeholder,
  input[type='url']:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #6c757d; }
  select.placeholder,
  input[type='text'].placeholder,
  input[type='tel'].placeholder,
  input[type='email'].placeholder,
  input[type='search'].placeholder,
  input[type='password'].placeholder,
  input[type='url'].placeholder,
  textarea.placeholder {
    color: #6c757d; }

textarea {
  resize: none;
  vertical-align: top; }

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type='submit'],
button {
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  cursor: pointer;
  display: inline-block;
  font-size: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.5;
  font-weight: 400;
  color: #212529;
  padding: 0.375rem 0.75rem;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  input[type='submit']:not(:disabled):not(.disabled),
  button:not(:disabled):not(.disabled) {
    cursor: pointer; }

/* Common site styles */
.formPage .qh-logo {
  background-image: url(http://image.cloud.qualityhosting.de/lib/fe3511717564047c721276/m/1/a4a10773-2b20-449c-b4a1-138eea1656f5.png) !important;
  background-repeat: no-repeat;
  background-position: unset !important;
  background-size: 100% !important; }

.formPage .claim hl {
  font-size: 25px !important;
  color: #333 !important; }

.formPage .claim h2 {
  font-size: 45px;
  color: #333;
  line-height: 1.2; }
  @media (max-width: 991.98px) {
    .formPage .claim h2 {
      font-size: 32px; } }
  @media (max-width: 544px) {
    .formPage .claim h2 {
      color: #fff; } }

.formPage .socials a {
  filter: brightness(1); }
  .formPage .socials a:hover {
    filter: brightness(1.15); }

.formPage .color-orange {
  color: #ffa300; }

.formPage .btn-primary {
  float: none;
  display: inline-block;
  margin-top: 20px;
  padding: 11px 22px;
  height: auto;
  line-height: 16px;
  font-family: "Qhfontbold",Helvetica,Arial,sans-serif;
  font-size: 16px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .2px;
  background-image: none;
  border-radius: 50px;
  border: 0 !important;
  background-color: #ffa300 !important;
  color: #fff; }
  .formPage .btn-primary:hover {
    background-color: #ff8700 !important; }
  .formPage .btn-primary:focus {
    border: 0;
    outline: 0; }

/* Custom form styles */
.custom-control-input[type="checkbox"]:checked ~ label::after {
  width: 14px;
  height: 14px;
  position: absolute;
  content: '';
  background-image: url("../Images/check.svg");
  background-size: 100%;
  top: 4px;
  left: 3px;
  background-repeat: no-repeat; }

.custom-control-input[type="checkbox"] ~ label {
  padding-left: 50px;
  cursor: pointer; }
  .custom-control-input[type="checkbox"] ~ label::before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: '';
    background-color: #f0f0f2;
    top: 0;
    left: 0; }

.bold {
  font-weight: 700; }

.custom-control-input {
  position: absolute;
  left: 0;
  width: 1rem;
  height: 1.53125rem;
  opacity: 0; }

.form-group {
  position: relative; }
  .form-group .label {
    padding: 0 5px 0 0;
    font-size: inherit;
    font-weight: 400; }
  .form-group .form-error {
    display: none; }
  .form-group.input-error {
    margin-bottom: 40px; }
    .form-group.input-error input {
      border: 1px solid #dc3545; }
    .form-group.input-error .form-error {
      position: absolute;
      top: calc(100% + 10px);
      left: 10px;
      color: #dc3545;
      display: block; }

/*top block with image */
.intro-block .hl {
  margin-left: 44px !important; }

.intro-block h2 {
  color: #ffa300; }

/* custom form styles */
.form-msg {
  padding: 25px 44px 25px; }
  .form-msg .form-error-text {
    display: none;
    padding-top: 10px;
    color: #dc3545; }
  .form-msg.form-error .form-error-text {
    display: block; }
  .form-msg h2 {
    color: #ffa300; }
  .form-msg .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .form-msg .label {
    color: #333; }
  .form-msg__inputs {
    padding: 45px 0; }
    .form-msg__inputs .label {
      margin-right: 10px; }
      @media (max-width: 991.98px) {
        .form-msg__inputs .label {
          min-width: 150px;
          text-align: right; } }
    @media (max-width: 1199.98px) {
      .form-msg__inputs .form-group {
        display: block; }
        .form-msg__inputs .form-group .label {
          text-align: left; } }
    .form-msg__inputs input, .form-msg__inputs select {
      width: 100%;
      background-color: #f0f0f0;
      border: 0;
      max-height: 30px; }
  .form-msg__checkboxes-block {
    padding-left: 20px; }
    .form-msg__checkboxes-block > .form-group {
      margin-bottom: 30px !important; }
    @media (max-width: 767.98px) {
      .form-msg__checkboxes-block {
        padding-left: 0; } }
  .form-msg__checkboxes > p {
    margin-bottom: 30px !important; }
  .form-msg__interest-products {
    padding-left: 60px; }
    .form-msg__interest-products .form-group {
      margin-bottom: 20px !important; }
    .form-msg__interest-products > p {
      margin-bottom: 6px !important; }
    .form-msg__interest-products p:last-of-type {
      margin-bottom: 30px !important; }
    .form-msg__interest-products .custom-control-input[type="checkbox"] ~ label {
      padding-left: 35px; }
  .form-msg .btn-primary {
    text-transform: initial;
    margin-left: 60px; }

/*# sourceMappingURL=style.css.map */
