/* contact form */

/* new part contact form start */

.checkbox label {
  color: #ffffff !important;
}

label .wrap-filter-checkbox {
  margin-bottom: 20px;
}
.wrap-filter-checkbox > p {
  display: flex;
  gap: 40px;
}
.filter-checkbox > span {
  display: flex;
  align-self: center;
  gap: 15px;
  margin: 0;
}

.wrap-filter-checkbox p br {
  display: none;
}
.filter-checkbox input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: transparent;
}

.filter-checkbox input[type="radio"]:checked {
  border: 2px solid #fdc238;
}
.filter-checkbox .wpcf7-list-item-label {
  color: #fff;
  font-size: 12px;
  padding-top: 8px;
}
.filter-checkbox input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background-color: #fdc238;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 385px) {
  .wrap-filter-checkbox > p {
    flex-wrap: wrap;
    gap: 20px;
  }
}
/* new part contact form finish */

.contact-form {
  padding-bottom: 50px;
  padding-top: 50px;
}
.contact-form a {
  color: #fdc238;
}
.contact-form a:hover {
  color: #f8981d;
}

.contact-form h2 {
  color: #fff;
  margin: 0;
}

.contact-form h3 {
  color: #fff;
  margin: 0;
}

.form-wrapper.wpcf7-form input {
  /* margin-bottom:20px; */
  margin-bottom: 0px;
}

.form-wrapper.wpcf7-form.sign-up input {
  margin-bottom: 8px;
}

.contact-form .title-before {
  margin-bottom: 8px;
  margin-top: 0;
}

.contact-form .title-text {
  color: #fff;
  margin: 4px 0 26px 0;
}

.contact-form .inner {
  margin: 0 auto;
  padding: 0 20px;
}

/* contact small */
.contact-small {
  background-image: url("/images/forms/contact-small-bg.jpg");
}

.contact-small h2 {
  text-align: center;
}

.contact-small .title-text {
  text-align: center;
}

