body {
    margin: 0;
    font-family: Manrope, serif;

    min-width: 500px;
}

/* variations */
@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/Manrope-VariableFont_wght.ttf) format("truetype-variations");
    font-display: swap;
}

/* 500 Medium */
@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/static/Manrope-Medium.ttf) format("truetype");
    font-display: swap;
    font-weight: normal;
}

/* 600 Semi Bold */
@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/static/Manrope-SemiBold.ttf) format("truetype");
    font-display: swap;
    font-weight: bold;
}

/* 700 Bold */
@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/static/Manrope-Bold.ttf) format("truetype");
    font-display: swap;
    font-weight: bold;
}

/* 800 Extra Bold */
@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/static/Manrope-ExtraBold.ttf) format("truetype");
    font-display: swap;
    font-weight: 800;
}

:root {
    --thm-max-width-1: 1220px;


    --thm-max-width: 1180px;
    --thm-max-width-3: 1220px;
    --thm-max-width-2: 1440px;
    --thm-max-width-4: 800px;

    --thm-color-main-blue: #172C5D;
    --thm-color-main-blue-50: rgba(23, 44, 93, 0.5);
    --thm-color-main-orange: #E7792A;
    --thm-color-main-white: #FFFFFF;
    --thm-color-main-background: #E5E5E5;

    --thm-color-1: #1E1B1B;
    --thm-color-2: #F9FAFA;
    --thm-color-3: #EFF0F4;
    --thm-color-4: #787676;
    --thm-color-5: #979BA5;
    --thm-color-6: #e0e1e4;
    --thm-color-7: #2760BA;
    --thm-color-8: #F1F1F1;
    --thm-color-9: #E4E8EE;

    --thm-error-color: #DD3D3D;
    --thm-success-color: #5CB675;

    --thm-transition-all: all 0.1s ease-in;
    --thm-transition-all-1s: all 1s ease-in;

    --thm-font-size-12: 12px;
    --thm-font-size-14: 14px;
    --thm-font-size-16: 16px;
    --thm-font-size-18: 18px;
    --thm-font-size-20: 20px;
    --thm-font-size-22: 22px;
    --thm-font-size-23: 23px;
    --thm-font-size-24: 24px;
    --thm-font-size-28: 28px;
    --thm-font-size-32: 32px;
    --thm-font-size-48: 48px;
    --thm-font-size-58: 58px;

    --thm-line-height-24: 24px;

}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.thm-color-1 {
    color: var(--thm-color-1) !important;;
}

.thm-color-4 {
    color: var(--thm-color-4) !important;;
}


.max-width-2 {
    width: 100%;
    max-width: var(--thm-max-width-2);
    margin: auto;
}


.no-select,
.mod-tcalculator,
.site-header .mobile-menu-button,
.mod_tfaq .faq-list .item .question,
.mod-tsitemap .item .title img,
.mobile-menu,
.mod-tblocks,
.mod-treviews .navs .nav,
.button,
.checkbox,
.dropdown,
.site-body .pa-menu .pa-menu-items .menu .menu-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.align-items-center {
    align-items: center;
}

.d-f {
    display: flex;
}

