@charset "UTF-8";
/* CSS Document */
/*
Theme Name: МеталлКрафт55
Version: 1.0
Description: МеталлКрафт55
Author: СИЯНИЕ - креативная веб-студия
*/
@font-face {
    font-family: "Onest";
    src: url("fonts/Onest-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
    touch-action: manipulation;
}
:root {
    margin-top: 0!important;
}
body {
	font-family: 'Onest';
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* Не делай меньше 150 */
    letter-spacing: -1%;
    text-align: left;
    color: #FFFFFF;
    display: flex!important;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background-color: #191A1F;
    padding: 0;
    margin: 0;
}
#wpadminbar {
    /* position: unset!important; */
    position: fixed;
}
main {
    padding-top:109px;
    overflow-x: hidden;
}
.admin-bar main {
    padding-top:calc(109px + 32px);
}
@media(max-width:992px) {
    #wpadminbar {
        display: none!important;
    }
    main {
        padding-top:98px;
    }
    .admin-bar main {
        padding-top:98px;
    }
}

* {
    box-sizing: border-box;
    outline: none !important;
    box-shadow: unset;
}

input:not([type="submit"], [type="checkbox"], [type="radio"]),
textarea {
    -webkit-appearance: none;
    width: 100%;
    outline: none;
    display: block;
    border-radius: 16px;
    background-color: #333742;
    border: 1px solid #333742;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: left;
    padding: 19px;
    margin-bottom: 12px;
    transition: .3s;
    outline: none;
    box-shadow: none;
    backdrop-filter: blur(14px);
    color:#fff;
}
textarea {
    height: 100px;
    border-radius: 16px;
}
input:not([type="submit"], [type="checkbox"], [type="radio"])::placeholder,
textarea::placeholder {
    color:#ffffff99;
}
input:not([type="submit"], [type="checkbox"], [type="radio"]):focus,
textarea:focus {
    border-color: #1F5FFF;
}

input[type="checkbox"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    border:0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%23FFFFFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
    cursor: pointer;
}
input[type="checkbox"]:focus,
input[type="checkbox"]:focus-visible {
    border:0;
    margin: 0;
}
input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%23FFFFFF'/%3E%3Cline x1='3.06066' y1='9' x2='6.52769' y2='12.467' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='13.2407' y1='3.04455' x2='6.64455' y2='12.4648' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    border:0;
}

h1 {
	font-weight: 400;
	font-size: 48px;
	line-height: 130%;
    margin: 0;
    margin-bottom: 40px;
}
h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    margin-bottom: 40px;
}
h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    margin-bottom: 24px;
}
@media(max-width:992px) {
    h1 {
        font-size: 32px;
        line-height: 150%;
        margin-bottom: 24px;
    }
    h2 {
        font-size: 32px;
        line-height: 150%;
        margin-bottom: 24px;
    }
    h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 130%;
        margin: 0;
        margin-bottom: 24px;
    }
}

section {
	margin-bottom: 120px;
    width: 100%;
    overflow-x: hidden;
}
@media(max-width:992px) {
	section {
		margin-bottom: 80px;
	}	
}

a,
a:not([href]):not([class]){
    color: #fff;
    text-decoration-color: #fff;
    transition: .3s;
}
a:hover,
a:not([href]):not([class]):hover{
    text-decoration-color: transparent;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn,
button:not(.link),
.button {
	display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    box-shadow: unset;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 19px;
    transition: .3s;
    cursor: pointer;
    border-radius: 16px;
    background-color: #1F5FFF;
    border: 1px solid #1F5FFF;
}
.btn:hover,
.btn:focus-visible,
button:not(.link):hover,
button:not(.link):focus-visible,
.button:hover,
.button:focus-visible {
    background-color: #1F5FFF;
    border-color:#1F5FFF;
    color: #fff;
    box-shadow: 0px 0px 15px 0px #1F5FFF80;
}
.btn:disabled,
button:not(.link):disabled,
.button:disabled {
    background-color: #AAAAAA;
    color: #fff;    
    border-color: #AAAAAA;
}
.btn-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: center;
    color:#191A1F;
    padding:20px 24px;
    background-color: #fff;
    border-radius: 16px;
    transition: .3s;
}
.btn-white:hover {
    background-color: #191A1F;
    color:#fff;
}
.link {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    outline: none;
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -1%;
    color:#fff;
    text-decoration: underline;
    text-decoration-color: #fff;
    transition: .3s;
    cursor: pointer;
}
.link:hover {
    text-decoration-color: transparent;
}
.socials {
    display: flex;
    align-items: center;
    gap:8px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.socials li {
    display: inline-block;
}
.socials li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background-color: #1F5FFF;
    transition: .3s;
}
.socials li a:hover {
    box-shadow: 0px 0px 15px 0px #1F5FFF80!important;
}
.socials li a svg {
    width: 19px;
    height: 100%;
    display: block;
}
table {
    width: 100%!important;
    height: auto!important;
}
table tbody tr,
table thead tr {
    height: auto!important;
    padding:10px 24px;
    border-radius: 12px;
    background-color: #262A35;
    display: flex;
    align-items: center;
    color:#fff;
}
table tbody tr:nth-child(2n),
table thead tr:nth-child(2n) {
    background-color: transparent;
}
table tbody tr td,
table thead tr th {
    height: auto!important;
    width: 100%;
}
@media (max-width: 992px) {
    table tbody tr, table thead tr {
        height: auto !important;
        padding: 6px 14px;
        font-size: 14px;
        line-height: 130%;
    }
}


