/* Start:/bitrix/components/bitrix/menu/templates/.default/style.min.css?1768393230490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/components/bitrix/menu/templates/.default/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/finix/template_styles.css?176840186138985*/
@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-stretch: 75% 125%;
    font-style: normal;
    font-weight: 300 800;
    src: url(/local/templates/finix/../finix/fonts/OpenSans-VariableFont_wdth,wght.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-stretch: 75% 125%;
    font-style: italic;
    font-weight: 300 800;
    src: url(/local/templates/finix/../finix/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf) format("truetype")
}

* {
    box-sizing: border-box;
    font-family: Open Sans, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth !important;
}

a {
    text-decoration: none;
}

body {
    overflow-x: hidden;
    background-color: var(--background);
    color: var(--text-color);
    transition: background-color .3s, color .3s;
}

::-webkit-scrollbar {
    height: 0;
    width: 0;
}

::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background-color: #000;
    border-radius: 0;
}

:root {
    --background: #fff;
    --primary-color: #e52323;
    --secondary-bg: #0000000d;
    --real-secondary-bg: #f2f2f2;
    --text-color: #000;
    --default-gradient: radial-gradient(circle at 25% 30%, rgba(180, 120, 220, .2) 0%, transparent 60%), radial-gradient(circle at 75% 75%, rgba(255, 120, 90, .2) 0%, transparent 60%);
    --default-gradient-light: radial-gradient(circle at 25% 30%, rgba(180, 120, 220, .5) 0%, transparent 60%), radial-gradient(circle at 75% 75%, rgba(255, 120, 90, .5) 0%, transparent 60%);
    --default-gradient-mobile: radial-gradient(100% 151.93% at 0% 51.3%, rgba(180, 120, 220, .3) 0%, rgba(255, 120, 90, .3) 47.12%, hsla(0, 0%, 80%, .3) 100%);
}

span {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110%;
}

h2,
h3 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
}

.content {
    padding: 45px 8svh;
}

.header {
    display: flex;
    justify-content: space-between;
    padding: 0 5vw;
    align-items: center;
}

.header--left {
    display: flex;
    align-items: center;
    gap: 70px;
}

.header--right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header--anchors {
    background-color: var(--secondary-bg);
    border-radius: 60px;
    gap: 20px;
    padding: 15px 30px;
    display: flex;
}

.header--anchors>a,
.header--right>a {
    font-size: 14px;
    color: var(--text-color);
    text-decoration: none;
}

/* Главный экран */
.main--content {
    display: flex;
    justify-content: space-between;
    margin: 200px 0;
    padding: 0 5vw;
}

.content--info {
    display: flex;
    flex-direction: column;
    gap: 100px;
    justify-content: space-around;
}

.content--info-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.content--info-text>h1 {
    max-width: 700px;
    min-width: 700px;
}

h1 {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110%;
}

span.content-info--description {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 100%;
    vertical-align: middle;
}

a.calc-button {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
    all: unset;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    color: var(--background);
    background: var(--text-color);
    border-radius: 60px;
    padding: 15px 50px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: .2s;
}

a.calc-button:hover {
    animation: animate-gradient-de401c7d 1.5s linear infinite;
    background: var(--default-gradient-light);
    color: var(--text-color);
    outline: 1px solid var(--secondary-bg);
}

.image--content {
    padding: 0 150px;
    width: 100%;
}


.image--content>.blured-image {
    transition: .2s;
    background-color: red;
    filter: blur(300px);
    height: 679px;
    opacity: 0.4;
    position: absolute;
    width: 876px;
    z-index: 1;
    pointer-events: none;
    user-select: none;
}

.blured-image.hovered {
    opacity: .6;
}

/* advantages */
.advantages {
    display: flex;
    gap: 30px;
    justify-content: center;
}

.advantages-bage {
    background-color: var(--secondary-bg);
    border-radius: 20px;
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 75px;
    justify-content: center;
    padding: 22px 16px;
    width: 335px;
}

.advantages-bage>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.advantages-bage>div>h3 {
    font-size: 16px;
}

.advantages-bage>div>.info-icon {
    align-items: center;
    cursor: pointer;
    display: inline-block;
    fill: transparent;
    height: 20px;
    justify-content: center;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px;
}

.advantages-bage>h4 {
    font-size: 12px;
}