.d-f-c {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.d-f-cc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.d-f-sb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.d-f-c-sb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-both {
    clear: both;
}


.t-center {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.t-rotate-180 {
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.w-50 {
    display: block;
    position: relative;
    width: 50%;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
}

.nav {
    cursor: pointer;
}

.w-100 {
    width: 100%;
}

.w-100-i {
    width: 100% !important;
}

.m-16 {
    margin: 16px !important;
}
.m-0 {
    margin: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-16 {
    margin-bottom: 16px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-48 {
    margin-bottom: 48px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mb-128 {
    margin-bottom: 128px !important;
}

.mt-64 {
    margin-top: 64px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-10 {
    margin-right: 8px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.transition-all {
    transition: var(--thm-transition-all);
    -o-transition: var(--thm-transition-all);
    -webkit-transition: var(--thm-transition-all);
}

.button {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 10px 20px;
    background-color: var(--thm-color-main-blue);
    border-radius: 6px;
    font-weight: 500;
    font-size: var(--thm-font-size-16);
    text-align: center;
    color: var(--thm-color-main-white) !important;
    min-height: 42px;
    height: fit-content;
    box-sizing: border-box;

    transition: var(--thm-transition-all);
    -o-transition: var(--thm-transition-all);
    -webkit-transition: var(--thm-transition-all);

    min-width: 170px; /* ??? */
    cursor: pointer;
}

.button.disabled {
    background-color: var(--thm-color-main-blue-50);
    color: rgba(255, 255, 255, 0.5) !important;
}

.button:not(.disabled):hover,
.mod-treviews .navs .nav:hover {
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}

.button:not(.disabled):active,
.mod-treviews .navs .nav:active {
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.16);
}

.button.orange {
    background-color: var(--thm-color-main-orange);
}

.button.white {
    background-color: var(--thm-color-main-white);
    border: 1px solid var(--thm-color-main-blue);
    color: var(--thm-color-main-blue) !important;
}

.button.orange-white {
    background-color: var(--thm-color-main-white);
    border: 1px solid var(--thm-color-main-orange);
    color: var(--thm-color-main-orange) !important;
}


.button.white.disabled {
    border-color: var(--thm-color-main-blue-50);
}

.button.white.disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 192, 192, 0.67);
}

.button.hh {
    color: #d6001c !important;
    border: 1px solid #d6001c;
    background-color: white;
    display: inline-block;
}

.dropdown {
    position: relative;
    border: 1px solid var(--thm-color-3);
    box-shadow: 0 -0.5px 1px rgba(0, 0, 0, 0.09), 0 0.5px 1px rgba(0, 0, 0, 0.09);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 16px 54px 16px 24px;
    background-color: var(--thm-color-main-white);
}

.dropdown img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 24px;
    cursor: pointer;
}

.dropdown .placeholder {
    font-weight: 400;
    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-5);
}

.dropdown .dropdown-search {
    width: calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: -webkit-calc(100% - 32px);
    box-sizing: border-box;
    margin: 16px;
    padding: 8px;
}
.dropdown .search-list
{
    max-height: 296px;
    overflow-y: auto;
}


.dropdown.selected > .placeholder {
    display: none;
}

.dropdown .selected > .option {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown .selected {
    display: none;
}

.dropdown.selected > .selected {
    display: block;
}

.dropdown .options {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 16px);
    top: -moz-calc(100% + 16px);
    top: -webkit-calc(100% + 16px);

    width: fit-content;


    background: var(--thm-color-main-white);
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.1);
    border-radius: 6px;

    z-index: 1;
}

.dropdown .options .option {
    font-weight: 400;
    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-1);
    padding: 12px 16px;
    cursor: pointer;
}

.dropdown .options .option:hover {
    background-color: var(--thm-color-2);
}

.dropdown .arrow.arrow-up,
.dropdown.opened .arrow.arrow-down {
    display: none;
}

.dropdown.opened .options,
.dropdown.opened .arrow.arrow-up {
    display: block;
}

ul.success {
    font-size: var(--thm-font-size-24);
    line-height: 36px;
    color: var(--thm-color-1);
}

ul.success li {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

ul.success li:before {
    position: relative;
    content: '';
    top: 0;
    left: 0;
    background-image: url('/images/icons/ul-success.png');
    width: 32px;
    height: 32px;

    margin-right: 24px;
    flex-shrink: 0;
}

textarea.v1,
input.v1 {
    color: var(--thm-color-5);
}

textarea.v1.white,
input.v1.white {
    background-color: var(--thm-color-main-white);
}

textarea.v1:focus,
input.v1:focus {
    outline: none;
    border: 1px solid var(--thm-color-5);
}

input.v1:disabled {
    background-color: var(--thm-color-8);
    color: var(--thm-color-4);
}

textarea.v1.error,
input.v1.error,
.checkbox.error {
    border-color: var(--thm-error-color) !important;
}

.form .policy {
    flex-wrap: nowrap;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    font-weight: 500;
    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-4);
    margin-bottom: 16px;
    text-decoration: none;
}


.checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--thm-color-main-blue);
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
}