/* contact big */
.contact-big {
  /* background-image: url("/images/forms/contact-big-bg.jpg"); */
  /* background: linear-gradient(rgba(4, 26, 57, 0.5), rgba(4, 26, 57, 0.5)), url('/images/forms/contact-small-bg.jpg'); */
  background: linear-gradient(rgba(4, 26, 57, 0.5), rgba(4, 26, 57, 0.5)),
    url("/images/forms/contact-small-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;

  width: 100%;
}

.contact-big .inner {
  width: 100%;
}

.contact-big .title-text {
  line-height: 1.3;
}

/* form wrapper */
.form-wrapper {
  overflow: hidden;
}

.form-wrapper.styled {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 28px 40px 36px 40px;
}

.form-wrapper .table {
  width: 100%;
}

.form-wrapper .form-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.form-wrapper input,
.form-wrapper textarea,
.form-wrapper button {
  border: 0;
  border-radius: 5px;
}

.form-wrapper .control,
.form-wrapper textarea {
  width: 100%;
}

.form-wrapper textarea {
  display: block;
  border: 1px solid #fff;
  min-height: 100px;
  outline: none;
  padding: 10px 12px;
  resize: none;
}

.wpcf7-form .ajax-loader {
  display: none !important;
}

.form-wrapper .control {
  height: 40px;
  padding: 0 12px;
}

.form-wrapper .submit {
  background-color: #fdc238;
  border: 1px solid #fdc238;
  color: #414449;
  cursor: pointer;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 28px;
}

.form-wrapper .submit.big {
  font-size: 18px;
  font-weight: bold;
  height: 56px;
}

.form-wrapper .submit:hover {
  background-color: #f8981d;
  border: 1px solid #f8981d;
}

.form-wrapper .submit[disabled] {
  background-color: #efd6af;
  color: #78788c;
}

.form-wrapper .checkbox input[type="checkbox"] {
  display: none;
}

.form-wrapper .checkbox .fake {
  float: left;
}

.form-wrapper .checkbox .fake + span {
  display: block;
  overflow: hidden;
}

.form-wrapper .checkbox input[type="checkbox"] + label .fake {
  background-color: #fff;
  border-radius: 5px;
  color: #adadad;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 20px;
}

.form-wrapper .checkbox input[type="checkbox"] + label .fake:before {
  color: #666;
  display: none;
}

.form-wrapper .checkbox input[type="checkbox"]:checked + label .fake:before {
  display: block;
  margin: 3px 0 0 3px;
}

.form-wrapper div[class*="col-"] {
  padding-right: 20px;
}

.form-wrapper div[class*="col-"].no-p,
.form-wrapper .col-6:last-child {
  padding-right: 0;
}

.form-wrapper div[class*="col-"] > *:not([class*="col-"]) {
  margin-bottom: 20px;
}

/* char length */
.char-length-wrap {
  margin-bottom: 0 !important;
}
.checkbox-wrap span {
  color: white;
}
.char-length-wrap textarea {
  border-radius: 5px 5px 5px 5px;
}

.char-length {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  color: #666;
  font-size: 10px;
  line-height: 1;
  margin-top: -1px;
  padding: 0 12px 10px 12px;
  text-align: right;
}

.contact-small .char-length-wrap textarea {
  border-radius: 5px 5px 0 0;
  min-height: 80px;
}

@media (min-width: 980px) {
  .contact-big .inner {
    width: 790px;
  }
}

@media (min-width: 980px) {
  .contact-small .inner {
    width: 900px;
  }
}

@media (min-width: 1400px) {
  .home #content div.contact-big {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}

@media (min-width: 778px) {
  .contact-big .form-wrapper > div:last-child {
    margin-top: 20px;
  }
}

@media (max-width: 778px) {
  .form-wrapper div[class*="col-"] {
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
  }

  .form-wrapper .cell {
    display: block;
  }

  .form-wrapper .cell:last-child {
    padding-top: 20px;
  }

  .home .contact-small {
    display: none;
  }

  .form-wrapper {
    /* display: -webkit-box; */
    display: block;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-flex;
    /* display: -webkit-flex; */
    /* display: flex; */
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .form-wrapper > div {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .form-wrapper .col-12 {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .form-wrapper .order-2 {
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

@media (max-width: 778px) {
  .form-wrapper .form-title {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .form-wrapper div[class*="col-"]:nth-child(-n + 3) > *:not([class*="col-"]) {
    margin-bottom: 15px;
  }
  .form-wrapper.wpcf7-form input {
    margin-bottom: 0px;
  }
}
.form-wrapper div.table .control {
  margin: 0;
}

/* sign up small */
.sign-up-wrapper {
  background-color: #eee;
  color: #244796;
  font-size: 0;
  padding: 8px 16px;
  text-align: center;
}

.sign-up-wrapper .title {
  font-size: 18px;
  font-family: "GothamProNarrowBold";
  margin: 8px 0;
}

.sign-up-wrapper > * {
  display: inline-block;
  vertical-align: middle;
}

.sign-up .control {
  margin: 8px 0;
  vertical-align: middle;
}

.sign-up input[type="text"] {
  border: 1px solid #c6c6c6;
}

@media (min-width: 768px) {
  .sign-up .control {
    height: 30px;
  }

  .sign-up input[type="text"] {
    margin-left: 16px;
    margin-right: 10px;
    width: 320px;
  }

  .sign-up .submit {
    width: 110px;
  }
}

@media (max-width: 768px) {
  .sign-up-wrapper > * {
    display: block;
  }
}

@media (max-width: 480px) {
  .sign-up-wrapper .title {
    font-size: 16px;
  }
}

/* contact two column */
.contact-two-column {
  color: #fff;
  background: linear-gradient(rgba(4, 26, 57, 0.5), rgba(4, 26, 57, 0.5)),
    url("/images/forms/contact-two-column.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.contact-two-column .first {
  padding-right: 20px;
}

.content .contact-two-column h2 {
  margin-bottom: 12px;
}

.content .contact-two-column .title-before {
  margin-bottom: 10px;
}

.contact-two-column .title-text {
  font-size: 18px;
  margin-bottom: 12px;
}

.contact-two-column ul {
  font-size: 24px;
}

.contact-two-column ul li {
  margin-bottom: 6px;
}

.contact-two-column .required-text {
  color: #999999;
  font-size: 12px;
  margin-top: 22px;
  text-align: center;
}

@media (min-width: 1040px) {
  #content .contact-two-column {
    padding: 5% 0 2% 0;
  }
}

@media (max-width: 1040px) {
  .contact-two-column .clear > .col-6 {
    width: 100%;
  }

  .contact-two-column .clear > .first {
    padding: 0 0 20px 0;
  }
}

@media (max-width: 786px) {
  .contact-two-column ul {
    font-size: 16px;
  }
}

/* .form-wrapper .wpcf7-form-control.error {
	margin-bottom:0 !important;
	border-bottom-color: #fdc101 !important;
} */

.form-wrapper label.error {
  color: #fdc101 !important;
}

/* two-column form */

.form-container {
  /* background: rgba(0, 0, 0, .3); */
  border-radius: 5px;
  padding: 28px 0 36px 40px;
}

.form-container form .first-column {
  padding-right: 10px;
}

.form-container form .second-column {
  padding-right: 0;
  padding-left: 10px;
}

form .checkbox {
  font-size: 12px;
  text-align: left;
}
.contact-page form .checkbox {
  font-size: 13px;
}
.contact-two-column .title-before {
  text-align: left;
}
.contact-two-column .title {
  font-size: 50px;
  color: white;
  font-family: "GothamProNarrowBold";
}

.contact-two-column .days {
  font-size: 36px;
  font-family: "GothamProNarrowBold";
}

.form-container .wpcf7-form p {
  margin-bottom: 0;
}

.form-container .wpcf7-form input {
  /* margin-bottom:20px; */
  margin-bottom: 0;
}

.form-container .ajax-loader {
  display: none !important;
}

.contact-form .proof-and-start > .row > .cell {
  padding: 0 !important;
}

.contact-two-column > .container-s > .table > .row > .cell {
  padding: 0;
}

.contact-form .proof-and-start {
  font-size: 16px;
}

@media (max-width: 768px) {
  .form-container {
    background: inherit;
    border-radius: 0;
    padding: 0;
  }
  .contact-two-column .title {
    font-size: 36px;
  }

  .form-container form .first-column {
    padding-right: 0;
    padding-left: 0;
  }

  .form-container form .second-column {
    padding-right: 0;
    padding-left: 0;
  }

  .contact-two-column div[class*="col-"] {
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
  }

  .contact-two-column form .table .cell {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
  }

  .contact-two-column .cell {
    display: block;
  }
  .contact-two-column .table {
    display: block;
  }
  .contact-two-column .row {
    display: block;
  }
  .contact-two-column .half {
    width: 100%;
  }

  .contact-two-column .text {
    display: none;
  }
  .contact-form .proof-and-start {
    display: none;
  }

  .contact-two-column {
    text-align: center;
  }
  .contact-two-column .title-before {
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .contact-two-column .title {
    font-size: 26px;
  }

  .contact-two-column .days {
    font-size: 18px;
  }
}

@media (max-width: 340px) {
  .contact-two-column .title {
    font-size: 22px;
  }

  .contact-two-column .days {
    font-size: 18px;
  }
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  display: none !important;
}

.wpcf7-spinner {
  display: none !important;
}
.input-label {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  color: #d7d7e1;
}

.submit-new {
  height: 56px !important;
  max-width: 300px;
  width: 100% !important;
  margin: 0 auto;
  display: block;
  font-weight: 700;
}
@media (max-width: 768px) {
  .submit-wrap {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .submit-new {
    max-width: 100%;
  }
}

.psrel {
  position: relative;
}
.psrel label.error {
  position: absolute;
  top: 58px;
  left: 0;
  width: max-content;
}

/* new      */
.checkbox-wrap {
  display: inline-flex;
  align-items: baseline;
  width: 100%;
  margin: 10px 0;
}

.table-new {
  display: inline-block;
  width: 50%;
  margin-bottom: 10px;
}
.checkbox-wrap-new .table-new {
  width: 35%;
}
.wpcf7-form .form-case-study p {
  margin-bottom: 0 !important;
}
/* .wpcf7-form .form-case-study input {
  margin-top: 10px;
} */

.wpcf7-form .form-case-study input {
  margin-bottom: 20px !important;
}
.form-case-study .psrel label.error {
  top: 58px;
  /* bottom: -34px; */
  padding-left: 0;
}
.form-case-study .wpcf7-form-control-wrap {
  position: static;
}
form a {
  text-decoration: none;
}
.wpcf7-form .form-case-study .psrel1 input,
.wpcf7-form .form-case-study .psrel3 input {
  margin-bottom: 15px !important;
}
@media (max-width: 768px) {
  .form-case-study .psrel label.error {
    left: -90%;
  }
  .checkbox-wrap {
    flex-direction: column;
  }
  .checkbox-wrap-new .table-new {
    width: 100%;
  }
}
@media (max-width: 755px) {
  .form-case-study .psrel1 label.error {
    left: -88%;
  }
  .form-case-study .psrel2 label.error {
    left: -87%;
  }
  .form-case-study .psrel3 label.error {
    left: -82%;
  }
  .form-case-study .psrel4 label.error {
    left: -88%;
  }
  .form-wrapper .form-title {
    margin: 0 auto 20px;
  }
  .wpcf7-form .form-case-study .psrel1 input,
  .wpcf7-form .form-case-study .psrel3 input {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 567px) {
  .form-case-study .psrel1 label.error {
    left: -85%;
  }
  .form-case-study .psrel2 label.error {
    left: -84%;
  }
  .form-case-study .psrel3 label.error {
    left: -78%;
  }
  .form-case-study .psrel4 label.error {
    left: -84%;
  }
}
@media (max-width: 567px) {
  .form-case-study .psrel1 label.error {
    left: -81%;
  }
  .form-case-study .psrel2 label.error {
    left: -80%;
  }
  .form-case-study .psrel3 label.error {
    left: -72%;
  }
  .form-case-study .psrel4 label.error {
    left: -80%;
  }
}
@media (max-width: 475px) {
  .form-case-study .psrel1 label.error {
    left: -76%;
  }
  .form-case-study .psrel2 label.error {
    left: -74%;
  }
  .form-case-study .psrel3 label.error {
    left: -67%;
  }
  .form-case-study .psrel4 label.error {
    left: -75%;
  }
}
@media (max-width: 409px) {
  .psrel1,
  .psrel2,
  .psrel3,
  .psrel4 {
    display: block;
  }
  .form-case-study .psrel1 label.error {
    left: 0;
    top: 63px;
  }
  .form-case-study .psrel2 label.error {
    left: 0;
    top: 63px;
  }
  .form-case-study .psrel3 label.error {
    left: 0;
    top: 63px;
  }
  .form-case-study .psrel4 label.error {
    left: 0;
    top: 63px;
  }
}