/* footer */
.footer {
    display: flex;
    background: var(--default-gradient);
    border-radius: 25px 25px 0 0;
    gap: 75px;
    justify-content: center;
    margin-top: 100px;
    max-height: 380px;
    min-height: 380px;
    padding: 60px 230px;
    width: 100%;
}

div.footer {
    background: transparent;
}

section.footer {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 50px;
}

.footer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.footer-content-top {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-content-top>a {
    text-align: start;
    all: unset;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    font-family: Open Sans, sans-serif;
    transition: .2s;
}

.top-span {
    font-weight: 600;
    color: var(--text-color);
    cursor: pointer;
    font-size: .9rem;
    letter-spacing: 0;
    line-height: 150%;
    opacity: .5;
    padding-bottom: 5px;
    vertical-align: middle;
    white-space: wrap;
}

.bottom-span {
    white-space: nowrap;
    color: var(--text-color);
    /* cursor: pointer; */
    font-size: .9rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 150%;
    opacity: .5;
    padding-bottom: 5px;
    vertical-align: middle;
}

.footer-content>a {
    text-decoration: none;
}

.transit--btn {
    all: unset;
    background-color: var(--primary-color);
    border-radius: 60px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 51px;
    text-align: center;
    transition: .2s;
    padding: 0 30px;
}



/* #calc */
section#calc {
    min-height: 100px;
    scroll-margin-top: 140px;
    margin-top: 50px;
}

#calc>.content {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.calculator-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
    position: relative;
    width: 100%;
}

.calculator-title>h2 {
    width: 100%;
}

.calculator-title>a {
    text-decoration: none;
}

.calculator-title>a>span.how-work-text {
    align-items: center;
    background: var(--default-gradient);
    border-radius: 10px;
    box-shadow: 0 5px 20px #00000026;
    cursor: pointer;
    color: var(--text-color);
    display: flex;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    justify-content: center;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    overflow: hidden;
    padding: 10px 24px;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

.world-wrap {
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
}

.calculator--content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: var(--default-gradient);
    border-radius: 30px;
    flex-direction: column;
    gap: 5px;
    padding: 10px 20px;
}

.calculator,
.calculator-info {
    align-items: center;
    display: flex;
}

