.contacts .form .box .text { margin: 2.2rem 0 }

.contacts .form .btn {
    padding: 1.6rem 0;
}

.contacts .form .btn svg {
    width: 1.6rem;
    margin: 0 0 0 2.0rem;
    transition: transform 0.3s ease-out;
}


.contacts .form {
    width: 50%;
}

.contacts .form .box {
    padding: 3.2rem;

    background: white;
    box-shadow: 0 0.2rem 0.4rem rgba(0,0,0, 0.04);

    border-radius: 3.2rem;
}

.contacts .form .box .input { margin: 0 0 1.6rem }
.contacts .form .box .input.half { width: calc(50% - 0.5rem) }

.contacts .form .box .input label {
    margin: 0 0 0.8rem;
    display: block;
}

.contacts .form .box .input input,
.contacts .form .box .input select,
.contacts .form .box .input textarea {
    width: 100%;
    padding: 1.2rem 2.4rem;

    border-width: 1px;
    border-style: solid;
    border-color: #ABAAAA;
    border-radius: 1.2rem;
}

.contacts .form .box .input select {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzIxMjdfMTYwMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgeD0iMjQiIHk9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMjQgMjQpIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTI3XzE2MDIpIj4KPHBhdGggZD0iTTEyIDEzLjJMMTYuNiA4LjZMMTggMTBMMTIgMTZMNiAxMEw3LjQgOC42TDEyIDEzLjJaIiBmaWxsPSIjNzA3MDcwIi8+CjwvZz4KPC9zdmc+Cg==");
    background-size: 2.4rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 2.4rem) center;
}

.contacts .form .box .input textarea {
    height: 11.0rem;
}

.contacts .form .pattern {
    top: 0;
    right: 16.6666%;
    width: 50vw;
    bottom: 0;
}

.contacts .form .pattern:after {
    inset: 0;
    opacity: 0.32;

    content: '';
    display: block;
    position: absolute;

    background: url(../images/pattern-01.png);
    background-repeat: repeat;
}


.contacts .info {
    width: 41.6666%;
}

.contacts .info .group { margin: 0 0 2.4rem }
.contacts .info .group .title { margin: 0 0 1.2rem }

.contacts .info .group svg,
.contacts .info .links svg {
    width: 3.2rem;
    margin: 0 0 1.2rem;
}

.contacts .info .links svg {
    margin: 0 2.4rem 0 0;
}


@media (max-width: 1100px) {
    .contacts .wrapper {
        flex-wrap: wrap;
    }

    .contacts .form,
    .contacts .info {
        width: 100%;
    }

    .contacts .form .pattern {
        left: -20px;
        right: -20px;
        width: 100vw;
    }

    .contacts .form .box .input.half {
        width: 100%;
    }
}


@media (any-hover: hover) {
    .contacts .form .btn:hover svg {
        transform: rotate(45deg);
    }

    .contacts .info .links a:hover,
    .contacts .info .group .text a:hover {
        text-decoration: underline;
    }
}