/*!
Theme Name: total-remont
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: total-remont

*/

.header-lang .contact-dd-heading,
.menu-dd-head {
  text-transform: uppercase;
}

.def-btn-container {
  width: 100%;
}

html[lang="uk"] .footer-logo-text {
  letter-spacing: 1.8px;
}

.item-8 .hww-el-arrow {
  display: none;
}

.get_part .callback-content.modal-content,
.mini_callback .callback-content.modal-content,
.call_back .callback-content.modal-content {
  max-width: 593px;
  background-color: #00a4bd;
}

.get_part .help-form-btn,
.mini_callback .help-form-btn {
  margin: 0 auto;
  margin-top: 34px;
}

.mini_callback .callback-heading {
  text-align: center;
  font-weight: 300;
}

.get_part .modal-close,
.call_back .modal-close,
.mini_callback .modal-close {
  background-image: url("/wp-content/uploads/2023/03/close.svg");
}

.get_part .callback-content,
.call_back .callback-content {
  text-align: center;
}

#wpcf7-f273-o4 .invalid .custom-input,
#wpcf7-f233-o4 .invalid .custom-input {
  box-shadow: 0px 0px 12px #ff0000 !important;
}

@media (min-width: 1200px) {
  .def-btn-container {
    padding-top: 21px !important;
  }

  .fix.js-modal .callback-heading {
    text-align: left !important;
    font-weight: 600 !important;
    text-transform: uppercase;
  }
  .services-btn {
    margin-left: 30px;
  }
  /* .modal-content{
    padding: 10px 16px 24px !important;
  } */

  .modal-form-wrap {
    padding: 0px 10px;
  }
}

.modal-close.sm {
  background-image: url("/wp-content/uploads/2023/03/close.svg") !important;
  width: 18px !important;
  height: 17px !important;
}

.help-form-input input:has(.subtitle) .wpcf7-not-valid-tip {
  opacity: 1;
  visibility: visible;
}

.invalid .wpcf7-response-output {
  display: none !important;
}

.question-form .wpcf7-not-valid-tip,
.callback-form .wpcf7-not-valid-tip,
.help-form .wpcf7-not-valid-tip {
  position: absolute;
  top: calc(100% + 20px);
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  pointer-events: none;
  visibility: visible;
  opacity: 1;
  left: -26px;

  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  /* font-size: 16px; */
  line-height: 19px;
  color: #ffffff;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: unset;
  text-align: center;
  font-size: 19px;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.callback-desc {
  font-size: 22px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: unset !important;
}

body
  > div.wrapper
  > main
  > section.contact
  > div
  > div
  > div:nth-child(1)
  > div
  > img {
  margin-top: 6px;
  margin-left: 10px;
}

body
  > div.wrapper
  > main
  > section.contact
  > div
  > div
  > div:nth-child(2)
  > div
  > img {
  margin-top: 6px;
}

body
  > div.wrapper
  > main
  > section.contact
  > div
  > div
  > div:nth-child(3)
  > div
  > img {
  margin-top: 4px;
  margin-left: 12px;
}
body
  > div.wrapper
  > main
  > section.contact
  > div
  > div
  > div:nth-child(4)
  > div
  > img {
  margin-top: -2px;
}

@media (min-width: 1200px) {
  .job.a-bg:before {
    content: unset !important;
  }

  .modal-form .def-btn-container {
    max-height: 52px;
    padding-top: 16px !important;
  }

  .hww-img {
    max-width: 671px;
  }
}

.modal-form-input {
  height: 52px;
  line-height: 9px;
  width: 191px;
}

.faq-el.aos-init.aos-animate.active {
  box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.35);
}

div.wpcf7 .ajax-loader {
  position: absolute;
}

.call_back .help-form-btn {
  margin: 0 auto;
  margin-top: 30px;
}

.custom-input-field {
  resize: vertical;
}

@media (min-width: 1300px) {
  .callback-info {
    max-width: 589px !important;
    width: 100%;
  }
  .callback-content.modal-content {
    padding: 20px 72px 0 72px !important;
  }
  .callback-content.modal-content {
    max-width: 800px;
  }
}

#wpcf7-f367-o7 > form > label:nth-child(4),
#wpcf7-f366-o7 > form > label:nth-child(4) {
  padding-right: 0px;
  padding-bottom: 0px;
  margin-top: 30px;
}

.textarea-244 {
  width: 100%;
}

.question-form .wpcf7-not-valid-tip,
.callback-form .wpcf7-not-valid-tip,
.help-form .wpcf7-not-valid-tip {
  font-weight: 400 !important;
  font-size: 15px !important;
}

.wpcf7-spinner {
  position: absolute;
}

.callback-form .custom-input:hover,
.callback-form .custom-input:focus-within {
  border-color: #12c9e4;
  box-shadow: 0px 0px 4px #ffffff !important;
}