.calculator {
    gap: 5px;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.calculator-info {
    gap: 10px;
    align-items: center;
    display: flex;
    z-index: 2;
}

.country-select {
    align-items: center;
    display: flex;
    gap: 10px;
}

.flag-from-title,
.flag-to-title {
    width: 50%;
}

.calculator-badge {
    align-items: center;
    background-color: var(--background);
    border-radius: 14px;
    box-shadow: 0 5px 20px #00000026;
    cursor: pointer;
    display: flex;
    gap: 5px;
    height: 40px;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
    width: 140px;
}

.calculator-badge.flag--container {
    max-width: 210px;
    padding: 10px 10px 10px 0;
}

.calculator-badge.input-country-name {
    outline: none;
}

.normal-flag {
    margin: 0;
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
}

.flag {
    border: 1px solid var(--secondary-bg);
    border-radius: 10px;
    box-shadow: 0 5px 20px #00000026;
}

span.country-name {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

input.country-name {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    border: none;
    outline: none;
    width: fit-content;
}

.calculator-total {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
}

.calculator-total-content {
    align-items: center;
    background-color: var(--background);
    border-radius: 20px;
    display: flex;
    gap: 15px;
    justify-content: center;
    padding: 7px 20px;
    width: -moz-fit-content;
    width: fit-content;
}

.total-data {
    align-items: center;
    display: flex;
    gap: 10px;
}

.total-text {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
}

.total-badge {
    background-color: var(--secondary-bg);
    border-radius: 12px;
    box-shadow: unset;
    height: 34px;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 5px;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
}

.note--container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

span.note {
    color: var(--text-color);
    font-size: .7rem;
    opacity: .4;
    width: 50%;
}

.checkbox-wrapper-2 {
    -webkit-backdrop-filter: opacity(0);
    backdrop-filter: opacity(0);
    background: var(--default-gradient);
    border-radius: 10px;
    box-shadow: 0 5px 20px #00000026;
    padding: 10px;
    align-items: center;
    display: flex;
    gap: 10px;
    position: relative;
}

/*.checkbox-wrapper-2 input[type=checkbox] {
    cursor: default;
    transition: all .1s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--text-color);
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    max-height: 20px;
    max-width: 30px;
    position: relative;
    width: 30px;
}*/

span.cb-text {
    cursor: pointer;
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0;
    opacity: .5;
    vertical-align: middle;
}

.flag {
    width: 52px;
    height: 39px;
    display: inline-block;
    background: url("/local/templates/finix/./images/flags.png");
}

.f-md,
.f-mda {
    background-position: 0 -5986px;
}

.f-jp,
.f-jpn {
    background-position: 0 -4961px;
}

.f-chn,
.f-cn {
    background-position: 0 -2009px;
}

.f-ae,
.f-are {
    background-position: 0 -82px;
}

.f-ru,
.f-rus {
    background-position: 0 -8117px;
}

.f-tr,
.f-tur {
    background-position: 0 -9512px;
}

.f-kor,
.f-kr {
    background-position: 0 -5289px;
}

.f-au,
.f-aus {
    background-position: 0 -574px;
}

.f-at,
.f-aut {
    background-position: 0 -533px;
}

.f-az,
.f-aze {
    background-position: 0 -698px;
}

.f-al,
.f-alb {
    background-position: 0 -246px;
}

.f-dz,
.f-dza {
    background-position: 0 -2583px;
}

.f-as,
.f-asm {
    background-position: 0 -492px;
}

.f-ai,
.f-aia {
    background-position: 0 -205px;
}

.f-ago,
.f-ao {
    background-position: 0 -369px;
}

.f-ag,
.f-atg {
    background-position: 0 -164px;
}

.f-ar,
.f-arg {
    background-position: 0 -451px;
}

.f-am,
.f-arm {
    background-position: 0 -287px;
}

.f-abw,
.f-aw {
    background-position: 0 -615px;
}

.f-bhs,
.f-bs {
    background-position: 0 -1353px;
}

.f-bd,
.f-bgd {
    background-position: 0 -820px;
}

.f-bb,
.f-brb {
    background-position: 0 -779px;
}

.f-bh,
.f-bhr {
    background-position: 0 -984px;
}

.f-blr,
.f-by {
    background-position: 0 -1517px;
}

.f-blz,
.f-bz {
    background-position: 0 -1558px;
}

.f-be,
.f-bel {
    background-position: 0 -861px;
}

.f-ben,
.f-bj {
    background-position: 0 -1067px;
}

.f-bm,
.f-bmu {
    background-position: 0 -1148px;
}

.f-bg,
.f-bgr {
    background-position: 0 -943px;
}

.f-bo,
.f-bol {
    background-position: 0 -1230px;
}

.f-bes,
.f-bq {
    background-position: 0 -1272px;
}

.f-ba,
.f-bih {
    background-position: 0 -738px;
}

.f-bw,
.f-bwa {
    background-position: 0 -1477px;
}

.f-bw,
.f-bwa {
    background-position: 0 -1477px;
}

.f-io,
.f-iot {
    background-position: 0 -4633px;
}

.f-vg,
.f-vgb {
    background-position: 0 -10127px;
}

.f-bn,
.f-brn {
    background-position: 0 -1189px;
}

.f-bf,
.f-bfa {
    background-position: 0 -902px;
}

.f-bdi,
.f-bi {
    background-position: 0 -1025px;
}

.f-bt,
.f-btn {
    background-position: 0 -1394px;
}

.f-vu,
.f-vut {
    background-position: 0 -10250px;
}

.f-gb,
.f-gbr {
    background-position: 0 -3444px;
}

.f-ge,
.f-geo {
    background-position: 0 -3526px;
}

.f-hu,
.f-hun {
    background-position: 0 -4387px;
}

.f-ve,
.f-ven {
    background-position: 0 -10086px;
}

.f-vi,
.f-vir {
    background-position: 0 -10168px;
}

.f-tl,
.f-tls {
    background-position: 0 -9348px;
}

.f-vn,
.f-vnm {
    background-position: 0 -10209px;
}

.f-ga,
.f-gab {
    background-position: 0 -3239px;
}

.f-ht,
.f-hti {
    background-position: 0 -4347px;
}

.f-guy,
.f-gy {
    background-position: 0 -4141px;
}

.f-gm,
.f-gmb {
    background-position: 0 -3771px;
}

.f-gh,
.f-gha {
    background-position: 0 -3649px;
}

.f-glp,
.f-gp {
    background-position: 0 -3854px;
}

.f-gt,
.f-gtm {
    background-position: 0 -4018px;
}

.f-gin,
.f-gn {
    background-position: 0 -3813px;
}

.f-gnb,
.f-gw {
    background-position: 0 -4100px;
}

.f-de,
.f-deu {
    background-position: 0 -2377px;
}

.f-gi,
.f-gib {
    background-position: 0 -3690px;
}

.f-hn,
.f-hnd {
    background-position: 0 -4264px;
}

.f-gd,
.f-grd {
    background-position: 0 -3485px;
}

.f-gl,
.f-grl {
    background-position: 0 -3731px;
}

.f-gr,
.f-grc {
    background-position: 0 -3936px;
}

.f-gr,
.f-grc {
    background-position: 0 -3936px;
}

.f-gu,
.f-gum {
    background-position: 0 -4059px;
}

.f-dk,
.f-dnk {
    background-position: 0 -2460px;
}

.f-cd,
.f-cod {
    background-position: 0 -1681px;
}

.f-dj,
.f-dji {
    background-position: 0 -2419px;
}

.f-dm,
.f-dma {
    background-position: 0 -2501px;
}

.f-do,
.f-dom {
    background-position: 0 -2542px;
}

.f-eg,
.f-egy {
    background-position: 0 -2706px;
}

.f-zm,
.f-zmb {
    background-position: 0 -10538px;
}

.f-eh,
.f-esh {
    background-position: 0 -2747px;
}

.f-zw,
.f-zwe {
    background-position: 0 -10578px;
}

.f-il,
.f-isr {
    background-position: 0 -4510px;
}

.f-in,
.f-ind {
    background-position: 0 -4593px;
}

.f-id,
.f-idn {
    background-position: 0 -4428px;
}

.f-jo,
.f-jor {
    background-position: 0 -4920px;
}

.f-iq,
.f-irq {
    background-position: 0 -4674px;
}

.f-ir,
.f-irn {
    background-position: 0 -4715px;
}

.f-ie,
.f-irl {
    background-position: 0 -4468px;
}

.f-is,
.f-isl {
    background-position: 0 -4756px;
}

.f-es,
.f-esp {
    background-position: 0 -2870px;
}

.f-it,
.f-ita {
    background-position: 0 -4797px;
}

.f-ye,
.f-yem {
    background-position: 0 -10414px;
}

.f-cpv,
.f-cv {
    background-position: 0 -2173px;
}

.f-kaz,
.f-kz {
    background-position: 0 -5412px;
}

.f-cym,
.f-ky {
    background-position: 0 -5371px;
}

.f-kh,
.f-khm {
    background-position: 0 -5084px;
}

.f-cm,
.f-cmr {
    background-position: 0 -1968px;
}

.f-ca,
.f-can {
    background-position: 0 -1599px;
}

.f-qa,
.f-qat {
    background-position: 0 -7954px;
}

.f-ke,
.f-ken {
    background-position: 0 -5002px;
}

.f-cy,
.f-cyp {
    background-position: 0 -2296px;
}

.f-ki,
.f-kir {
    background-position: 0 -5125px;
}

.f-co,
.f-col {
    background-position: 0 -2050px;
}

.f-com,
.f-km {
    background-position: 0 -5166px;
}

.f-xk {
    background-position: 0 -10373px;
}

.f-cr,
.f-cri {
    background-position: 0 -2091px;
}

.f-ci,
.f-civ {
    background-position: 0 -1845px;
}

.f-cu,
.f-cub {
    background-position: 0 -2132px;
}

.f-kw,
.f-kwt {
    background-position: 0 -5330px;
}

.f-kg,
.f-kgz {
    background-position: 0 -5043px;
}

.f-cuw,
.f-cw {
    background-position: 0 -2214px;
}

.f-la,
.f-lao {
    background-position: 0 -5453px;
}

.f-lv,
.f-lva {
    background-position: 0 -5822px;
}

.f-ls,
.f-lso {
    background-position: 0 -5698px;
}

.f-lbr,
.f-lr {
    background-position: 0 -5658px;
}

.f-lb,
.f-lbn {
    background-position: 0 -5494px;
}

.f-lby,
.f-ly {
    background-position: 0 -5862px;
}

.f-lt,
.f-ltu {
    background-position: 0 -5740px;
}

.f-lu,
.f-lux {
    background-position: 0 -5781px;
}

.f-mu,
.f-mus {
    background-position: 0 -6601px;
}

.f-mr,
.f-mrt {
    background-position: 0 -6478px;
}

.f-mdg,
.f-mg {
    background-position: 0 -6109px;
}

.f-myt,
.f-yt {
    background-position: 0 -10455px;
}

.f-mac,
.f-mo {
    background-position: 0 -6355px;
}

.f-mw,
.f-mwi {
    background-position: 0 -6682px;
}

.f-my,
.f-mys {
    background-position: 0 -6765px;
}

.f-ml,
.f-mli {
    background-position: 0 -6233px;
}

.f-mdv,
.f-mv {
    background-position: 0 -6642px;
}

.f-mlt,
.f-mt {
    background-position: 0 -6560px;
}

.f-ma,
.f-mar {
    background-position: 0 -5904px;
}

.f-mq,
.f-mtq {
    background-position: 0 -6437px;
}

.f-mh,
.f-mhl {
    background-position: 0 -6150px;
}

.f-mex,
.f-mx {
    background-position: 0 -6724px;
}

.f-moz,
.f-mz {
    background-position: 0 -6806px;
}

.f-md,
.f-mda {
    background-position: 0 -5986px;
}

.f-mn,
.f-mng {
    background-position: 0 -6314px;
}

.f-ms,
.f-msr {
    background-position: 0 -6519px;
}

.f-mm,
.f-mmr {
    background-position: 0 -6273px;
}

.f-na,
.f-nam {
    background-position: 0 -6847px;
}

.f-nr,
.f-nru {
    background-position: 0 -7217px;
}

.f-np,
.f-npl {
    background-position: 0 -7175px;
}

.f-ne,
.f-ner {
    background-position: 0 -6929px;
}

.f-ng,
.f-nga {
    background-position: 0 -7011px;
}

.f-nl,
.f-nld {
    background-position: 0 -7093px;
}

.f-ni,
.f-nic {
    background-position: 0 -7052px;
}

.f-niu,
.f-nu {
    background-position: 0 -7257px;
}

.f-nz,
.f-nzl {
    background-position: 0 -7298px;
}

.f-nc,
.f-ncl {
    background-position: 0 -6888px;
}

.f-no,
.f-nor {
    background-position: 0 -7134px;
}

.f-sh,
.f-shn {
    background-position: 0 -8446px;
}

.f-om,
.f-omn {
    background-position: 0 -7339px;
}

.f-nf,
.f-nfk {
    background-position: 0 -6970px;
}

.f-pak,
.f-pk {
    background-position: 0 -7585px;
}

.f-plw,
.f-pw {
    background-position: 0 -7873px;
}

.f-ps,
.f-pse {
    background-position: 0 -7790px;
}

.f-pa,
.f-pan {
    background-position: 0 -7380px;
}

.f-pg,
.f-png {
    background-position: 0 -7503px;
}

.f-pry,
.f-py {
    background-position: 0 -7913px;
}

.f-pe,
.f-per {
    background-position: 0 -7421px;
}

.f-pl,
.f-pol {
    background-position: 0 -7626px;
}

.f-prt,
.f-pt {
    background-position: 0 -7831px;
}

.f-pr,
.f-pri {
    background-position: 0 -7749px;
}

.f-cg,
.f-cog {
    background-position: 0 -1763px;
}

.f-re,
.f-reu {
    background-position: 0 -7995px;
}

.f-rw,
.f-rwa {
    background-position: 0 -8159px;
}

.f-ro,
.f-rou {
    background-position: 0 -8036px;
}

.f-slv,
.f-sv {
    background-position: 0 -8897px;
}

.f-ws,
.f-wsm {
    background-position: 0 -10331px;
}

.f-sm,
.f-smr {
    background-position: 0 -8651px;
}

.f-st,
.f-stp {
    background-position: 0 -8856px;
}

.f-sa,
.f-sau {
    background-position: 0 -8200px;
}

.f-mk,
.f-mkd {
    background-position: 0 -6191px;
}

.f-mnp,
.f-mp {
    background-position: 0 -6397px;
}

.f-sc,
.f-syc {
    background-position: 0 -8282px;
}

.f-bl,
.f-blm {
    background-position: 0 -1107px;
}

.f-maf,
.f-mf {
    background-position: 0 -6068px;
}

.f-pm,
.f-spm {
    background-position: 0 -7667px;
}

.f-sen,
.f-sn {
    background-position: 0 -8693px;
}

.f-vc,
.f-vct {
    background-position: 0 -10045px;
}

.f-kn,
.f-kna {
    background-position: 0 -5207px;
}

.f-lc,
.f-lca {
    background-position: 0 -5535px;
}

.f-rs,
.f-srb {
    background-position: 0 -8077px;
}

.f-sg,
.f-sgp {
    background-position: 0 -8405px;
}

.f-sx,
.f-sxm {
    background-position: 0 -8938px;
}

.f-sy,
.f-syr {
    background-position: 0 -8979px;
}

.f-sk,
.f-svk {
    background-position: 0 -8569px;
}

.f-si,
.f-svn {
    background-position: 0 -8487px;
}

.f-sb,
.f-slb {
    background-position: 0 -8241px;
}

.f-so,
.f-som {
    background-position: 0 -8733px;
}

.f-sd,
.f-sdn {
    background-position: 0 -8323px;
}

.f-sr,
.f-sur {
    background-position: 0 -8774px;
}

.f-us,
.f-usa {
    background-position: 0 -9881px;
}

.f-sl,
.f-sle {
    background-position: 0 -8610px;
}

.f-tj,
.f-tjk {
    background-position: 0 -9266px;
}

.f-th,
.f-tha {
    background-position: 0 -9225px;
}

.f-tw,
.f-twn {
    background-position: 0 -9635px;
}

.f-tz,
.f-tza {
    background-position: 0 -9676px;
}

.f-tc,
.f-tca {
    background-position: 0 -9061px;
}

.f-tg,
.f-tgo {
    background-position: 0 -9184px;
}

.f-tk,
.f-tkl {
    background-position: 0 -9307px;
}

.f-to,
.f-ton {
    background-position: 0 -9472px;
}

.f-tt,
.f-tto {
    background-position: 0 -9552px;
}

.f-tuv,
.f-tv {
    background-position: 0 -9594px;
}

.f-tn,
.f-tun {
    background-position: 0 -9430px;
}

.f-tkm,
.f-tm {
    background-position: 0 -9389px;
}

.f-ug,
.f-uga {
    background-position: 0 -9757px;
}

.f-uz,
.f-uzb {
    background-position: 0 -9963px;
}

.f-wf,
.f-wlf {
    background-position: 0 -10291px;
}

.f-ury,
.f-uy {
    background-position: 0 -9922px;
}

.f-fo,
.f-fro {
    background-position: 0 -3157px;
}

.f-fm,
.f-fsm {
    background-position: 0 -3116px;
}

.f-fj,
.f-fji {
    background-position: 0 -3034px;
}

.f-ph,
.f-phl {
    background-position: 0 -7544px;
}

.f-fi,
.f-fin {
    background-position: 0 -2993px;
}

.f-fk,
.f-flk {
    background-position: 0 -3075px;
}

.f-fr,
.f-fra {
    background-position: 0 -3198px;
}

.f-gf,
.f-guf {
    background-position: 0 -3567px;
}

.f-pf,
.f-pyf {
    background-position: 0 -7463px;
}

.f-hr,
.f-hrv {
    background-position: 0 -4305px;
}

.f-caf,
.f-cf {
    background-position: 0 -1722px;
}

.f-tcd,
.f-td {
    background-position: 0 -9102px;
}

.f-me,
.f-mne {
    background-position: 0 -6028px;
}

.f-cz,
.f-cze {
    background-position: 0 -2337px;
}

.f-chl,
.f-cl {
    background-position: 0 -1927px;
}

.f-ch,
.f-che {
    background-position: 0 -1804px;
}

.f-se,
.f-swe {
    background-position: 0 -8364px;
}

.f-lk,
.f-lka {
    background-position: 0 -5617px;
}

.f-ec,
.f-ecu {
    background-position: 0 -2624px;
}

.f-gnq,
.f-gq {
    background-position: 0 -3895px;
}

.f-er,
.f-eri {
    background-position: 0 -2787px;
}

.f-swz,
.f-sz {
    background-position: 0 -9020px;
}

.f-ee,
.f-est {
    background-position: 0 -2665px;
}

.f-et,
.f-eth {
    background-position: 0 -2911px;
}

.f-za,
.f-zaf {
    background-position: 0 -10496px;
}

.f-ss,
.f-ssd {
    background-position: 0 -8815px;
}

.f-jam,
.f-jm {
    background-position: 0 -4879px;
}

/* #steps */
#steps {
    min-height: 100px;
    margin-top: 140px;
    scroll-margin-top: 140px;
}

#steps>.content {
    display: flex;
    flex-direction: column;
}