/* header */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.admin-bar header {
    top:32px;
}
.header-top {
    padding-top:6px;
    padding-bottom: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -1%;
    color:#F5F5F5;
}
.header-top .container {
    display: flex;
    align-items: baseline;
    gap:50px;
}
.header-top .location {
    position: relative;
    padding-left: 18px;
    opacity: .6;
    transition: .3s;
    margin-right: auto;
}
.header-top .location:hover {
    opacity: 1;
}
.header-top .location::before {
    content:'';
    display: block;
    width: 12px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C4.40926 0.00178147 2.88418 0.626396 1.75935 1.73681C0.634525 2.84723 0.00180459 4.35277 0 5.92314C0 10.9915 5.45455 13.7424 5.68705 13.9026C5.77876 13.966 5.88802 14 6 14C6.11198 14 6.22124 13.966 6.31295 13.9026C6.54545 13.7424 12 10.9915 12 5.92314C11.9982 4.35277 11.3655 2.84723 10.2406 1.73681C9.11582 0.626396 7.59075 0.00178147 6 0ZM6 3.76927C6.43152 3.76927 6.85335 3.89559 7.21215 4.13226C7.57095 4.36893 7.8506 4.70532 8.01574 5.09889C8.18087 5.49245 8.22408 5.92553 8.1399 6.34334C8.05571 6.76114 7.84791 7.14493 7.54278 7.44615C7.23765 7.74738 6.84888 7.95251 6.42565 8.03562C6.00242 8.11873 5.56373 8.07607 5.16505 7.91305C4.76638 7.75003 4.42563 7.47396 4.18588 7.11976C3.94614 6.76556 3.81818 6.34913 3.81818 5.92314C3.81818 5.3519 4.04805 4.80405 4.45722 4.40012C4.86639 3.99619 5.42135 3.76927 6 3.76927Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}