.checkbox.disabled {
    opacity: 0.4;
}

.checkbox img {
    display: block;
    opacity: 0;
}

.checkbox.checked img {
    opacity: 1;
}

.slide-bar {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
}

.slide-bar .slider {
    position: relative;
    height: 10px;
    background-color: var(--thm-color-3);
}

.slide-bar:not(.disabled) .slider .back {
    background-color: var(--thm-color-main-orange);
    height: 100%;
}

.slide-bar:not(.disabled) .slider .back {
    width: 100% !important;
}

.slide-bar.slide-back-50 .slider .back {
    position: absolute;
}

.slide-bar.s23 .slider .back,
.slide-bar.slide-back-50 .slider .back {
    left: 50%;
    width: 50% !important;
}

.slide-bar.s12 .slider .back {
    left: 0% !important;
    width: 50% !important;
}

.slide-bar.s13 .slider .back {
    left: 0% !important;
    width: 100% !important;
}


.slide-bar .bar {
    position: absolute;
    left: 0;
    top: 50%;
    width: 32px;
    height: 32px;
    background-color: var(--thm-color-main-orange);
    border-radius: 50%;

    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    cursor: pointer;
}

/*
.slide-bar.disabled .bar
{
    background-color: var(--thm-color-3);
}
 */


/*.slide-bar .slider.moving .bar,*/
.slide-bar .slider .bar,
.slide-bar .slider.moving .back,
.slide-bar:not(.disabled) > .slider:hover .bar,
.slide-bar:not(.disabled) > .slider:hover .back {
    box-shadow: 0 4px 6px rgba(23, 44, 93, 0.23);
}

.form {
    position: relative;
}

.form .policy {
    margin-bottom: 48px;
}

.form .policy .checkbox {
    margin-right: 16px;
}

.form .policy > div:nth-child(2),
.form .policy > div:nth-child(2) a {
    font-size: var(--thm-font-size-18);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-4);
}

.form .policy > div:nth-child(2) a {
    text-decoration: underline;
}

.form .policy.checked > div:nth-child(2),
.form .policy.checked > div:nth-child(2) a {
    color: var(--thm-color-main-blue);
}

.form .pre-title {
    font-weight: 600;
    font-size: var(--thm-font-size-14);
    line-height: 16px;
    color: var(--thm-color-4);
    margin-bottom: 8px;
}

.form .pre-title span,
.form .danger-star {
    color: var(--thm-color-main-orange);
}

.form .pre-title img.info {
    max-width: 16px;
    max-height: 16px;
    top: 4px;
    position: relative;
    cursor: pointer;
}

.form .field img.small-info {
    vertical-align: middle;
}

input.v1,
textarea.v1 {
    box-sizing: border-box;
    padding: 16px 24px;
    width: 100%;
    background: var(--thm-color-2);
    border: 1px solid var(--thm-color-3);
    box-shadow: 0 -0.5px 1px rgba(0, 0, 0, 0.09), 0 0.5px 1px rgba(0, 0, 0, 0.09);
    border-radius: 6px;

    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-1);
    margin-bottom: 32px;
}

textarea.v1 {
    resize: none;
}


.form .field.file {
    display: flex;
}

.form .field.file .file-list {
    margin-left: 46px;
    width: 50%;
}

.form .field.file .file-list .status .success,
.form .field.file .file-list .status .error,
.form .field.file .file-list .file-clone.loaded .wait {
    display: none;
}

.form .field.file .file-list .file-clone.loaded .status .success {
    display: block;
}


.form .field.file .file-list .progress-bar {
    width: calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    height: 6px;
    margin-right: 40px;

    background-color: var(--thm-color-6);
    border-radius: 4px;

    overflow: hidden;
}

.form .field.file .file-list .progress-bar .progress {
    width: 0;
    height: 100%;
    background-color: var(--thm-color-main-orange);
}

.form .field.file .file-list .file-clone.loaded .progress-bar .progress {
    width: 100%;
}


.form .field.file .file-list .file-name {
    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-main-blue);

    width: calc(100% - 46px);
    width: -moz-calc(100% - 46px);
    width: -webkit-calc(100% - 46px);
}