#steps>.content>h2 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
    font-size: 2rem;
    text-align: center;
}

.steps--container {
    align-items: center;
    background-color: var(--secondary-bg);
    border-radius: 30px;
    display: grid;
    gap: 100px;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 100px;
    padding: 30px 60px;
    width: 100%;
}

.step--container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
    justify-content: start;
}

.step--container>span {
    text-align: center;
}

/* #service */
section#service {
    min-height: 100px;
    scroll-margin-top: 140px;
    margin-top: 140px;
}

section#service>.content {
    display: flex;
    flex-direction: column;
}

section#service>.content>h2 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
    font-size: 2rem;
    text-align: center;
}

.services--container {
    display: grid;
    gap: 35px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 130px;
    margin-top: 100px;
}

.service-block {
    align-items: center;
    background-color: var(--secondary-bg);
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    gap: 45px;
    overflow: hidden;
    padding: 10px 80px;
    position: relative;
}

.service-block>img {
    transition: .2s;
    width: 120px;
}

.service-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.service-info>h3 {
    font-size: 20px;
}

.service-info>h4 {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 115%;
    vertical-align: middle;
}

.last.service-block {
    align-items: end;
    grid-row: span 2;
    padding: 0 20px 0 0;
}

.service-block.last>img {
    bottom: 0;
    height: 250px;
    left: -15px;
    position: relative;
    width: auto;
}

