@charset "UTF-8"; #top-menu {
    background: #ffffff;
    padding: 8px 0;
    position: sticky;
    top: 0;
    z-index: 20;
}

#top-menu.dark {
    background: var(--color-text);
}

#top-menu .standart-logo, #top-menu.dark .black-logo {
    display: none;
}

#top-menu.dark .standart-logo, #top-menu .black-logo {
    display: block;
}

#top-menu .container {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

@media screen and (min-width: 768px) {
    #top-menu, #top-menu .container a:not(.btn) {
        color: #ffffff;
        transition: color .3s ease-in-out;
    }
}

#top-menu .container a:not(.btn):hover, #top-menu .container a.is--active {
    color: #0d65df;
}

#top-menu .container .left-part {
    display: flex;
    flex-direction: row;
    align-items: center
}

#top-menu .container .account {
    background: url(../../../assets/img/main/white-man.svg) no-repeat 17px center;
    color: #fff;
    padding: 14px 20px 14px 50px;
    border-radius: 5px;
    border: 1px solid #fff;
    text-align: center;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 20px
}

#top-menu .container .account:hover, #top-menu .level-1 .log-in a.account:hover {
    opacity: .7
}

#top-menu .container .right-part {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

#top-menu .container .right-part div a {
    font-size: 17px;
    font-weight: 700;
    line-height: 26px
}

#top-menu .container .right-part div a:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.53055 3.96896L17.0306 11.469C17.1003 11.5386 17.1556 11.6213 17.1933 11.7124C17.2311 11.8034 17.2505 11.901 17.2505 11.9996C17.2505 12.0981 17.2311 12.1957 17.1933 12.2868C17.1556 12.3778 17.1003 12.4606 17.0306 12.5302L9.53055 20.0302C9.38982 20.1709 9.19895 20.25 8.99993 20.25C8.80091 20.25 8.61003 20.1709 8.4693 20.0302C8.32857 19.8895 8.24951 19.6986 8.24951 19.4996C8.24951 19.3006 8.32857 19.1097 8.4693 18.969L15.4396 11.9996L8.4693 5.03021C8.39962 4.96052 8.34434 4.8778 8.30663 4.78675C8.26892 4.69571 8.24951 4.59813 8.24951 4.49958C8.24951 4.40104 8.26892 4.30345 8.30663 4.21241C8.34434 4.12136 8.39962 4.03864 8.4693 3.96896C8.53899 3.89927 8.62171 3.844 8.71276 3.80629C8.8038 3.76858 8.90138 3.74916 8.99993 3.74916C9.09847 3.74916 9.19606 3.76858 9.2871 3.80629C9.37814 3.844 9.46087 3.89927 9.53055 3.96896Z" fill="white"/></svg>');
    position: relative;
    top: 6px;
    right: -6px
}

#top-menu .container .right-part .btn.free {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15px 0;
    width: 173px
}

@media (max-width: 768px) {
    #top-menu .container {
        height: 40px
    }
}

@media (max-width: 767px) {
    #top-menu .container .right-part "not(.is--block) {
display: none
}

}

#top-menu .black-logo, #top-menu .first-mobile {
    display: none
}

#top-menu.black .black-logo {
    display: block
}

#top-menu .logo {
    height: 26px;
}

#top-menu .logo img {
    width: 100%;
    height: 100%;
}

#top-menu .level-1 .log-in:before, #top-menu.black .standart-logo {
    display: none
}

#top-menu.black .container .account {
    background: url(../../../assets/img/main/black-man.svg) no-repeat 17px center;
    color: #1f245c;
    border: 1px solid #1f245c
}

#top-menu.black .container .right-part div a:after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><g id="chev"><path id="Vector" d="M9.92606 4.10079L17.4261 11.6008C17.4958 11.6704 17.5511 11.7532 17.5889 11.8442C17.6266 11.9353 17.646 12.0329 17.646 12.1314C17.646 12.23 17.6266 12.3276 17.5889 12.4186C17.5511 12.5097 17.4958 12.5924 17.4261 12.662L9.92606 20.162C9.78533 20.3028 9.59446 20.3818 9.39544 20.3818C9.19641 20.3818 9.00554 20.3028 8.86481 20.162C8.72408 20.0213 8.64502 19.8304 8.64502 19.6314C8.64502 19.4324 8.72408 19.2415 8.86481 19.1008L15.8351 12.1314L8.86481 5.16204C8.79513 5.09236 8.73985 5.00963 8.70214 4.91859C8.66443 4.82755 8.64502 4.72996 8.64502 4.63142C8.64502 4.53287 8.66443 4.43529 8.70214 4.34425C8.73985 4.2532 8.79513 4.17047 8.86481 4.10079C8.93449 4.03111 9.01722 3.97584 9.10826 3.93812C9.19931 3.90041 9.29689 3.881 9.39544 3.881C9.49398 3.881 9.59156 3.90041 9.68261 3.93812C9.77365 3.97584 9.85638 4.03111 9.92606 4.10079Z" fill="%231F245C"/></g></svg>')
}

