/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
  color: #FFFFFF;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

ul,
ol {
  list-style: none;
  text-decoration: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
/* article>*+* {
    margin-top: 1em;
} */

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  border: none;
}

button:active,
button:focus {
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    -o-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/*   Шрифты    */


@font-face {
  font-family: 'Inter';
  src: url('Inter-Medium.eot');
  src: local('Inter Medium'), local('Inter-Medium'),
    url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter-Medium.woff2') format('woff2'),
    url('../fonts/Inter-Medium.woff') format('woff'),
    url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}


@font-face {
  font-family: 'Inter';
  src: local('Inter Extra Bold'),
    url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
    url('../fonts/Inter-ExtraBold.woff') format('woff'),
    url('../fonts/Inter-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

.text-Inter-Heavy {
  font-family: 'Inter';
  font-weight: 800;
}

/* Bold */
@font-face {
  font-family: 'Inter';
  src: local('Inter-SemiBold'),
    url('../fonts/Inter-SemiBold.woff2') format('woff2'),
    url('../fonts/Inter-SemiBold.woff') format('woff'),
    url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}

.text-Bold {
  font-family: 'Inter';
  font-weight: 600;
}

@font-face {
  font-family: 'Inter';
  src: local('Inter-Regular'),
    url('../fonts/Inter-Regular.woff2') format('woff2'),
    url('../fonts/Inter-Regular.woff') format('woff'),
    url('../fonts/Inter-Regular.ttf') format('truetype');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

html,
body {
  line-height: 1.3;
  color: #000000;

}

body {
  min-width: 320px;
  position: relative;
  opacity: 1;
  width: 100%;
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

h2 {
  font-size: 48px;
  margin-bottom: 32px;
}

h5 {
  margin: 0;
}

p {
  font-family: 'Inter';
  font-weight: 400;
  font-size: 20px;
  color: #000000;
}


.f-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.dfcc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.front-kontacts {
  background-color: #000000;
}

.contacts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  height: 40px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contacts a {
  color: #FFF;
}

.adress-wrap {
  margin-right: 29px;
}

.phone-home {
  margin-right: 24px;
}

.adress-wrap img {
  margin-right: 5px;
}

.phone img {
  margin-right: 8px;
}

.main-banner {
  position: relative;
  min-height: calc(100vh - 40px);
  padding-top: 38px;
  background-image: url(../img/main-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}

.main-banner::after {
  z-index: 1;
  content: "";
  width: 30%;
  height: 100%;
  background: rgb(140, 137, 131);
 background: linear-gradient(90deg, #8C8983 0%, #8C8983 34.64%, rgba(142, 143, 138, 0.00) 100%);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  display: inline-block;
}
.main-banner>* {
  position: relative;
  z-index: 100;
}
.logo-wrap {
  margin-bottom: 52px;
  display: flex;
  flex-wrap: nowrap;
  margin-left: 40px;
}

.main-banner img.logo {
  height: 67px;
  margin-right: 16px;
}

.logo-text {
  color: #FFF;
  font-family: Inter;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.logo-text span {
  font-weight: 700;
}



.main-banner-description h1 {
  margin-bottom: 32px;
  margin-left: 35px;
  color: #FFF;
  font-family: Inter;
  font-size: 88px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.main-banner-description ul {
  max-width: 60vw;
  margin-left: 70px;
  margin-bottom: 60px;
  list-style: disc outside none;
}

.main-banner-description ul li {
  margin-bottom: 32px;
  color: #FFF;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.main-banner-description ul li::marker {
  position: relative;
  left: 32px;
}

ul.advantage-list {
  max-width: 80vw;
  display: flex;
  flex-wrap: wrap;
  margin-left: 42px;
  margin-bottom: 20px;
}

ul.advantage-list li {
  margin-right: 54px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  color: #FFF;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

ul.advantage-list li img {
  margin-right: 24px;
}

.main-banner-button {
  margin-left: 40px;
  padding-bottom: 48px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 40px;
  background-color: #30A83E;
  font-weight: 600;
  color: #fff;
  font-size: 30px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn:hover {
  cursor: pointer;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  background: #4FC55D;
  box-shadow: 0px 4px 24px rgb(52 52 52 / 40%);
}


/************ magnific popup************/
.call-popup {
  position: relative;
  background: #fff;
  padding: 46px 120px 38px 120px;
  max-width: 746px;
  margin: 0 auto;
}


/* Зум */

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/************ form send ************/
form * {
  outline: none;
}

form input:not([type="submit"]),
form textarea {
  background: none;
  border: 1px solid #D9D9D9;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  height: 40px;
  background-color: #fff;
}

.form__body {
  position: relative;
}

.my_form-wrapper {
  max-width: 334px;
  margin: 0 auto;
}

.form__body::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(51, 51, 51, 0.712) url(../img/loading.gif) center / 50px no-repeat; */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all transform 0.5s ease 0s;
  -o-transition: all transform 0.5s ease 0s;
  transition: all transform 0.5s ease 0s;
}

._sending.form__body::after {
  opacity: 1;
  visibility: visible;
}

.form__title {
  text-align: center;
  font-size: 42px;
  font-weight: 500;
  margin-bottom: 36px;
}

.form__item {
  margin-bottom: 32px;
}

.form__label {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
  display: block;
  margin-bottom: 8px;
}

.form__input {
  height: 50px;
  padding: 8px 12px;
  border-radius: 2px;
  width: 100%;
  font-size: 18px;
}

.form__input:focus {
  -webkit-box-shadow: 0 0 15px #30a83e;
  box-shadow: 0 0 15px #30a83e;
}

textarea.form__input {
  min-height: 120px;
  resize: vertical;
  padding: 5px 20px;
}

form .btn {
  margin-bottom: 15px;
  padding: 12px 24px;
  font-size: 20px;
  font-weight: 600;
  border: none;
}

.form-btn-center {
  display: flex;
  justify-content: center;
}

.send-mess {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding: 8px 16px;
  border-radius: 5px;
}

.form__input._error {
  -webkit-box-shadow: 0 0 15px red;
  box-shadow: 0 0 15px red;
}

/************ checkbox ************/
.checkbox {
  text-align: left;
  margin-top: 6px;
  margin-bottom: 39px;
}


/* для элемента input c type="checkbox" */
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.date-wrap input {
  padding: 10px;
}

.date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#time::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  background: url(../img/icons/time.svg) no-repeat center;
  background-size: contain;
}

#time57::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  background: url(../img/icons/time.svg) no-repeat center;
  background-size: contain;
}

.form__body input.input937:not([type="submit"]) {
  background: url(../img/icons/time.svg) no-repeat;
  background-position: right 10px top 50%;
  background-size: 18px;
  margin-bottom: 8px;
  background-color: #fff;
}

.form__body input.input937.disabled:not([type="submit"]) {
  background: none;

}

#time.disabled,
#date.disabled {
  color: transparent;
}

input[type=time] {
  border: none;
  color: red;
  font-size: 14px;
  font-family: helvetica;
  width: 110px;
}

input[name=datearea-57] {
  border: none;
  color: red;
  font-size: 14px;
  font-family: helvetica;
  width: 110px;
}


#time57 {
  width: 91px;
  margin-right: 3px;
  color: #BFBFBF;
  border-radius: 2px;
}

#date429 {
  width: 241px;
  color: #BFBFBF;
  border-radius: 2px;
}

#date::-webkit-calendar-picker-indicator {
  color: rgb(55, 55, 55)rent;
  opacity: 1;
  background: url(../img/icons/calendar.svg) no-repeat center;
  background-size: contain;
}

#date429::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  background: url(../img/icons/calendar.svg) no-repeat center;
  background-size: contain;
}

#time57.disabled,
#date429.disabled {
  color: transparent;
}

input[type=date]:invalid::-webkit-datetime-edit {
  color: #BFBFBF;
}

input[type=time]:invalid::-webkit-datetime-edit {
  color: #BFBFBF;
}

::-webkit-input-placeholder {
  color: #BFBFBF;
}

::-moz-placeholder {
  color: #BFBFBF;
}

/* Firefox 19+ */
:-moz-placeholder {
  color: #BFBFBF;
}

/* Firefox 18- */
:-ms-input-placeholder {
  color: #BFBFBF;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 18px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  color: #000;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
  -webkit-box-shadow: 0 0 0 0.2px rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2px rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
  border-color: #80bdff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
  border-color: #30A83E;
  background-color: #30A83E;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
  background-color: #254128;
}

.formsend-ok {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  z-index: 100;
  display: none;
}

.formsend-ok-content {
  text-align: center;
}

.formsend-ok-content .title {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 14px;
}

.formsend-ok-content p {
  max-width: 334px;
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 auto;
  padding: 0;
}

.wpcf7-spinner {
  display: none;
}

#remont-popup .wpcf7 form.sent .wpcf7-response-output {
  display: none;
}

.hidden-form {
  display: none;
}