.header-top .email {
    position: relative;
    padding-left: 18px;
    opacity: .6;
    text-decoration: none;
    transition: .3s;
}
.header-top .email:hover {
    opacity: 1;
}
.header-top .email::before {
    content:'';
    display: block;
    width: 15px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2.54932V9.37488C15 9.9267 14.7808 10.4577 14.387 10.8592C13.9933 11.2607 13.4549 11.5023 12.882 11.5347L12.75 11.5383H2.25C1.67609 11.5383 1.12386 11.3275 0.706304 10.9489C0.288745 10.5703 0.0374194 10.0527 0.00375009 9.5018L0 9.37488V2.54932L7.08375 7.09031L7.17075 7.13791C7.27328 7.18608 7.38589 7.21111 7.5 7.21111C7.61411 7.21111 7.72672 7.18608 7.82925 7.13791L7.91625 7.09031L15 2.54932Z' fill='white'/%3E%3Cpath d='M12.7502 0C13.5602 0 14.2705 0.411048 14.6665 1.02906L7.50023 5.6227L0.333984 1.02906C0.522079 0.735432 0.780452 0.489292 1.08756 0.311163C1.39467 0.133034 1.74162 0.0280791 2.09948 0.00504794L2.25023 0H12.7502Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 1px;
}
.header-top .link {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -1%;
    color:#F5F5F5;
    opacity: .6;
}
.header-top .link:hover {
    opacity: 1;
}
.header-main {
    padding-top: 18px;
    padding-bottom: 18px;
    border-top:1px solid #ffffff0d;
    border-bottom: 1px solid #ffffff0d;
    position: relative;
    overflow: hidden;
} 
.header-main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;  
}
.header-main .the_shadow {
    width: 344px;
    height: 344px;
    display: block;
    position: absolute;
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    background-image: url("data:image/svg+xml,%3Csvg width='344' height='344' viewBox='0 0 344 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' filter='url(%23filter0_f_2001_839)'%3E%3Ccircle cx='172' cy='172' r='72' fill='%231F5FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2001_839' x='0' y='0' width='344' height='344' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_2001_839'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}
header {
    background-color: #191A1F99;
    backdrop-filter: blur(14px);
}
header .custom-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: auto;
}
header .custom-logo-link img {
    width: 100%;
    height: auto;
}
header .contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap:6px;
}
header .contacts .telefon {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: right;
    color:#fff;
    transition: .3s;
    display: inline-block;
    text-decoration: none;
    outline: none;
}
header .contacts .telefon:hover {
    color:#1F5FFF;
}
header .contacts .timework {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -1%;
    color:#F5F5F5;
    opacity: .5;
}
header ul.menu {
    display: flex;
    align-items: baseline;
    gap:24px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
header ul.menu li {
    display: inline-block;
}
header ul.menu li a {
    display: flex;
    text-decoration: none;
    outline: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -1%;
    opacity: .6;
    transition: .3s;
}
header ul.menu li a:hover {
    opacity: 1;
}
.menu-trigger {
    display: block;
}
@media(max-width:1400px) {
    header ul.menu {
        gap:12px;
    }
}
@media(max-width:1200px) {
    header .header-main .contacts {
        display: none;
    }
}
@media(max-width:992px) {
    .admin-bar header {
        top: 0px;
    }
    header {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .header-top .container {
        gap:12px;
        align-items: center;
    }
    .header-top .link {
        display:none;
    }
    header ul.menu {
        display: none;
    }
    header .custom-logo-link {
        width: 174px;
        margin-right: 12px;
    }
    .header-main {
        padding-top: 14px;
        padding-bottom: 14px;
        overflow: unset;
    }
    .header-main .socials {
        margin-left: auto;
    }
    .menu-trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(14px);
        width: 42px;
        height: 42px;
        background: #FFFFFF33;
        border-radius: 16px;
        cursor: pointer;
        transition: .3s;
        margin-left: 8px;
    }
    .menu-trigger:hover {
        background-color: #1F5FFF;
        box-shadow: 0px 0px 15px 0px #1F5FFF80 !important;
    }
    .menu-trigger .box-sub-btn {
        position: relative;
        height: 13px;
        width: 18px;
        transition: .3s;
    }
    .menu-trigger .box-sub-btn span {
        display: block;
        width: 100%;
        height: 1.2px;
        background-color: #fff;
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        transition: .3s;
    }
    .menu-trigger .box-sub-btn span:nth-child(1) {
        top:0px;
    }
    .menu-trigger .box-sub-btn span:nth-child(2),
    .menu-trigger .box-sub-btn span:nth-child(3) {
        top:5.8px
    }
    .menu-trigger .box-sub-btn span:nth-child(4) {
        top:11.8px;
    }
    .menu-trigger.up .box-sub-btn span:nth-child(1),
    .menu-trigger.up .box-sub-btn span:nth-child(4) {
        width: 0;
    }
    .menu-trigger.up .box-sub-btn span:nth-child(2) {
        transform: translateX(-50%) rotate(45deg);
    }
    .menu-trigger.up .box-sub-btn span:nth-child(3) {
        transform: translateX(-50%) rotate(-45deg);
    }
    .menu-popup {
        width: 100%;
        padding-top: 34px;
        /* padding-bottom: 40px; */
        padding-bottom: 120px;
        overflow: auto;
        height: calc(100vh - 98px);
        overflow: auto;
    }
    .menu-popup::-webkit-scrollbar {
        width: 4px;
        height: 0;
    }
    .menu-popup::-webkit-scrollbar-track {
        border-radius: 2px;
        background-color: transparent;
        /* #191a1fdb; */
    }
    .menu-popup::-webkit-scrollbar-thumb {
        border-radius: 2px;
        border: 1px solid transparent;
        background-color: #fff;
    }
    .menu-popup .container {
        display: flex;
        flex-direction: column;
    }
    .menu-popup ul.menu {
        display: flex;
        flex-direction: column;
        gap:24px;
        margin-bottom: 80px;
    }
    .menu-popup ul.menu li {}
    .menu-popup ul.menu li a {
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -1%;
        color:#fff;
        opacity: 1;
        transition: .3s;
    }
    .menu-popup .telefon {
        display: flex;
        position: relative;
        text-decoration: none;
        outline: none;
        font-weight: 400;
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -1%;
        color:#F5F5F5;
        padding-left: 37px;
        margin-bottom: 12px;
    }
    .menu-popup .telefon::before {
        content:'';
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        left: 0;
        top: 1.5px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6677 17.7673L18.8205 15.6137C19.1104 15.3273 19.4773 15.1312 19.8765 15.0492C20.2757 14.9673 20.6901 15.0031 21.0693 15.1522L23.693 16.2002C24.0762 16.3558 24.4049 16.6215 24.6375 16.9637C24.8701 17.3059 24.9962 17.7093 25 18.1231V22.9302C24.9978 23.2117 24.9386 23.4898 24.8261 23.7479C24.7136 24.0059 24.5501 24.2384 24.3454 24.4316C24.1406 24.6247 23.899 24.7744 23.6349 24.8716C23.3708 24.9688 23.0898 25.0116 22.8088 24.9973C4.424 23.8532 0.714362 8.27798 0.0127987 2.31709C-0.0197684 2.02437 0.0099873 1.72807 0.100108 1.44768C0.190229 1.16729 0.338672 0.909164 0.535672 0.690287C0.732673 0.471411 0.973765 0.296742 1.24309 0.177774C1.51241 0.0588048 1.80386 -0.00176823 2.09827 3.92929e-05H6.74012C7.15434 0.00126588 7.55872 0.126436 7.90125 0.359451C8.24378 0.592466 8.5088 0.922669 8.66221 1.30759L9.70975 3.9323C9.86377 4.31021 9.90306 4.72514 9.82273 5.12526C9.74239 5.52538 9.54599 5.89295 9.25806 6.18206L7.10532 8.33567C7.10532 8.33567 8.34507 16.729 16.6677 17.7673Z' fill='%231F5FFF'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .menu-popup .timework {
        display: inline-block;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: -1%;
        margin-bottom: 48px;
        color:#F5F5F5;
    }
    .menu-popup .email {
        display: flex;
        position: relative;
        text-decoration: none;
        outline: none;
        font-weight: 400;
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -1%;
        color:#F5F5F5;
        padding-left: 37px;
        margin-bottom: 12px;
    }
    .menu-popup .email::before {
        content:'';
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        left: 0;
        top: 1.5px;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 4.2489V15.6248C25.0001 16.5445 24.6346 17.4295 23.9784 18.0987C23.3222 18.7678 22.4249 19.1706 21.47 19.2245L21.25 19.2305H3.75C2.79349 19.2306 1.87311 18.8792 1.17717 18.2482C0.481241 17.6173 0.0623656 16.7545 0.00625014 15.8364L0 15.6248V4.2489L11.8062 11.8172L11.9513 11.8966C12.1221 11.9768 12.3098 12.0186 12.5 12.0186C12.6902 12.0186 12.8779 11.9768 13.0487 11.8966L13.1938 11.8172L25 4.2489Z' fill='%231F5FFF'/%3E%3Cpath d='M21.2504 0C22.6004 0 23.7841 0.68508 24.4441 1.7151L12.5004 9.37118L0.556641 1.7151C0.870131 1.22572 1.30075 0.815486 1.81261 0.518605C2.32446 0.221724 2.90271 0.0467985 3.49914 0.00841323L3.75039 0H21.2504Z' fill='%231F5FFF'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .menu-popup .copy {
        display: inline-flex;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: -1%;
        text-decoration: underline;
        text-decoration-color: #F5F5F5;
        color:#F5F5F5;
        width: auto;
        padding-right: 21px;
        position: relative;
        transition: .3s;
        margin-bottom: 80px;
        margin-right: auto;
    }
    .menu-popup .copy:hover {
        text-decoration-color: transparent;
    }
    .menu-popup .copy::after {
        content:'';
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 5.09082C14.3282 5.09108 15 5.76255 15 6.59082V13.5C14.9999 14.3282 14.3282 14.9997 13.5 15H6.59082C5.76252 14.9999 5.09088 14.3283 5.09082 13.5V6.59082C5.09082 5.76246 5.76248 5.09092 6.59082 5.09082H13.5ZM6.59082 6.09082C6.31477 6.09092 6.09082 6.31474 6.09082 6.59082V13.5C6.09088 13.776 6.3148 13.9999 6.59082 14H13.5C13.7759 13.9997 13.9999 13.7759 14 13.5V6.59082C14 6.31484 13.7759 6.09108 13.5 6.09082H6.59082ZM8.40918 0C9.23738 0.000261764 9.90918 0.671734 9.90918 1.5V3.0459H8.90918V1.5C8.90918 1.22402 8.6851 1.00026 8.40918 1H1.5C1.22402 1.00019 1 1.22398 1 1.5V8.40918C1.00005 8.68516 1.22405 8.90899 1.5 8.90918H3.04492V9.90918H1.5C0.67177 9.90899 5.26777e-05 9.23744 0 8.40918V1.5C0 0.671692 0.671738 0.000193578 1.5 0H8.40918Z' fill='%23F5F5F5'/%3E%3C/svg%3E ");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: .3s;
    }
}
@media(max-width:390px) {
    .header-top .location {
        font-size: 12px;
    }
    .header-top .email {
        font-size: 12px;
    }
    header .custom-logo-link {
        width: 134px;
    }
}
/* end */


/* footer */
footer {
    position: relative;
    background: #262A35;
    border-top: 1px solid #333742;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: auto;
}
footer::before {
    content:'';
    display: block;
    width: 1405px;
    height: 1405px;
    position: absolute;
    left: 53px;
    bottom: 54px;
    transform: translate(-50%, 50%);
    background-image: url("data:image/svg+xml,%3Csvg width='1405' height='1405' viewBox='0 0 1405 1405' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' filter='url(%23filter0_f_92_148)'%3E%3Ccircle cx='702.5' cy='702.5' r='302.5' fill='%231F5FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_92_148' x='0' y='0' width='1405' height='1405' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_92_148'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E ");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
footer::after {
    content:'';
    display: block;
    width: 1302px;
    height: 1302px;
    position: absolute;
    right: -51px;
    top: -63px;
    transform: translate(50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='1302' height='1302' viewBox='0 0 1302 1302' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' filter='url(%23filter0_f_92_149)'%3E%3Ccircle cx='651' cy='651' r='251' fill='%231F5FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_92_149' x='0' y='0' width='1302' height='1302' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_92_149'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E ");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
footer .container {
    position: relative;
    z-index: 2;
    display: flex;
}
.footer-ls {
    width: calc(100% - 370px);
    padding-right: 60px;
    display: flex;
    flex-wrap: wrap;
    gap:120px 160px;
}
.footer-col .label {
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -1%;
    margin-bottom: 24px;
}
.footer-ls .footer-col ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap:16px;
}
.footer-ls .footer-col ul.menu li {
    display: inline-flex;
}
.footer-ls .footer-col ul.menu li > * {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    opacity: .6;
    text-decoration: none;
    transition: .3s;
}
.footer-ls .footer-col ul.menu li > *:hover {
    opacity: 1;
}
.footer-ls .footer-col.last {
    width: 100%;
    display: flex;
    max-width: 743px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-ls .footer-col.last .custom-logo-link {
    display:flex;
    text-decoration: none;
    outline: none;
    height: auto;
    width: 100%;
}
.footer-ls .footer-col.last .custom-logo-link img {
    height: auto;
    width: 100%;
}
.footer-ls .footer-col.last .yr_name {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -1%;
    opacity: .6;
}
.footer-ls .footer-col.last .marker {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -1%;
    opacity: .6;
}
.footer-rs {
    width: 370px;
    padding-left: 60px;
    border-left:1px solid #ffffff1a;
    display: flex;
    flex-wrap: wrap;
    gap:120px;
}
.footer-rs .footer-col {
    width: 100%;
}
.footer-rs .footer-col ul.contacts {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap:16px;
    margin-bottom: 24px;
}
.footer-rs .footer-col ul.contacts li {
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -1%;
    opacity: .6;
    transition: .3s;
}
.footer-rs .footer-col ul.contacts li:hover {
    opacity: 1;
}
.footer-rs .footer-col ul.contacts li a {
    display: inline-flex;
    text-decoration: none;
}
.footer-rs .footer-col ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap:16px;
}
.footer-rs .footer-col ul.menu li {
    display: inline-block;
    line-height: 100%;
}
.footer-rs .footer-col ul.menu li > * {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    opacity: .6;
    transition: .3s;
    text-decoration: none;
}
.footer-rs .footer-col ul.menu li > *:hover {
    opacity: 1;
}
.footer-rs .footer-col.last {
    display: none;
}
@media(max-width:1200px) {
    .footer-ls {
        gap: 120px 80px;
    }
}
@media(max-width:992px) {
    footer {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    footer .container {
        flex-direction: column;
    }
    .footer-ls {
        width: 100%;
        padding: 0;
        gap:32px;
        padding-bottom: 32px;
        border-bottom: 1px solid #ffffff1a;
    }
    .footer-ls .footer-col {
        width: calc(50% - 16px);
    }
    .footer-ls .footer-col.last {
        display: none;
    }
    .footer-rs {
        width: 100%;
        padding: 0;
        padding-top: 32px;
        padding-bottom: 0px;
        border-left: 0;
        border-bottom: 0;
        /* 1px solid #ffffff1a; */
        gap:0
    }
    .footer-rs .footer-col {
        padding-bottom: 32px;
    }
    .footer-rs .footer-col:not(:first-child) {
        border-top:1px solid #ffffff1a;
        padding-top: 32px;
    }
    .footer-rs .footer-col.last {
        display: block;
        padding-bottom: 0;
    }
    .footer-rs .footer-col.last .custom-logo-link {
        display: flex;
        text-decoration: none;
        outline: none;
        height: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    .footer-rs .footer-col.last .custom-logo-link img {
        height: auto;
        width: 100%;
    }
    .footer-rs .footer-col.last .yr_name {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -1%;
        opacity: .5;
        margin-bottom: 10px;
    }
    .footer-rs .footer-col.last .marker {
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: -1%;
        opacity: .5;
        display: block;
    }
    .footer-rs .footer-col ul.menu li > * {
        font-size: 14px;
    }
    .footer-rs .footer-col ul.contacts {
        margin-bottom: 16px;
    }
    .footer-rs .footer-col ul.contacts li {
        font-size: 14px;
    }
    .footer-col .label {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .footer-ls .footer-col ul.menu li > * {
        font-size: 14px;
    }
}
/* end */

/* contacts section */
.contacts .container {
    display: flex;
    gap:135px
}
.contacts-ls {
    width: 430px;
}
.contacts-ls h2 {
    line-height: 100%;
}
.contacts-ls .link-block {
    display: flex;
    flex-direction: column;
    gap:8px;
    margin-bottom: 32px;
}
.contacts-ls .link-block:last-child {
    margin-bottom: 0;
}
.contacts-ls .link-block .value {
    text-decoration: none;
    outline: none;
    display: flex;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -1%;
    color:#F5F5F5;
    transition: .3s;
}
.contacts-ls .link-block .link {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-decoration: underline;
    text-decoration-color: #F5F5F5;
    color:#F5F5F5;
    transition: .3s;
    display: inline-flex;
    align-items: center;
    opacity: .6;
    white-space: nowrap;
    margin-right: auto;
}
.contacts-ls .link-block .link:hover {
    opacity:1;
}
.contacts-ls .link-block .link::after {
    content:'';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 9.5L9.5 0.5M9.5 9.5V0.5H0.5' stroke='%23F5F5F5' stroke-linecap='round'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
.contacts-ls .link-block .link:hover::after {
    transform: rotate(45deg);
}
.contacts-ls .link-block .copy {
    position: relative;
    padding-right: 21px;
}
.contacts-ls .link-block .copy::after {
    content:'';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 5.09082C14.3282 5.09108 15 5.76255 15 6.59082V13.5C14.9999 14.3282 14.3282 14.9997 13.5 15H6.59082C5.76252 14.9999 5.09088 14.3283 5.09082 13.5V6.59082C5.09082 5.76246 5.76248 5.09092 6.59082 5.09082H13.5ZM6.59082 6.09082C6.31477 6.09092 6.09082 6.31474 6.09082 6.59082V13.5C6.09088 13.776 6.3148 13.9999 6.59082 14H13.5C13.7759 13.9997 13.9999 13.7759 14 13.5V6.59082C14 6.31484 13.7759 6.09108 13.5 6.09082H6.59082ZM8.40918 0C9.23738 0.000261764 9.90918 0.671734 9.90918 1.5V3.0459H8.90918V1.5C8.90918 1.22402 8.6851 1.00026 8.40918 1H1.5C1.22402 1.00019 1 1.22398 1 1.5V8.40918C1.00005 8.68516 1.22405 8.90899 1.5 8.90918H3.04492V9.90918H1.5C0.67177 9.90899 5.26777e-05 9.23744 0 8.40918V1.5C0 0.671692 0.671738 0.000193578 1.5 0H8.40918Z' fill='%23F5F5F5'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
.contacts-ls .link-block .copy:hover::after {
    transform: unset;
}
.contacts-ls ul.socials {
    gap:12px;
    margin-top: 86px;
}
.contacts-ls ul.socials li a {
    width: auto;
    display: flex;
    align-items: center;
    gap:6px;
    padding:18.5px 20px;
    height: auto;
}
.contacts-ls ul.socials li a span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: center;
}
.contacts-rs {
    width: calc(100% - 430px - 135px);
    height: auto;
    border-radius: 32px;
    overflow: hidden;
}
.contacts-rs > * {
    width: 100%;
    height: 100%;
}
.contacts-rs iframe {
    width: 100%;
    height: 100%;
    border:0;
    display: block;
}
@media(max-width:1200px) {
    .contacts .container {
        gap:32px;
    }
    .contacts-rs {
        width: calc(100% - 430px - 32px);
    }
}
@media(max-width:992px) {
    .contacts .container {
        gap:32px;
        flex-wrap: wrap;
    }
    .contacts-ls {
        width: 100%;
    }
    .contacts-rs {
        width: 100%;
        height: 320px;
    }
    .contacts-ls .link-block .value {
        font-size: 20px;
    }
    .contacts-ls .link-block .link {
        font-size: 14px;
    }
    .contacts-ls ul.socials {
        margin-top: 24px;
        flex-wrap: wrap;
    }
}
@media(max-width:576px) {
    .contacts-ls ul.socials li a {
        padding: 0;
        width: 42px;
        height: 42px;
    }
    .contacts-ls ul.socials li a span {
        display: none;
    }
}
/* end */

/* breadcrumbs */ 
.breadcrumbs {
    padding:40px 0 12px;
}
.breadcrumbs-nav {
    display: flex;
    gap:4px;
    width: 100%;
    overflow: auto;
    padding-bottom: 4px;
}
.breadcrumbs-nav::-webkit-scrollbar {
    height: 4px;
    width: 0;
}
.breadcrumbs-nav::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
}
.breadcrumbs-nav::-webkit-scrollbar-thumb {
    background-color: #ffffffcc;
    border-radius: 2px;
}
.breadcrumbs-nav a {
    display: inline-block;
    text-decoration: none;
    outline: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -1%;
    white-space: nowrap;
    color:#fff;
    opacity: .6;
    transition: .3s;
}
.breadcrumbs-nav a:hover {
    opacity: 1;
}
.breadcrumbs-nav span {
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -1%;
    white-space: nowrap;
    color:#fff;
    opacity: .6;
}
/* end */

/* modal */
.modal-dialog {
    max-width: 692px;
    padding: 0 20px;
}
.modal-content {
    border: 0;
    border-radius: 32px;
    background-color: #262A35;
    border: 1px solid #333742;
    position: relative;
    overflow: hidden;
}
.modal-content .the_shadow {
    display: block;
    width: 1439px;
    height: 1439px;
    position: absolute;
    /* left: 48px;
    top: 138px; */
    left: -651px;
    top: -651px;
    /* transform: translate(-50%, -50%); */
    background-image: url("data:image/svg+xml,%3Csvg width='1439' height='1439' viewBox='0 0 1439 1439' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6' filter='url(%23filter0_f_2001_827)'%3E%3Ccircle cx='719.5' cy='719.5' r='319.5' fill='%231F5FFF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2001_827' x='0' y='0' width='1439' height='1439' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='200' result='effect1_foregroundBlur_2001_827'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}
.modal-body {
    position: relative;
    z-index: 2;
    padding: 48px;
}
.modal-body .btn-close {
    position: absolute;
    right: 14px;
    top: 14px;
    display: block;
    width: 42px;
    height: 42px;
    padding: 0;
    margin: 0;
    z-index: 3;
    background-color: transparent;
    border:0;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-14' y='-14' width='70' height='70'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7px);clip-path:url(%23bgblur_0_261_1343_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='14'%3E%3Crect width='42' height='42' rx='16' transform='matrix(-1 0 0 1 42 0)' fill='white' fill-opacity='0.2'/%3E%3Cpath d='M13.9834 14.7695L20.3125 20.9668L13.9834 27.165L14.8398 28.0039L21.1699 21.8057L27.2148 27.7266L28.0713 26.8877L22.0264 20.9668L28.0713 15.0469L27.2148 14.208L21.1699 20.1279L14.8398 13.9307L13.9834 14.7695Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_261_1343_clip_path' transform='translate(14 14)'%3E%3Crect width='42' height='42' rx='16' transform='matrix(-1 0 0 1 42 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.modal-body .btn-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-14' y='-14' width='70' height='70'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7px);clip-path:url(%23bgblur_0_261_1343_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='14'%3E%3Crect width='42' height='42' rx='16' transform='matrix(-1 0 0 1 42 0)' fill='%231F5FFF' fill-opacity='0.2'/%3E%3Cpath d='M13.9834 14.7695L20.3125 20.9668L13.9834 27.165L14.8398 28.0039L21.1699 21.8057L27.2148 27.7266L28.0713 26.8877L22.0264 20.9668L28.0713 15.0469L27.2148 14.208L21.1699 20.1279L14.8398 13.9307L13.9834 14.7695Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_261_1343_clip_path' transform='translate(14 14)'%3E%3Crect width='42' height='42' rx='16' transform='matrix(-1 0 0 1 42 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
/* end */
/* wpcf7 */
.wpcf7 h2.title {
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 48px;
}
.wpcf7 .callback-col {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap:8px;
}
.wpcf7 .callback-col .subtext {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -1%;
    display: inline-block;
    opacity: .6;
}
.wpcf7 .callback-col .telefon {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1%;
    text-decoration: none;
    display: inline-flex;
    outline: none;
    transition: .3s;
    color:#F5F5F5;
}
.wpcf7 .callback-col .socials {
    gap:12px;
}
.wpcf7 .callback-col .socials li {
    display: inline-block;
}
.wpcf7 .callback-col .socials li a {
    width: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 18.5px 20px;
    height: auto;
}
.wpcf7 .callback-col .socials li a span {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: center;
}
.wpcf7 .callback-col .link-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wpcf7 .callback-col .link-block .value {
    text-decoration: none;
    outline: none;
    display: flex;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -1%;
    text-decoration: none;
    color: #F5F5F5;
    transition: .3s;
}
.wpcf7 .callback-col .link-block .copy {
    position: relative;
    padding-right: 21px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1%;
    text-decoration: underline;
    text-decoration-color: #F5F5F5;
    color: #F5F5F5;
    transition: .3s;
    display: inline-flex;
    align-items: center;
    opacity: .6;
    white-space: nowrap;
    margin-right: auto;
}
.wpcf7 .callback-col .link-block .copy:hover {
    opacity: 1;
}
.wpcf7 .callback-col .link-block .copy::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 5.09082C14.3282 5.09108 15 5.76255 15 6.59082V13.5C14.9999 14.3282 14.3282 14.9997 13.5 15H6.59082C5.76252 14.9999 5.09088 14.3283 5.09082 13.5V6.59082C5.09082 5.76246 5.76248 5.09092 6.59082 5.09082H13.5ZM6.59082 6.09082C6.31477 6.09092 6.09082 6.31474 6.09082 6.59082V13.5C6.09088 13.776 6.3148 13.9999 6.59082 14H13.5C13.7759 13.9997 13.9999 13.7759 14 13.5V6.59082C14 6.31484 13.7759 6.09108 13.5 6.09082H6.59082ZM8.40918 0C9.23738 0.000261764 9.90918 0.671734 9.90918 1.5V3.0459H8.90918V1.5C8.90918 1.22402 8.6851 1.00026 8.40918 1H1.5C1.22402 1.00019 1 1.22398 1 1.5V8.40918C1.00005 8.68516 1.22405 8.90899 1.5 8.90918H3.04492V9.90918H1.5C0.67177 9.90899 5.26777e-05 9.23744 0 8.40918V1.5C0 0.671692 0.671738 0.000193578 1.5 0H8.40918Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
.wpcf7 .callback-col .link-block .copy:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 5.09082C14.3282 5.09108 15 5.76255 15 6.59082V13.5C14.9999 14.3282 14.3282 14.9997 13.5 15H6.59082C5.76252 14.9999 5.09088 14.3283 5.09082 13.5V6.59082C5.09082 5.76246 5.76248 5.09092 6.59082 5.09082H13.5ZM6.59082 6.09082C6.31477 6.09092 6.09082 6.31474 6.09082 6.59082V13.5C6.09088 13.776 6.3148 13.9999 6.59082 14H13.5C13.7759 13.9997 13.9999 13.7759 14 13.5V6.59082C14 6.31484 13.7759 6.09108 13.5 6.09082H6.59082ZM8.40918 0C9.23738 0.000261764 9.90918 0.671734 9.90918 1.5V3.0459H8.90918V1.5C8.90918 1.22402 8.6851 1.00026 8.40918 1H1.5C1.22402 1.00019 1 1.22398 1 1.5V8.40918C1.00005 8.68516 1.22405 8.90899 1.5 8.90918H3.04492V9.90918H1.5C0.67177 9.90899 5.26777e-05 9.23744 0 8.40918V1.5C0 0.671692 0.671738 0.000193578 1.5 0H8.40918Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.wpcf7 .callback-col .or {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -1%;
    opacity: .6;
}

.wpcf7 .subtitle {
    margin: 0;
    margin-bottom: 32px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    line-height: 100%;
    margin-top: -9px;
    margin-bottom: 12px;
    padding: 0 19px;
}
.wpcf7 .wrap-input {
    display: flex;
    gap:12px;
}
.wpcf7 .wrap-input .input-col {
    width: calc(50% - 6px);
}
.wpcf7 textarea {
    height: 128px;
    font-family: 'Onest';
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1%;
}

.wpcf7 .wpcf7-footer {
    display: flex;
    align-items: center;
    gap:20px;
}
.wpcf7 .wpcf7-footer .acceptance-wrapper {
    width: calc(100% - 210px - 20px);
    margin: 0;
}
.wpcf7-submit-wrapper {
    position: relative;
    display: inline-block;
    width: 210px;
}
.wpcf7-submit-wrapper .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.wpcf7-submit {
    width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output {
    margin: 24px 0 16px;
    padding: 12px 24px;
    border: 0;
    background: #333742;
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    border-radius: 4px;
}
.wpcf7 form.sent {
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wpcf7 form.sent > *:not(.wpcf7-response-output) {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    font-weight: 400;
    color:#FFF;
    padding: 0;
    margin: 0;
    border: 0;
    padding-top: 108px;
    position: relative;
    max-width: 540px;
}
.wpcf7 form.sent .wpcf7-response-output::before {    
    content:'Спасибо за обращение';
    display: block;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -1%;
    text-align: center;
    color:#fff;
    margin-bottom: 32px;
}
.wpcf7 form.sent .wpcf7-response-output::after {
    content:'';
    display: block;
    width: 84px;
    height: 84px;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='84' height='84' rx='32' fill='%231F5FFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M57.3186 31.7606C58.1517 32.497 58.2296 33.7709 57.4932 34.6094L42.0401 52.0781C41.8617 52.2799 41.6446 52.4439 41.4016 52.5603C41.1587 52.6768 40.8949 52.7434 40.6259 52.7561C40.3568 52.7689 40.0879 52.7276 39.835 52.6347C39.5822 52.5418 39.3505 52.3991 39.1537 52.2152L29.0756 42.8089C28.6879 42.4435 28.4606 41.9395 28.4434 41.4071C28.4262 40.8746 28.6206 40.357 28.9839 39.9674C29.3472 39.5778 29.85 39.3478 30.3824 39.3278C30.9148 39.3079 31.4334 39.4995 31.8249 39.8607L40.3981 47.8426L54.4806 31.9326C54.6561 31.734 54.8692 31.572 55.1075 31.4558C55.3458 31.3396 55.6046 31.2716 55.8692 31.2556C56.1339 31.2396 56.399 31.276 56.6496 31.3627C56.9001 31.4493 57.1311 31.5846 57.3293 31.7606H57.3186Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 25px;
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
}
/* acceptance input */
.acceptance-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 12px;
    gap:8px;
}
.acceptance-wrapper .accept {
    width: auto;
    margin: 0 7px;
    display: block
}
.acceptance-wrapper .wpcf7-acceptance {
    display: block;
    position: relative;
    margin: 0;
    transition: 0.3s;
    overflow: hidden;
}
.acceptance-wrapper .wpcf7-acceptance .wpcf7-list-item {
    margin: 0
}
.acceptance-wrapper .wpcf7-form-control-wrap {
    width: auto!important;
}
.acceptance-wrapper>span:not(.wpcf7-form-control-wrap),
.acceptance-wrapper>span:not(.wpcf7-form-control-wrap) a {
    width: calc(100% - 24px);
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF99;
}
.acceptance-wrapper>span:not(.wpcf7-form-control-wrap) a {
    text-decoration: underline;
    text-decoration-color: #FFFFFF99;
    transition: .3s;
    color:#FFFFFF99;
    cursor: pointer;
}
.acceptance-wrapper>span:not(.wpcf7-form-control-wrap) a:hover {
    text-decoration-color: transparent;
}
/* end */
@media(max-width:576px) {
    .modal-body {
        padding: 62px 24px 48px;
    }
    .wpcf7 h2.title {
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 24px;
    }
    .wpcf7 form.sent {
        height: 200px;
    }
    .wpcf7 form.sent .wpcf7-response-output::after {
        width: 64px;
        height: 64px;
    }
    .wpcf7 form.sent .wpcf7-response-output::before {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .wpcf7 form.sent .wpcf7-response-output {
        padding-top: 84px;
        font-size: 16px;        
    }
    .wpcf7 .callback-col {
        margin-bottom: 24px;
    }
    .wpcf7 .callback-col .subtext {
        font-size: 14px;
    }
    .wpcf7 .callback-col .telefon {
        font-size: 24px;
    }
    .wpcf7 .callback-col .link-block .value {
        font-size: 24px;
    }
    .wpcf7 .callback-col .link-block .copy {
        font-size: 14px;
    }
    .wpcf7 .callback-col .socials li a span {
        font-size: 14px;
    }
    .wpcf7 .callback-col .socials li a {
        padding: 14.5px 12px;
    }
    .wpcf7 .wrap-input {
        flex-direction: column;
        gap:0;
    }
    .wpcf7 .wrap-input .input-col {
        width: 100%;
    } 
    .wpcf7 .wpcf7-footer {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }
    .wpcf7-submit-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .wpcf7 .wpcf7-footer .acceptance-wrapper {
        width: 100%;
        margin: 0;
    }
    .modal-dialog {
        padding: 0 12px;
    }
}
@media(max-width:420px) {
    .wpcf7 .callback-col .socials li a span {
        display:none;
    }
    .wpcf7 .callback-col .socials li a {
        padding: 0;
        width: 42px;
        height: 42px;
    }
}

/* 404 PAGE */
.page404 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page404 .container h1 {
    margin-bottom: 24px;
    line-height: 100%;
}
.page404 .container p {
    margin-top: 0;
    margin-bottom: 32px;
}
/* end */