#top-menu ul {
    margin: 0;
    padding: 0
}

#top-menu li {
    list-style: none
}

#top-menu li a {
    text-decoration: none
}

/* Improve touch target size for primary nav links */
#top-menu .level-1 > li > a {
    display: inline-flex;
    align-items: center; /* min-height:48px; */
    padding: 0 10px
}

#top-menu .level-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    margin-left: 60px;
}

#top-menu .level-1 > li {
    /* margin-right: 35px; */
    padding-top: 0;
    position: relative
}

.first-mobile .logo img {
    height: 24px;
}

#top-menu .level-1 > li.has-child {
    padding-bottom: 0;
    padding-top: 24px
}

#top-menu .level-1 > li:hover {
    cursor: pointer
}

#top-menu .level-1 .log-in {
    display: flex
}

#top-menu .level-1 .log-in a.account {
    background: url(../../../assets/img/main/man2.svg) no-repeat 25px center;
    padding: 10px 25px 10px 55px;
    border-radius: 5px;
    border: 1px solid #1a1e25;
    font-size: 18px
}

@media (max-width: 767px) {
    #top-menu .level-1 .log-in a.account {
        border: 0;
        margin-left: -25px
    }
}

#top-menu .level-1 .log-in .man {
    position: relative;
    top: 3px;
    width: 18px;
    margin-right: 10px;
    image-rendering: -webkit-optimize-contrast
}

#top-menu .level-1 .start {
    margin: 0
}

#top-menu .has-child {
    position: relative;
    padding-right: 19px
}

#top-menu .has-child .level-2 {
    position: absolute;
    top: 65px;
    left: -50px;
    z-index: 100;
    background: #fff;
    color: var(--color-text);
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    padding: 50px 50px 10px
}

#top-menu .has-child .level-2 a {
    /* opacity: .6; */
    color: var(--color-text);
    padding: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    border-radius: 8px;
    color: #1F1F1F;
}

#top-menu .has-child .level-2 a:hover {
    opacity: 1;
    background: #fbf9f8
}

#top-menu .has-child .level-2 a span {
    background: #e6eff9;
    padding: 6px 4px;
    color: #4b5159;
    font-size: 11px;
    line-height: 11px;
    width: 81px;
    border-radius: 5px
}

#top-menu .has-child .level-2.grow-group-three {
    left: -350px
}

#top-menu .has-child .level-2.start-group {
    padding: 0;
    min-width: 220px;
    display: flex !important;
    flex-direction: column
}

#top-menu .has-child .level-2.start-group li {
    padding: 10px 10px 0;
    border-radius: 10px;
    margin: 0 !important
}

#top-menu .has-child .level-2.start-group .info {
    margin-bottom: 20px
}

#top-menu .has-child .level-2.start-group .list-item {
    margin-bottom: 8px;
    padding-left: 37px;
    font-size: 13px;
    line-height: 19px;
    position: relative
}

#top-menu .has-child .level-2.start-group .link {
    font-size: 15px;
    line-height: 24px;
    padding-right: 18px;
    font-weight: 700;
    background: (. . / . . / . . /assets/ img /main/ arrow . svg) no-repeat right center;
    display: inline-block !important;
    background-size: 7px;
    text-decoration: underline;
    margin-top: 12px
}

#top-menu .has-child .level-2.grow-group {
    width: 913px;
    padding: 0;
    display: flex !important
}

#top-menu .has-child .level-2.grow-group .left {
    padding: 50px 50px 10px
}

#top-menu .has-child .level-2.grow-group .center-block {
    padding: 50px 50px 10px 0
}

#top-menu .has-child .level-2.grow-group .right {
    background: #f5f7f9;
    padding: 50px;
    width: 320px;
    flex-shrink: 0
}

#top-menu .has-child .level-2.grow-group .right img {
    line-height: 0
}

#top-menu .has-child .level-2.grow-group .right .info {
    margin-bottom: 40px
}

#top-menu .has-child .level-2.grow-group .right .link {
    margin-top: 30px
}

#top-menu .show-me {
    position: relative
}

#top-menu .show-me:after {
    content: "";
    background: url(../../../assets/img/main/white-arr-down.svg) no-repeat center;
    background-size: contain;
    right: -8px;
    top: 26px;
    width: 24px;
    height: 24px;
    position: absolute;
    transition: all .4s;
    cursor: pointer
}

#top-menu .show-me.open:after {
    transform: rotateX(180deg)
}

#top-menu .flex {
    display: flex;
    align-items: center
}

#top-menu .actions {
    display: none
}

@media (max-width: 768px) {
    #top-menu {
        height: auto;
        padding: 10px 16px;
        position: relative;
        overflow: visible;
    }
}

@media (max-width: 1140px) {
    #top-menu .level-1 > li {
        /* margin-right:25px; */
    }
}

@media screen and (min-width: 1600px) {
    #top-menu {
        height: 74px;
        display: flex;
        align-items: center;
    }
}

#top-menu .menu-btn {
    display: none;
}