/* #faq  */

section#faq {
    min-height: 100px;
    margin-top: 100px;
    scroll-margin-top: 140px;
}

section#faq>.content {
    display: flex;
    flex-direction: column;
}

section#faq>.content>h2 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
    font-size: 2rem;
    text-align: center;
}

.faq--container {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, minmax(130, 1fr));
    margin-top: 70px;
}

.faq-content {
    background: var(--secondary-bg);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    justify-content: center;
    padding: 40px 50px;
    width: 100%;
}

.faq-content>h3 {
    font-weight: 700;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
    font-size: 16px;
}

.faq-content>h4 {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 115%;
    vertical-align: middle;
}

/* Панель справа-снизу */

@keyframes show-upper {
    0% {
        transform: translate(70px);
    }

    100% {
        transform: translate(0);
    }
}

@keyframes hide-upper {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(150px);
    }
}

.upper--btn {
    align-items: center;
    background-color: var(--text-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 45px;
    justify-content: center;
    position: fixed;
    right: 30px;
    transition: .2s;
    width: 45px;
    z-index: 999;
    animation: show-upper .5s cubic-bezier(.19, 1, .22, 1) forwards;
    bottom: 110px;
}

.upper--btn.hide {
    animation: hide-upper .5s cubic-bezier(.19, 1, .22, 1) forwards;
}

.upper--btn>svg {
    height: 30px;
    transition: .2s;
    width: 30px;
}

.change-theme--btn {
    align-items: center;
    background-color: var(--text-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 45px;
    justify-content: center;
    position: fixed;
    right: 30px;
    transition: .2s;
    width: 45px;
    z-index: 999;
    bottom: 50px;
}

/* Ночная тема сайта */
.change-theme--btn.night-theme {
    background: #fff;
}

.change-theme--btn svg {
    height: 30px;
    transition: .2s;
    width: 30px;
}

.change-theme--btn svg:hover {
    scale: .9;
}

/* popup с выбором стран */
.popup,
.popup-order {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
}

.popup-order {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
}

.popup-order.is-open {
    display: flex;
}

.popup--content {
    display: flex;
    flex-direction: column;
    background: var(--background);
    border-radius: 20px;
    box-shadow: 0 20px 50px #00000040;
    max-height: min(80vh, 90vh);
    overflow-x: hidden;
    padding: 24px;
}

.popup--container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    width: 600px;
    overflow: hidden;
}

.popup-order>.popup--content {
    background: var(--background);
    border-radius: 20px;
    box-shadow: 0 20px 50px #00000040;
    flex-direction: column;
    max-height: min(80vh, 90vh);
    overflow-x: hidden;
}

.popup-order>.popup--content>.form--container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    min-width: 450px;
}