.form .field.file .file-list .file-name .file-name-title {
    word-break: break-word;
}

.form .field.file .file-list .file-clone.hidden {
    display: none;
}

.form .field.file .file-select {
    box-sizing: border-box;
    padding: 24px;
    width: 380px;
    background: var(--thm-color-2);
    border: 1px solid var(--thm-color-3);
    box-shadow: 0 -0.5px 1px rgba(0, 0, 0, 0.09), 0 0.5px 1px rgba(0, 0, 0, 0.09);
    border-radius: 6px;
    margin-bottom: 48px;
    cursor: pointer;
}

.form .field.file .file-select .disabled-text {
    text-align: center;
    color: var(--thm-color-5);
}

.form .field.file .file-select .image img {
    display: block;
    width: 100%;
    max-height: 330px;
}

.form .field.file .file-select .image,
.form .field.file.disabled .pre-text,
.form .field.file.disabled .button {
    display: none;
}

.form .field.file.disabled .file-select .image {
    display: block;
}

.form .field.file input[type="file"] {
    display: none;
}

.form .field.file .pre-title {
    text-align: center;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: var(--thm-font-size-16);
    line-height: 16px;
    color: var(--thm-color-4);
}

.form .field.file .pre-text {
    list-style: inherit;
    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-4);
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 0;
}

.form .field.file .button {
    margin: 32px auto auto;
    width: 168px;
}

.form .field.file .file-list .file-clone {
    display: flex;
    align-items: center;
}

.form .field.file .file-list .file-clone .file-remove {
    margin-right: 16px;
    cursor: pointer;
}

.form .field.file .file-list .file-clone .info {
    width: calc(100% - 52px);
    width: -moz-calc(100% - 52px);
    width: -webkit-calc(100% - 52px);
}


.form .f-2,
.form .f-21,
.form .f-3,
.form .f-22,
.form .f-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


.form .f-3 .field,
.form .f-22 .field:nth-child(2) {
    width: calc((100% - (40px * 2)) / 3);
    width: -moz-calc((100% - (40px * 2)) / 3);
    width: -webkit-calc((100% - (40px * 2)) / 3);
}

.form .f-12 .field:nth-child(1),
.form .f-21 .field:nth-child(2) {
    width: calc(((100% - 80px) / 3) * 1);
    width: -moz-calc(((100% - 80px) / 3) * 1);
    width: -webkit-calc(((100% - 80px) / 3) * 1)
}

.form .f-21 .field:nth-child(1),
.form .f-12 .field:nth-child(2) {
    width: calc(((100% - 20px) / 3) * 2);
    width: -moz-calc(((100% - 20px) / 3) * 2);
    width: -webkit-calc(((100% - 20px) / 3) * 2);
}

.form .f-22 .field:nth-child(1) {
    width: calc(100% - 40px - ((100% - (40px * 2)) / 3));
    width: -moz-calc(100% - 40px - ((100% - (40px * 2)) / 3));
    width: -webkit-calc(100% - 40px - ((100% - (40px * 2)) / 3));
}

.form .f-2 .field {
    width: calc((100% - 40px) / 2) !important;
    width: -moz-calc((100% - 40px) / 2) !important;
    width: -webkit-calc((100% - 40px) / 2) !important;
}

