input::placeholder {
	color: #5A5A5A;
    font-size: 12px;
    font-weight: 100;
}

#myForm .triangle.close {
    transform: rotate(180deg);
}

#myForm .triangle.open {
    transform: rotate(0deg);
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
	background-color: rgb(248, 248, 248);
}

input.error,
textarea.error,
select.error {
	border-color: #dc3545 !important;
    width: 100%;
}

input.error:focus,
textarea.error:focus,
select.error:focus {
	box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}

button {
	border: 1px solid #171717;
	background-color: white;
	color:black;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	text-align: center;
}

button:hover {
	background: #fff;
	border-color: #fff;
	cursor: pointer;
}

button:focus {
	outline: none;
	color: #fff;
	background-color: #000;
	border-color: #000;
	border: 1px solid #fff;
}

#myForm.animation_hidden {
	transition: all 4s;
	height: 1px !important;
	overflow: hidden;
	/* transition: height 4s cubic-bezier(0, 1, 0, 1); */
	transition: height 2s ease-in-out;

}

#msg_submit {
	opacity: 1;
	//transition: all 2s;
	height: 321px;
}

.icon_wrapper_send {
	display: flex;
    justify-content: center;
	margin: 80px 0px;
}

#msg_submit.op_0 {
	opacity: 0 !important;
	height: 0px;
	display:none;
}
@media screen and (min-width: 320px){
#myForm input{
height:50px;
}
input[type="text"]
{
    font-size:24px;
}
}