.popup-order>.popup--content>.form--container>.form--content {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.form--content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkbox-wrapper-2 {
    margin-top: 20px;
}

.form-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

.form--content>label.field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

span.cb-text {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0;
    opacity: .5;
    vertical-align: middle;
}

.form--buttons {
    display: flex;
    justify-content: space-evenly;
}

.button-send,
.form-button {
    all: unset;
    background-color: var(--text-color);
    border-radius: 60px;
    background: var(--text-color);
    color: var(--background);
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 51px;
    text-align: center;
    transition: .2s;
    width: 100%;
}

.submit {
    background: var(--primary-color);
}

.form--content>label>a {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0;
    opacity: .5;
    text-decoration: underline;
    white-space: wrap;
}

label.field>input {
    all: unset;
    background-color: var(--secondary-bg);
    border-radius: 15px;
    height: 35px;
    padding: 3px 10px;
    text-align: left;
}

.country--container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    gap: 5px;
}

.country--block {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 3px;
    cursor: pointer;
    transition: .2s;
}

.country--block:hover {
    background-color: var(--secondary-bg);
}

.country--block.selected {
    background-color: var(--secondary-bg);
}

.search {
    border: none;
    height: 100%;
    border-radius: 10px;
    background-color: var(--background);
    padding: 5px 0px 5px 15px;
    margin-inline: 2px;
    transition: .2s;
    color: var(--text-color);
    outline: 2px solid var(--background);
    border: 2px solid var(--background);
}