@media (max-width: 820px) {
  section {
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .question-form .wpcf7-not-valid-tip,
  .callback-form .wpcf7-not-valid-tip,
  .help-form .wpcf7-not-valid-tip {
    font-size: 14px !important;
  }
  .callback-content {
    margin-left: 0px !important;
    width: 80% !important;
  }

  .fix .callback-info {
    margin-bottom: 77px;
  }

  .help.m-b {
    overflow: unset;
  }

  .remove {
    display: none;
  }

  section {
    overflow: hidden;
  }

  .brand-slider-nav-btn-icon:hover,
  .brand-slider-nav-btn-icon:focus {
    fill: #00a4bd !important;
  }

  .contact-el-link:hover,
  .contact-el-link:focus {
    color: #00a4bd;
    border-bottom: 1px solid #00a4bd;
  }

  .footer-nav-link:hover,
  .footer-nav-link:focus-visible {
    color: #00a4bd;
    text-decoration: underline;
  }

  .callback-form .wpcf7 form.sent .wpcf7-response-output {
    font-size: 17px !important;
    width: 80%;
  }
}

body.modal-active {
  overflow: unset !important;
}

.contact {
  overflow: hidden;
}

@media screen and (max-width: 624px) {
  .callback-info {
    max-width: unset !important;
  }
  .callback-info {
    padding-bottom: 70px;
  }
  .mini_callback .callback-content.modal-content {
    padding: 0px 15px;
  }

  .callback-info {
    padding-bottom: 20px !important;
  }

  .contact {
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .callback-content {
    width: unset !important;
  }
  .callback-content.modal-content {
    padding: 35px 15px 0 !important;
  }

  .mini_callback .callback-info,
  .call_back .callback-info,
  .get_part .callback-info {
    padding-block: unset;
  }
  .js-modal .modal-form-btn {
    margin-top: 10px;
  }
  .get_part .help-form-btn,
  .mini_callback .help-form-btn {
    margin-top: 32px;
  }

  .get_part .wpcf7-not-valid-tip {
    top: calc(100% + 18px);
  }
  .help-info .wpcf7 form.sent .wpcf7-response-output {
    font-weight: 300;
  }
  .question-desc {
    font-size: 19px;
  }

  .callback .callback-heading {
    text-align: left !important;
  }

  .question .wpcf7 form.sent .wpcf7-response-output {
    font-weight: 300;
  }

  .js-modal #wpcf7-f275-o3 .invalid .wpcf7-not-valid-tip,
  .js-modal #wpcf7-f236-o3 .invalid .wpcf7-not-valid-tip {
    font-size: 13px;
  }

  /* .js-modal .invalid .custom-input {
    box-shadow: 0px 0px 6px #ff0000 !important;
  } */
  .callback-form .wpcf7-not-valid-tip {
    top: calc(100% + 17px);
  }

  #wpcf7-f236-o3 .invalid .wpcf7-not-valid-tip {
    bottom: -32px;
  }

  .invalid label:hover:nth-child(3),
  .invalid label:focus:nth-child(3),
  .invalid label:focus-within:nth-child(3),
  .invalid label:nth-child(3) {
    border-color: #f20b0b !important;
    box-shadow: 0px 0px 12px #ff0000 !important;
    border: 2px solid #f20b0b !important;
  }
}

@media (max-width: 400px) {
  .question-form .wpcf7-not-valid-tip,
  .callback-form .wpcf7-not-valid-tip,
  .help-form .wpcf7-not-valid-tip {
    font-size: 13px !important;
  }
  .help-desc {
    margin-top: 27px;
    font-size: 19px !important;
  }
}

.callback-content.modal-content {
  max-width: 900px;
}

.callback-heading {
  text-align: center;
  font-weight: 300 !important;
}

.invalid label:hover:nth-child(3),
.invalid label:focus:nth-child(3),
.invalid label:focus-within:nth-child(3),
.invalid label:nth-child(3) {
  border-color: #f20b0b !important;
  box-shadow: 0px 0px 12px #ff0000 !important;
  border: 2px solid #f20b0b !important;
}

.question-form .wpcf7-response-output {
  color: #fff;
}

.callback .callback-heading {
  text-align: left;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.mini_callback .callback-heading,
.call_back .callback-heading,
.get_part .callback-heading {
  font-weight: 400 !important;
}

#wpcf7-f233-o4 .invalid .custom-input,
#wpcf7-f273-o4 .invalid .custom-input,
#wpcf7-f275-o3 .invalid .custom-input,
#wpcf7-f236-o3 .invalid .custom-input {
  border-color: #f20b0b;
  box-shadow: 0px 0px 6px #ff0000 !important;
}

#wpcf7-f275-o3 .invalid .wpcf7-not-valid-tip,
#wpcf7-f236-o3 .invalid .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -33px;
  left: -22px;
  font-size: 12px;
}

.question-desc {
  font-size: 21px !important;
}

.callback-form .wpcf7-not-valid-tip {
  top: calc(100% + 18px);
}

.modal.colored.js-modal.active .wpcf7-response-output {
  color: #124c6c;
  font-size: 16px;
}

img.callback-media-img.lazy.entered.loaded {
  margin-left: 20px;
}

.fix .wpcf7-response-output {
  color: #fff !important;
}

.approach-text strong,
.approach-collapse strong {
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 300;
  color: #124d6b;
  text-transform: uppercase;
  margin-top: 21px;
  display: block;
}

.approach-text {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 300;
  color: #000;
}

.approach-text ol,
.approach-text ul {
  margin-top: 21px;
  padding-left: 66px;
}

@media (max-width: 1180px) {
  .question-img {
    margin-top: 0 !important;
  }

  .help.m-b {
    overflow: unset;
  }

  .services.ver-1 .services-media {
    top: 40px;
  }
}

@media screen and (max-width: 624px) {
  .question-container {
    padding: 40px var(--p-inline) 30px !important;
  }
}

@media (max-width: 768px) {
  .services.ver-1 .services-media {
    top: unset;
  }
  .question-desc {
    font-size: 18px !important;
  }

  .question-container {
    padding: 34px var(--p-inline) 30px;
  }

  .question-desc {
    margin-top: 15px;
  }
  img.callback-media-img.lazy.entered.loaded {
    margin-left: -10px;
  }

  .fix .wpcf7-response-output {
    color: #fff !important;
  }

  .fix .callback-heading {
    text-transform: uppercase;
    font-size: 21px;
    text-align: left !important;
  }
}



@media (max-width: 500px) {
 .fix .callback-heading {
    text-align: center !important;
    font-weight: 400 !important;
  }
}