@media (max-width: 1023px) {
    #top-menu .level-1 > li details {
        margin: 15px;
    }

    #top-menu .level-1 .first-mobile {
        margin: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 10px 14px;
        position: relative;
    }

    #top-menu .level-1 > li {
        margin-right: 0
    }

    #top-menu .level-1 > li details summary {
        color: var(--color-blue);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 20px;

        text-transform: uppercase;
    }

    #top-menu .call-us-mobile {
        display: flex
    }

    #top-menu details[open] .level-2 {
        display: block
    }

    #top-menu .level-1 {
        flex-direction: column;
        color: var(--color-text);
        background: #fff;
        width: 100%;
        /* max-width: 500px; */
        overflow-y: auto;
        box-shadow: 0 2px 10px rgba(26, 70, 112, .15);
        padding: 0;
        align-items: flex-start;
        position: fixed;
        top: 0;
        height: 100%;
        max-height: 100%;
        right: -100%;
        transition: right .4s;
        display: flex;
    }

    #top-menu .level-1 > li:not(.log-in) {
        overflow: visible;
        padding: 0;
        width: calc(100% - 72px);
        margin: 20px 0 0 20px;
    }

    #top-menu .level-1 > li:not(.log-in) a {
        color: var(--color-text);
        font-size: 20px;
    }

    #top-menu .has-child .level-2.start-group li, #top-menu .level-1 .has-child {
        padding: 0
    }

    #top-menu .level-1 .log-in .man {
        top: 17px
    }

    #top-menu .actions {
        display: none
    }

    #top-menu.open .level-1 {
        right: 0;
        width: 100%;
        z-index: 2;
        max-width: 100%;
        /* background: red; */
    }
#top-menu.open .level-1.desktop-menu{
    display: none;
}
#top-menu.open .level-1.mobile-menu{
    display: block;
}
    #top-menu.open .level-1 .close {
        background: url(../../../assets/img/main/close.svg) no-repeat center center;
        /* image-rendering: -webkit-optimize-contrast; */
        position: absolute;
        right: -33px;
        top: 50%;
        width: 16px;
        height: 16px;
        display: block;
        background-size: cover;
        transform: translateY(-50%);
        top: 10px;
        z-index: 10;
    }

    #top-menu.open .level-1 .actions {
        display: block;
        bottom: 0;
        width: 100%;
        margin: 0;
        background: #fff;
        position: absolute;
        max-width: 100%;
        left: 0
    }

    #top-menu.open .level-1 .actions a {
        width: 100%;
        color: #fff;
        height: 60px;
        font-size: 16px;
        font-weight: 800;
        line-height: normal;
        max-width: 360px;
        margin: 0 auto
    }

    #top-menu.open .level-1 .actions .after-btn {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: var(--color-text);
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px
    }

    #top-menu.open .level-1 .actions .after-btn a {
        color: var(--color-text);
        font-weight: 700
    }

    #top-menu .menu-btn {
        display: block;
        min-width: 25px;
        height: 20px;
        background: url(../../img/main/menu-white-btn.svg) no-repeat center center
    }

    #top-menu.black .menu-btn {
        display: block;
        width: 25px;
        height: 20px;
        background: url(../../img/main/menu-btn.svg) no-repeat center center
    }

    #top-menu .has-child .level-2 {
        position: static;
        width: 100%;
        box-shadow: none;
        padding: 15px 0 10px 15px
    }

    #top-menu .start a {
        width: 100%;
        margin: 40px auto 15px
    }
}

@media (min-width: 1024px) {
    #top-menu .level-1 {
        display: flex;
        margin-left: 80px;
        gap: 32px;
    }
    #top-menu .level-1.mobile-menu{
        display: none;
    }
    #top-menu details summary, #top-menu li {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px
    }

    #top-menu.black details summary, #top-menu.black li {
        color: var(--color-text);
        white-space: nowrap;
    }

    #top-menu .show-me:after {
        background: url(../../../assets/img/main/white-arr-down.svg) no-repeat center
    }

    #top-menu.black .show-me:after {
        background: url(../../../assets/img/main/black_arrow_down.svg) no-repeat center
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    #top-menu .level-2.grow-group {
        left: -370px
    }

    #top-menu .level-2.grow-group .left {
        padding: 25px 25px 10px
    }

    #top-menu .level-2.grow-group .center-block {
        padding: 25px 25px 10px 0
    }

    #top-menu .level-2.grow-group .right {
        padding: 25px;
        width: 240px
    }
}

@media (max-width: 767px) {
    #top-menu .logo img {
        height: 25px;
        image-rendering: -webkit-optimize-contrast
    }

    #top-menu .container {
        height: auto
    }

    #top-menu .start a {
        line-height: 50px
    }
}

#top-menu details summary::-webkit-details-marker {
    display: none
}

#top-menu details > summary:first-of-type {
    list-style-type: none;
}

#top-menu .container .right-part {

}

@media screen and (min-width: 1024px) {
    #top-menu .logo {
        height: 24px;
        width: 110px;
        display: block;
        width: 100%;
    }
}