.contact-form {
    position: absolute;
	left: 0;
	bottom: 0;
    /* right: -117px;
    top: 50%;
    z-index: 99;
    display: none; */

}

.contact-form-block {
    position: fixed;
    right: -62px;
    top: 50%;
    z-index: 100;
    width: 160px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #47647A;
    transform: rotate(270deg);
    clip-path: polygon(10px 0,100% 0,100% calc(100% - 5px), calc(100% - 0px) 100%,0 100%,0 35px);
    cursor: pointer;
}

#call,
#ask {
    position: relative;
    right: 0;
    top: 0;
}

.contact-form-block a {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.question-form,
.call-form {
    opacity: 0;
    visibility: hidden;
}

.contact-form.open-menu {
    display: flex;
    align-items: center;
    justify-content: right;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(22, 23, 29, 0.89) 44.03%, #16171D 84.58%);
}

.connect-menu.open-menu {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease 0s;
}

.connect-menu.open-menu .contact-form-block {
    transform: unset;
}

.connect-menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}

.connect-menu .contact-form-block {
    margin-bottom: 5px;
    background: #2B3846;
    margin-right: 55px;
}

.connect-menu .contact-form-block:hover {
    background: #47647A;
}

.back-arrow {
    transform: rotate(90deg);
    position: absolute;
    right: 0px;
    top: 27px;
	cursor: pointer;
}

.contact-form-block.none {
    display: none;
}

.question-form.active,
.call-form.active {
    transition: all 0.3s ease 0s;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: right;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(22, 23, 29, 0.89) 44.03%, #16171D 84.58%);
}

.question-form .input-form,
.call-form .input-form {
    width: 250px;
    margin-right: 95px;
}

.question-form .input-form p,
.call-form .input-form p {
    display: grid;
}

.question-form .input-form p a,
.call-form .input-form p a,
label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9DACB7;
    margin-left: 20px;
    margin-bottom: 5px;
}

.question-form .input-form input,
.call-form .input-form input {
    background: rgba(43, 56, 70, 0.6);
    border: 0.5px solid #2B3846;
    border-radius: 10px;
    height: 35px;
}

.question-form .input-form select,
.call-form .input-form select {
    width: 250px;
    height: 35px;
    border: 0.5px solid #2B3846;
    border-radius: 10px;
    appearance: none;
}

.question-form .input-form textarea {
    background: rgba(43, 56, 70, 0.6);
    border: 0.5px solid #D4DBE1;
    border-radius: 10px;
}

.question-form .input-form button ,
.call-form .input-form button {
    background: #222A34;
    border: none;
    width: 143px;
    height: 35px;
    clip-path: polygon(0px 0px,100% 0px,93% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,0px 0px);
    float: right;
}

.question-form .input-form .design-elem,
.call-form .input-form .design-elem{
    background: #222A34;
}

.question-form .input-form button a ,
.call-form .input-form button a {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #D4DBE1;
	font-family: 'Play';
}

.success,
.error-message {
    width: 308px;
    height: 90px;
    background: rgba(43, 56, 70, 0.6);
    border-radius: 10px;
    text-align: center;
    padding: 40px 75px;
}

.success a,
.error-message a {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #D4DBE1;
}

.success p,
.error-message p {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #D4DBE1;
}

.success.hidden,
.error-message.hidden {
    display: none;
}


.question-form .input-form input::-webkit-input-placeholder,
.question-form .input-form input,
.question-form .input-form textarea,
.question-form .input-form textarea::-webkit-input-placeholder,
.call-form .input-form input::-webkit-input-placeholder,
.call-form .input-form input,
.call-form .input-form textarea,
.call-form .input-form textarea::-webkit-input-placeholder {
    color: #FFFFFF;
}

.form-agreement a {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9DACB7;
    margin-left: 15px;
}

.form-agreement {
    display: flex;
    align-items: center;
}

.form-footer {
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: end;
}

input {
	padding-left: 20px;
}

select {
	background: #232B36 url(/local/templates/arkonoptics/img/select-btn.svg) no-repeat calc(96%) center;
	color: #FFFFFF;
	padding-left: 20px;
}


.close-question-form,
.feedback-btn {
	cursor: pointer;
}

/* Это если форма до конца не заполнена
.question-form .input-form button a,
.call-form .input-form button a {
    color: #47647A;
} */



@media screen and (max-width: 615px) {
	.contact-form-block {
		top: 70%;
	}
}