.field.add {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: var(--thm-font-size-18);
    line-height: 175%;
    color: var(--thm-color-main-blue);
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

.pagination .page {
    display: flex;
    justify-content: center;
    align-items: center;

    box-sizing: border-box;
    width: 48px;
    height: 48px;
    background: var(--thm-color-main-white);
    border: 1px solid var(--thm-color-main-blue);
    border-radius: 6px;

    font-weight: 800;
    font-size: var(--thm-font-size-18);
    color: var(--thm-color-main-blue);
}

.pagination .page:not(:last-child) {
    margin-right: 24px;
}

.pagination .page .hover,
.pagination .page:hover .main {
    display: none;
}

.pagination .page:hover .hover {
    display: block;
}

.pagination .page:hover,
.pagination .page.current {
    color: var(--thm-color-main-white);
    background-color: var(--thm-color-main-blue);
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}

::placeholder {
    color: var(--thm-color-5);
}


/* preloader */
.preloader-div {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(128, 128, 128, 0.3);

    transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
}

.preloader-div.shown {
    display: flex;
}

.preloader-div.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.preloader-div.page-loader > div {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 8px 16px;
    border: 1px solid var(--thm-color-main-blue);
    border-radius: 8px;
}

.preloader-div.page-loader .title {
    margin-left: 10px;
    color: var(--thm-color-main-blue);
    font-weight: bold;
    font-size: var(--thm-font-size-22);
}

.preloader-div .preloader-img {
    display: block;
    width: 50px;
    height: 50px;

    animation-duration: 2s;
    animation-name: rotate360;
    animation-iteration-count: infinite;
}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

/* /preloader */


.field.password input.sms-code-mask,
.field.password input.sms-code-mask-5,
.field.password input.sms-code-mask-6 {
    letter-spacing: 6px;
}

.field.password {
    position: relative;
}

.field.password .switcher {
    position: relative;
}

.field.password img {
    position: absolute;
    right: 24px;
    top: 18px;
    cursor: pointer;
}

.field.password .switch-to-password,
.field.password.switched-to-text .switch-to-text {
    display: none;
}

.field.password.switched-to-text .switch-to-password,
.field.password .switch-to-text {
    display: block;
}

.field.password input {
    padding-right: 48px;
}

.return-back {
    font-weight: 600;
    font-size: var(--thm-font-size-18);
    line-height: 175%;
    color: var(--thm-color-5);
    cursor: pointer;
}

.return-back img {
    margin-right: 8px;
}

/*
?????
.field .pre-title
{
    font-weight: 500;
    font-size: 16px;
    color: var(--thm-color-5);
    margin-bottom: 2px;
}
 */

.field .pre-title-2 {
    font-weight: 400;
    font-size: var(--thm-font-size-18);
    line-height: 27px;
    color: var(--thm-color-1);
    margin-bottom: 16px;
}

.field .pre-title-3 {
    font-size: var(--thm-font-size-14);
    color: var(--thm-color-5);
    margin-bottom: 4px;
}

.hidden-div {
    display: none !important;
}

.form .dropdown {
    margin-bottom: 32px;
    padding: 17px 54px 17px 24px;
}

.form .dropdown.disabled {
    background-color: var(--thm-color-8);
    color: var(--thm-color-4);
}

.mod-tcalculator {
    /*max-width: 590px; */
    padding: 48px 58px;
    box-shadow: 0 0 31px -3px rgba(12, 26, 75, 0.14);
    border-radius: 30px;
    background-color: var(--thm-color-main-white);

}

.mod-tcalculator .title {
    font-weight: bold;
    font-size: var(--thm-font-size-32);
    line-height: 48px;
    letter-spacing: -0.03em;
    color: var(--thm-color-1);
    margin-bottom: 48px;
    text-align: center;
}

.mod-tcalculator .pre-title,
.loan-info .loan-row-sum-change .pre-title,
.loan-processing-form .loan-row-sum-change .pre-title,
.loan-processing-form .loan-row-days-change .pre-title {
    font-weight: 500;
    font-size: var(--thm-font-size-18);
    line-height: 175%;
    color: var(--thm-color-1);
    margin-bottom: 10px;
}

.mod-tcalculator .pre-count,
.loan-info .loan-row-sum-change .pre-count,
.loan-processing-form .loan-row-sum-change .pre-count,
.loan-processing-form .loan-row-days-change .pre-count {
    font-weight: 600;
    font-size: var(--thm-font-size-20);
    line-height: 30px;
    color: var(--thm-color-1);
    margin-bottom: 10px;
}

.mod-tcalculator .row,
.mod-tcalculator .total {
    margin-bottom: 32px;
}

.mod-tcalculator .slide-bar {
    margin-bottom: 4px;
}

.mod-tcalculator .desc,
.loan-info .loan-row-sum-change .desc {
    font-size: var(--thm-font-size-14);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-4);
}

