/* Start:/local/templates/miningx100/css/contact.css?17633659807700*/
#contact-page {
    position: relative;
}

.container-contact {
    padding-top: 80px;
}

h1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    color: var(--text-neutral-header);
}

.contact-info {
    margin-top: 32px;
    display: grid;
    grid-template-columns: auto 684px;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.contact-items {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.contact-item {
    border: 1px solid var(--stroke-neutral-lighter);
    border-radius: 16px;
    background: var(--surface-lighter);
}

.contact-item-img_text {
    padding: 16px;
    border-bottom: 1px solid var(--stroke-neutral-lighter);
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-item-btn {
    padding: 16px;
}

.contact-item-btn a {
    font-weight: 600;
    font-size: 13px;
    line-height: 123%;
    color: var(--text-accent-default);
    border: 1px solid var(--stroke-accent-default);
    border-radius: 8px;
    background: var(--component-accent-secondary-default);
    display: flex;
    gap: 6px;
    width: fit-content;
    padding: 10px;
}

.contact-item-btn a::after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.33398 7.99998H12.6673M12.6673 7.99998L8.00065 3.33331M12.6673 7.99998L8.00065 12.6666" stroke="%234263F7" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    width: 16px;
    height: 16px;
    display: block;
}

.contact-item-text {
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.02em;
    color: var(--text-neutral-darker);
}

.contact-item-text span {
    color: var(--text-neutral-default);
    margin-bottom: 2px;
}

.contact-item-text div {
    margin-top: 2px;
}

.contact-item-img {
    border-radius: 12px;
    width: 44px;
    height: 44px;
    display: flex;
    padding: 12px;
}

.contact-item-img.telegram {
    background-color: #239bd5;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.4482 8.96938C7.14486 6.85919 10.2715 5.45703 11.8415 4.77678C16.31 2.84707 17.2494 2.51388 17.8532 2.5C17.9874 2.5 18.2826 2.52777 18.4839 2.69436C18.645 2.83319 18.6852 3.01366 18.712 3.15249C18.7389 3.29132 18.7657 3.58286 18.7389 3.80498C18.4973 6.44271 17.4507 12.8427 16.9139 15.7858C16.6858 17.0353 16.2429 17.4518 15.8135 17.4934C14.8742 17.5767 14.163 16.8548 13.2639 16.244C11.8415 15.286 11.0498 14.6891 9.66763 13.7451C8.07077 12.6622 9.10403 12.0652 10.0165 11.0934C10.2581 10.8436 14.3777 6.95637 14.4582 6.6093C14.4716 6.56766 14.4716 6.40106 14.3777 6.31776C14.2838 6.23447 14.1496 6.26223 14.0422 6.29C13.8946 6.31777 11.6402 7.87264 7.25221 10.9407C6.6081 11.3989 6.03108 11.621 5.50774 11.6071C4.93072 11.5932 3.83036 11.2739 2.99838 10.9963C1.99196 10.6631 1.18681 10.4826 1.25391 9.89952C1.29417 9.5941 1.69674 9.28868 2.4482 8.96938Z" fill="white" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}


.contact-item-img.whatsapp {
    background-color: var(--component-positive-primary-default);
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20L1.41284 14.8646C0.540006 13.3581 0.0815332 11.6491 0.0836418 9.90999C0.0859426 4.44555 4.55279 0 10.0419 0C12.7056 0.00134738 15.2058 1.03331 17.0861 2.90657C18.9664 4.77984 20.0009 7.2698 20 9.91794C19.9976 15.382 15.53 19.8283 10.0418 19.8283H10.0374C8.37095 19.8277 6.73344 19.4115 5.27891 18.6219L0 20Z" fill="white" /><path d="M10.0447 1.67414C5.47916 1.67414 1.7663 5.36906 1.76468 9.91068C1.76243 11.4615 2.20111 12.9813 3.03 14.2944L3.22692 14.606L2.39064 17.6455L5.52328 16.8277L5.82577 17.0061C7.09623 17.7568 8.55293 18.1537 10.0385 18.1545H10.0416C14.6036 18.1545 18.3164 14.4592 18.3182 9.91728C18.3216 8.83474 18.1093 7.76227 17.6936 6.76196C17.2779 5.76165 16.667 4.85338 15.8962 4.08972C15.1298 3.32189 14.2179 2.71303 13.2135 2.29839C12.2091 1.88375 11.132 1.67157 10.0447 1.67414Z" fill="%2300B327" /><path fill-rule="evenodd" clip-rule="evenodd" d="M7.55238 5.76689C7.36588 5.35446 7.16963 5.3461 6.99247 5.33896L6.51552 5.33317C6.34959 5.33317 6.07999 5.39515 5.85207 5.64307C5.62415 5.89098 4.98114 6.49016 4.98114 7.70887C4.98114 8.92758 5.87278 10.1052 5.99702 10.2706C6.12126 10.4361 7.71831 13.0167 10.2475 14.0096C12.3492 14.8348 12.7769 14.6707 13.2333 14.6294C13.6896 14.5882 14.7054 14.0302 14.9126 13.4518C15.1198 12.8734 15.1199 12.3778 15.0578 12.2742C14.9957 12.1706 14.8298 12.109 14.5807 11.9851C14.3317 11.8611 13.1086 11.2619 12.8806 11.1792C12.6525 11.0965 12.4867 11.0554 12.3206 11.3033C12.1546 11.5512 11.6783 12.1089 11.5331 12.2742C11.3879 12.4395 11.2429 12.4603 10.9939 12.3365C10.7448 12.2126 9.94361 11.951 8.99297 11.1071C8.25332 10.4505 7.75404 9.63967 7.60868 9.39189C7.46332 9.1441 7.59325 9.0099 7.71804 8.88648C7.8297 8.77546 7.9668 8.5972 8.09145 8.45263C8.2161 8.30805 8.25711 8.20471 8.33994 8.03965C8.42277 7.8746 8.38149 7.72962 8.31923 7.6058C8.25697 7.48197 7.77353 6.2568 7.55238 5.76689Z" fill="white" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}


.contact-item-img.mail {
    background-color: var(--surface-light);
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z" stroke="%234263F7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.contact-map {
    border-radius: 20px;
    overflow: hidden;
}

#mapContacts {
    width: 100%;
    height: 100%;
}

#mapContacts .ymaps3--pin .ymaps3--hint {
    transform: translate(calc(85px / 2 - 12px), calc(-60px + 2px + 10px));
    padding: 4px 9px;
}

#mapContacts .ymaps3--zoom-control_vertical {
    display: none;
}

.before-background {
    position: absolute;
    transform: scale(-1, 1) rotate(180deg);
    left: 48px;
    top: 142px;
    background-image: url(/upload/site_images/content-background.webp);
    width: 288px;
    height: 448px;
}

.after-background {
    position: absolute;
    right: 48px;
    top: 142px;
    background-image: url(/upload/site_images/content-background.webp);
    width: 288px;
    height: 448px;
}

@media (max-width: 1140px) {

    .before-background,
    .after-background {
        display: none;
    }

    .contact-info {
        display: flex;
        flex-direction: column;
    }

    .contact-map {
        width: 100%;
        height: 448px;
    }
}

@media (max-width: 690px) {
    .contact-map {
        height: 342px;
    }

    .contact-map .ymaps3--hint-title {
        font-size: 10px;
    }
}
/* End */
/* /local/templates/miningx100/css/contact.css?17633659807700 */