.wrapper-contact-form {
	padding-bottom: 50px;
}
.wrapper-input {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
p.res-send {
    color: #4CAF50;
    font-style: italic;
}
.wrapper-input input {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	border: none;
	outline: none;
	width: calc(50% - 10px);
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: var(--clr-bg_input);
	color: var(--clr-txt_input);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.wrapper-input input.full-input {
  width: 100%;
}
.wrapper-form input:focus,
.wrapper-form textarea:focus {
	background-color: var(--shop-text-hover);
}
.wrapper-form textarea {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	outline: none;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	margin-bottom: 20px;
	border-radius: 5px;
	width: 100%;
	background-color: var(--clr-bg_input);
	padding: 15px;
	height: 200px;
}

.wrapper-form input::-webkit-input-placeholder,
.wrapper-form textarea::-webkit-input-placeholder {
	font-weight: 700;
	color: var(--clr-txt_input);
	font-size: 16px;
}

.wrapper-form input::-moz-placeholder,
.wrapper-form textarea::-moz-placeholder {
	font-weight: 700;
	color: var(--clr-txt_input);
	font-size: 16px;
}

.wrapper-form input:-ms-input-placeholder,
.wrapper-form textarea:-ms-input-placeholder {
	font-weight: 700;
	color: var(--clr-txt_input);
	font-size: 16px;
}

.wrapper-form input::placeholder,
.wrapper-form textarea::placeholder {
	font-weight: 700;
	color: var(--clr-txt_input);
	font-size: 16px;
}
.wrapper-form button {
	outline: none;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	padding: 17px 35px;
	text-transform: uppercase;
	color: var(--clr-txt_btn);
	background-color: var(--clr-bg_btn);
	border-radius: 3px;
	font-weight: 700;    
  font-family: var(--sub-font), sans-serif;
}

.wrapper-form button:hover {
	background-color: var(--shop-text-hover);
}
@media (max-width: 767px) {
  .wrapper-input input {
    width: 100%;
  }
} 