.mod-tcalculator .total {
    font-weight: 600;
    font-size: var(--thm-font-size-22);
    line-height: 33px;
    color: var(--thm-color-1);
}

.mod-tcalculator .checkbox {
    margin-right: 10px;
}

.mod-tcalculator .policy,
.mod_tvacancycall .policy,
.form .policy {
    flex-wrap: nowrap;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    font-weight: 500;
    font-size: var(--thm-font-size-16);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-4);
    text-decoration: none;
}

.mod_tvacancycall .policy,
.form .policy {
    margin-bottom: 16px;
}

.mod-tcalculator .policy {
    margin-bottom: 0px;
}

.mod-tcalculator .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 269px;
    min-height: 56px;
    height: fit-content;
    font-size: var(--thm-font-size-18);
    margin: 16px auto;
}

.mod-tcalculator .small-desc {
    font-weight: 500;
    font-size: var(--thm-font-size-12);
    line-height: var(--thm-line-height-24);
    color: var(--thm-color-4);
}

.mod-tcalculator .mod-tcalculator-scroller {
    display: none;
}

.mod-tcalculator.type-1 {
    max-width: 590px;
    margin: auto;
}

.mod-tcalculator.type-1 .button.mod-tcalculator-scroller {
    position: fixed;
    bottom: 16px;
    min-height: 40px;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);

    width: calc((100% - 32px) - 58px * 2);
    width: -moz-calc((100% - 32px) - 58px * 2);
    width: -webkit-calc((100% - 32px) - 58px * 2);

    z-index: 10;

    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}

/*

.mod-tcalculator.type-1 .button.mod-tcalculator-scroller.scrolled {
    top: auto;
    bottom: 16px;
    min-height: 40px;
}*/


.mod-tcalculator .switch-buttons {
    display: flex;
    justify-content: space-between;
    background-color: var(--thm-color-3);
    margin-bottom: 32px;
    border-radius: 6px
}

.mod-tcalculator .switch-buttons:hover {
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}

.mod-tcalculator .switch-buttons .button {
    width: 50%;
    margin: 0;
    background-color: var(--thm-color-3);
    color: var(--thm-color-4) !important;
}

.mod-tcalculator .switch-buttons .button.active {
    background-color: var(--thm-color-main-blue);
    color: var(--thm-color-main-white) !important;
    cursor: default;
}

.mod-tcalculator .switch-buttons .button:hover {
    box-shadow: none;
}


.mod-tcalculator .title .zero {
    padding-right: 8px;
    font-size: 42px;
}


.mobile-menu .close,
.site-body .pa-menu .close {
    position: absolute;
    top: 37px;
    right: 37px;
    width: 20px;
    height: 20px;
}

.mobile-menu .close > div,
.site-body .pa-menu .close > div {
    position: absolute;
    top: 7px;
    width: 100%;
    height: 4px;
    background-color: var(--thm-color-5);
    transform-origin: center;
    cursor: pointer;
}

.mobile-menu .close > div:nth-child(1),
.site-body .pa-menu .close > div:nth-child(1) {
    transform: rotateZ(-45deg);
}

.mobile-menu .close > div:nth-child(2),
.site-body .pa-menu .close > div:nth-child(2) {
    transform: rotateZ(45deg);
}

.mobile-menu .close:hover > div,
.site-body .pa-menu .close:hover > div {
    background-color: var(--thm-color-main-orange);
}


.site-header .mobile-menu-button,
.site-body .pa-header .mobile-menu-button {
    display: none;
    width: 36px;
    cursor: pointer;
}

.site-header .mobile-menu-button {
    padding: 10px 5px;
    background-color: #e7792a;
    border-radius: 6px;
}

.site-header .mobile-menu-button > div,
.site-body .pa-header .mobile-menu-button > div {
    width: 100%;
    height: 6px;
    background-color: var(--thm-color-main-orange);
}

.site-header .mobile-menu-button > div {
    height: 4px;
    background-color: var(--thm-color-main-white);
}

.site-header .mobile-menu-button > div:not(:last-child),
.site-body .pa-header .mobile-menu-button > div:not(:last-child) {
    margin-bottom: 7px;
}