/* overflow-x: hidden!important; */
.search:focus,
.search:active {
    outline: 1px solid var(--primary-color);
    box-shadow: var(--input-active-shadow);
}


.button--container {
    display: flex;
    margin-top: 10px;
    gap: 8px;
    justify-content: flex-end;
}

button.cancel {
    background-color: #000;
    color: var(--background);
    width: 100%;
    height: 51px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    border: none;
}

button {
    width: 100%;
    height: 40px;
}

.onmap.p1,
.onmap.p2 {
    transform: scale(1);
    margin: 0px !important;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    border-radius: 10px;
    border: 1px solid var(--secondary-bg);
    box-shadow: 0px 5px 20px 0px #00000026;
}

.flag.flag-from-icon,
.flag.flag-to-icon {
    transform: scale(.7);
}



.space {
    display: flex;
    width: 100%;
    min-height: 3px;
    border-radius: 10px;
    background-color: var(--secondary-bg);
}

span.space {
    background-color: var(--secondary-bg);
    border-radius: 10px;
    display: flex;
    min-height: 3px;
    width: 100%;
}

input.input-country-name {
    border: none;
    width: -webkit-fill-available;
    font-size: inherit;
    outline: none;
    text-align: center;
}

.select-currency--container {
    background-color: var(--background);
    border-radius: 10px;
    box-shadow: 0 5px 20px #00000026;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 47px;
    width: 77px;
    z-index: 10999;
}