.site-body .pa-header .mobile-menu-button:hover > div {
    background-color: var(--thm-color-main-blue);
}

.site-header .mobile-menu-button:hover > div:hover {
    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}

.site-header .mobile-menu-button:hover > div:hover:active {
    box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.16);
}

.test-site {
    background-color: red;
    text-align: center;
    padding: 10px;
    color: white;
}

.mod-tcookie {
    display: none;
    align-items: center;
    position: fixed;
    bottom: 58px;
    right: 33px;
    z-index: 1000;
    background-color: #f9fafa;
    border: 1px solid #172c5d;
    border-radius: 6px;
    padding: 5px 10px;

    box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.3);
}

.mod-tcookie.shown {
    display: flex;
}

.mod-tcookie .text a,
.underline-link {
    color: var(--thm-color-main-orange);
    text-decoration: underline;
}

.underline-link {
    cursor: pointer;
}
.underline-link:hover {
    color: var(--thm-color-main-blue);
}


.mod-tcookie .button {
    min-width: auto;
    min-height: auto;
    padding: 3px 14px;
    margin-left: 15px;
}

.g-recaptcha #rc-anchor-container {
    border-radius: 8px;
}

.g-recaptcha.error {
    border: 1px solid var(--thm-error-color);
    border-radius: 6px;
    overflow: hidden;
}

.t-yes-no-button,
.t-info-button {
    cursor: pointer;
}

.t-yes-no-button:hover,
.t-info-button:hover {
    filter: invert(0.8);
}

.FIAS-address {
    position: relative;
}

.FIAS-address .helpers {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: white;
    padding: 16px;
    border: 2px solid var(--thm-color-3);
    border-radius: 0 0 16px 16px;
    z-index: 10;
    box-sizing: border-box;
}

.FIAS-address .helpers .helper {

    padding: 8px 16px;

    font-size: var(--thm-font-size-14);
    line-height: 16px;

    cursor: pointer;

}

.FIAS-address .helpers .helper:not(:last-child) {
    border-bottom: 1px solid var(--thm-color-3);
    margin-bottom: 10px;
}

.g-recaptcha {
    width: fit-content;
}


.get-a-call-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.3);
    z-index: 50;
}

.get-a-call-popup.shown {
    display: block;
}

.get-a-call-popup > div {
    position: absolute;
    width: 95%;
    max-width: 510px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    box-sizing: border-box;
    align-items: center;

    background: var(--thm-color-main-white);
    border-radius: 16px;
    padding: 32px;

    box-shadow: 0 4px 8px rgba(23, 44, 93, 0.32);
}

.get-a-call-popup .policy {
    width: 100%;
}

.get-a-call-popup .title {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: -0.03em;
    color: var(--thm-color-main-blue);
    margin-bottom: 16px;
}

.get-a-call-popup .close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.get-a-call-popup .close > div {
    position: absolute;
    top: 7px;
    width: 100%;
    height: 4px;
    background-color: var(--thm-color-5);
    transform-origin: center;
}

.get-a-call-popup .close > div:nth-child(1) {
    transform: rotateZ(-45deg);
}

.get-a-call-popup .close > div:nth-child(2) {
    transform: rotateZ(45deg);
}

.get-a-call-popup .close:hover > div {
    background-color: var(--thm-color-main-orange);
}


@media (max-width: 950px) {
    .mod-tcalculator.type-1 .button {
        width: 100%;
        min-height: 80px;
        font-size: var(--thm-font-size-24);
    }
}

@media (max-width: 800px) {
    .mod-tcookie {
        width: calc(100% - 99px);
        width: -moz-calc(100% - 99px);
        width: -webkit-calc(100% - 99px);
    }
}

@media (max-width: 600px) {


    .mod-tcalculator.type-1 .button.mod-tcalculator-scroller {
        display: flex;
    }

    .mod-tcalculator.type-1 .checkbox {
        width: 35px;
        height: 35px;
    }

    .mod-tcalculator.type-1 .checkbox img {
        width: 15px;
    }
}