.select-currency {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.select-currency>span {
    padding: 5px 5px 5px 10px;
    text-align: left;
    width: 100%;
    opacity: 1;
    transition: .2s;
}

.select-currency>span:hover {
    opacity: .5;
}

svg#connections {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    inset: 0;
}

a.order-button {
    all: unset;
    background-color: var(--primary-color);
    border-radius: 60px;
    font-family: Open Sans, sans-serif;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    height: 51px;
    text-align: center;
    transition: .2s;
    width: 200px;
}

@media (max-width: 1440px) {
    .popup--container {
        width: 100%;
    }
}

@media (width <=420px) {
    section.footer {
        padding: 0;
    }
}

@media (max-width: 1440px) {
    .mini-card {
        opacity: 1;
        position: absolute;
        width: 100%;
    }
}

svg.ring {
    display: inline-block;
    height: 85px;
    width: 85px;
}

.ring .track {
    fill: transparent;
    stroke: var(--background);
    stroke-width: 8px;
}

.ring.ready .progress {
    stroke-dashoffset: calc(100 - var(--value));
    fill: transparent;
    stroke: var(--primary-color);
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    stroke-width: 9;
    transition: 2s cubic-bezier(.075, .82, .165, 1);
    stroke-dashoffset: calc(100 - var(--value));
}

.ring .inner {
    fill: transparent;
    opacity: .9;
}

.ring circle {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.label {
    text-align: center;
    fill: var(--text-color);
    font-family: "Open Sans";
    font-size: 3rem;
    font-style: SemiBold;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 110.00000000000001%;
    vertical-align: middle;
}

.world-wrap svg {
    display: block;
    transform: scale(var(--scale));
    transform-origin: top left;
    width: 100% !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 514px;
}
/* End */
/* /bitrix/components/bitrix/menu/templates/.default/style.min.css?1768393230490 */
/* /local/templates/finix/template_styles.css?176840186138985 */