:root {
    --scale-from-2K: 0.6; /* this is for the minimal 1280 width */
}

@media only screen and (min-width: 1366px) {
    :root {
        --scale-from-2K: 0.7;
    }
}

@media only screen and (min-width: 1536px) {
    :root {
        --scale-from-2K: 0.8;
    }
}

@media only screen and (min-width: 1920px) {
    :root {
        --scale-from-2K: 1;
    }
}

@media only screen and (min-width: 2560px) {
    :root {
        --scale-from-2K: 1.3;
    }
}

@media only screen and (min-width: 3840px) {
    :root {
        --scale-from-2K: 2;
    }
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Black.ttf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-ExtraBold.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-ExtraLightItalic.ttf');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-Thin.ttf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../Fonts/Fira/FiraSans-ThinItalic.ttf');
    font-weight: 100;
    font-style: italic;
}

html, body, form {
    width: 100%;
    min-width: calc(var(--scale-from-2K)*1200px);
    min-height: calc(var(--scale-from-2K)*800px);
    font-family: 'Fira Sans', 'Avant Grade Gothic book', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
    overflow-x: hidden;
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
    color: #0066CC;
}

.mainIntroPageContainer {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--scale-from-2K)*50px);
    padding-top: calc(var(--scale-from-2K)*50px);
    overflow: hidden;
}

.introPageTitleWrapper {
}

.introTitle {
    color: #001A33;
    font-size: calc(var(--scale-from-2K)*40px);
    font-weight: 600;
    white-space: nowrap;
    padding-bottom: calc(var(--scale-from-2K)*50px);
    text-transform: uppercase;
}

.introTabContainer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: stretch;
}

.introTabHeaderWrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: stretch;
}

.introTabHeader,
.introTabHeader:hover,
.introTabHeader:visited,
.introTabHeader:active {
    display: block;
    padding: calc(var(--scale-from-2K)*10px) calc(var(--scale-from-2K)*40px);
    color: #99A3AD;
    font-size: calc(var(--scale-from-2K)*16px);
    font-weight: 500;
    line-height: calc(var(--scale-from-2K)*22px);
    white-space: nowrap;
    width: 100%;
    text-align: center;
    cursor: default;
}

    .introTabHeader:hover {
        font-weight: 600;
        animation: header_hover .5s linear;
    }

@keyframes header_hover {
    from {
        font-weight: 500;
    }

    to {
        font-weight: 600;
    }
}

.introTabHeader:active {
    font-weight: 800;
    animation: header_click .3s linear;
}

@keyframes header_click {
    from {
        font-weight: 600;
    }

    to {
        font-weight: 800;
    }
}

.introTabHeader.selected {
    color: #0066CC;
    border-bottom: 2px solid #0066CC;
    font-weight: 600;
    animation: header_selected 1s linear;
}

@keyframes header_selected {
    from {
        color: #99A3AD;
        border-bottom: 2px solid #FFF;
        font-weight: 500;
    }

    to {
        color: #0066CC;
        border-bottom: 2px solid #0066CC;
        font-weight: 600;
    }
}

.introTabHeader.unselect {
    animation: header_unselect .7s linear;
}

@keyframes header_unselect {
    from {
        color: #0066CC;
        border-bottom: 2px solid #0066CC;
        font-weight: 600;
    }

    to {
        color: #99A3AD;
        border-bottom: 2px solid #FFF;
        font-weight: 500;
    }
}

.introTabContentWrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
}

.introTabContent {
    width: calc(var(--scale-from-2K)*1200px);
    height: calc(var(--scale-from-2K)*600px);
    background-color: #F8FBFF;
    border: 2px solid #E6F3FF;
    border-radius: calc(var(--scale-from-2K)*9px);
}

    .introTabContent:not(.selected):not(.unselect) {
        display: none;
    }

.introTabDescription {
    display: block;
    padding: calc(var(--scale-from-2K)*16px);
    position: relative;
    top: calc(var(--scale-from-2K)*25px);
    left: calc(var(--scale-from-2K)*-110px);
    width: calc(var(--scale-from-2K)*320px);
    background-color: #E6F3FF;
    color: #003366;
    font-size: calc(var(--scale-from-2K)*16px);
    font-weight: 400;
    line-height: calc(var(--scale-from-2K)*22px);
    word-wrap: break-word;
    white-space: break-spaces;
    z-index: 100;
    box-shadow: 0px 2px 7px rgba(77, 95, 113, 0.15);
    border-radius: calc(var(--scale-from-2K)*9px);
}

.introTabContent.selected .introTabDescription {
    animation: slide-in-desc 1s ease-out;
}

.introTabContent.selected img.introTabMainImage {
    animation: slide-in-img 1s ease-out;
}

.introTabContent.unselect .introTabDescription {
    animation: slide-out-desc .7s ease-in;
}

.introTabContent.unselect img.introTabMainImage {
    animation: slide-out-img .7s ease-in;
}


@keyframes slide-in-desc {
    from {
        opacity: 0;
        left: calc(var(--scale-from-2K)*600px);
    }

    to {
        opacity: 1;
        left: calc(var(--scale-from-2K)*-110px);
    }
}

@keyframes slide-out-desc {
    from {
        opacity: 1;
        left: calc(var(--scale-from-2K)*-110px);
    }

    to {
        opacity: 0;
        left: calc(var(--scale-from-2K)*-300px);
    }
}

.introTabContent img {
    position: relative;
    top: calc(var(--scale-from-2K)*-70px);
    left: 0px;
    z-index: 50;
    width: calc(var(--scale-from-2K)*1200px);
    border: 1px solid #E6F3FF;
}

@keyframes slide-in-img {
    from {
        opacity: 0;
        left: calc(var(--scale-from-2K)*500px);
    }

    to {
        opacity: 1;
        left: 0px;
    }
}

@keyframes slide-out-img {
    from {
        opacity: 1;
        left: 0px;
    }

    to {
        opacity: 0;
        left: calc(var(--scale-from-2K)*-300px);
    }
}

.introPageFooter {
    display: flex;
    flex-flow: row nowrap;
    gap: calc(var(--scale-from-2K)*100px);
    justify-content: space-evenly;
    align-items: stretch;
    width: calc(var(--scale-from-2K)*1200px);
}

.introFooterText {
    align-self: flex-start;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: calc(var(--scale-from-2K)*10px);
    color: #1A3148;
    font-size: calc(var(--scale-from-2K)*21px);
    font-weight: 400;
    line-height: calc(var(--scale-from-2K)*25.20px);
    word-wrap: break-word;
    white-space: break-spaces;
}

.introFooterText div {
    display: flex;
}

.introFooterButtons {
    align-self: flex-end;
    display: flex;
    flex-flow: column nowrap;
    justify-content: left;
    align-items: flex-start;
}

#btnIntroFooterOpenNewClient {
    background-color: #0066CC;
    color: #F8FBFF;
    font-size: calc(var(--scale-from-2K)*16px);
    font-weight: 500;
    text-decoration: none;
    line-height: calc(var(--scale-from-2K)*24px);
    word-wrap: break-word;
    border: none;
    display: block;
    padding: calc(var(--scale-from-2K)*12px) calc(var(--scale-from-2K)*60px);
    border-radius: calc(var(--scale-from-2K)*4px);
}

#lnkIntroFooterOpenTWA {
    margin-top: calc(var(--scale-from-2K)*20px);
    color: #0066CC;
    font-size: calc(var(--scale-from-2K)*16px);
    font-weight: 400;
    line-height: calc(var(--scale-from-2K)*16px);
    display: inline-block;
}

    #lnkIntroFooterOpenTWA::after {
        padding-left: calc(var(--scale-from-2K)*16px);
        content: '❯';
    }

#lblIntroFooterAvailable {
    color: #808D99;
    font-size: calc(var(--scale-from-2K)*12px);
    font-weight: 400;
    line-height: calc(var(--scale-from-2K)*16px);
}

#introBgFloaterWrapper {
    position: absolute;
    z-index: 0;
}

.introBgFloaterIcon {
    width: calc(var(--scale-from-2K)*43px);
    height: calc(var(--scale-from-2K)*43px);
    opacity: 0;
    position: absolute;
    top: calc(var(--scale-from-2K)*300px);
    left: calc(var(--scale-from-2K)*600px);
}

#introBgFloaterWrapper.selected-0 .introBgFloaterIcon,
#introBgFloaterWrapper.selected-1 .introBgFloaterIcon,
#introBgFloaterWrapper.selected-2 .introBgFloaterIcon,
#introBgFloaterWrapper.selected-3 .introBgFloaterIcon
{
    transition:all ease-out 1s;
}

#introBgFloaterWrapper:not(.selected-0):not(.selected-1):not(.selected-2):not(.selected-3) .introBgFloaterIcon {
    transition: all ease-in .7s;
    opacity: 0;
    top: calc(var(--scale-from-2K)*300px);
    left: calc(var(--scale-from-2K)*600px);
}

#introBgFloaterWrapper.selected-0 .icon01 {
    top: calc(var(--scale-from-2K)*340px);
    left: calc(var(--scale-from-2K)*-110px);
    transform: rotate(360deg) scale(1);
    opacity: .2;
}

#introBgFloaterWrapper.selected-0 .icon02 {
    top: calc(var(--scale-from-2K)*510px);
    left: calc(var(--scale-from-2K)*120px);
    transform: rotate(-80deg) scale(.9);
    opacity: .4;
}

#introBgFloaterWrapper.selected-0 .icon03 {
    top: calc(var(--scale-from-2K)*360px);
    left: calc(var(--scale-from-2K)*1000px);
    transform: rotate(-30deg) scale(.5) scaleX(-1);
    opacity: .7;
}

#introBgFloaterWrapper.selected-0 .icon04 {
    top: calc(var(--scale-from-2K)*720px);
    left: calc(var(--scale-from-2K)*1260px);
    transform: rotate(8deg) scale(1.1);
    opacity: .25;
}

#introBgFloaterWrapper.selected-0 .icon05 {
    top: calc(var(--scale-from-2K)*-180px);
    left: calc(var(--scale-from-2K)*950px);
    transform: rotate(-10deg) scale(.7) scaleX(-1);
    opacity: .2;
}

#introBgFloaterWrapper.selected-0 .icon06 {
    top: calc(var(--scale-from-2K)*-130px);
    left: calc(var(--scale-from-2K)*70px);
    transform: rotate(-20deg) scale(.4) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-0 .icon07 {
    top: calc(var(--scale-from-2K)*-190px);
    left: calc(var(--scale-from-2K)*100px);
    transform: rotate(60deg) scale(.55);
    opacity: .2;
}

#introBgFloaterWrapper.selected-0 .icon08 {
    top: calc(var(--scale-from-2K)*300px);
    left: calc(var(--scale-from-2K)*135px);
    transform: rotate(0deg) scale(.8) scaleX(-1);
    opacity: .55;
}

#introBgFloaterWrapper.selected-0 .icon09 {
    top: calc(var(--scale-from-2K)*490px);
    left: calc(var(--scale-from-2K)*1150px);
    transform: rotate(720deg) scale(1.2) scaleX(-1);
    opacity: .6;
}

#introBgFloaterWrapper.selected-0 .icon10 {
    top: calc(var(--scale-from-2K)*275px);
    left: calc(var(--scale-from-2K)*1270px);
    transform: rotate(10deg) scale(1.3);
    opacity: .35;
}

#introBgFloaterWrapper.selected-0 .icon11 {
    top: calc(var(--scale-from-2K)*660px);
    left: calc(var(--scale-from-2K)*-80px);
    transform: rotate(-20deg) scale(.45) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-0 .icon12 {
    top: calc(var(--scale-from-2K)*10px);
    left: calc(var(--scale-from-2K)*620px);
    transform: rotate(-30deg) scale(.55);
    opacity: .4;
}

#introBgFloaterWrapper.selected-0 .icon13 {
    top: calc(var(--scale-from-2K)*-115px);
    left: calc(var(--scale-from-2K)*-85px);
    transform: rotate(360deg) scale(1.1);
    opacity: .35;
}

#introBgFloaterWrapper.selected-0 .icon14 {
    top: calc(var(--scale-from-2K)*100px);
    left: calc(var(--scale-from-2K)*60px);
    transform: rotate(-42deg) scale(.7) scaleX(-1);
    opacity: .55;
}

#introBgFloaterWrapper.selected-0 .icon15 {
    top: calc(var(--scale-from-2K)*520px);
    left: calc(var(--scale-from-2K)*200px);
    transform: rotate(10deg) scale(.4) scaleX(-1);
    opacity: .4;
}

#introBgFloaterWrapper.selected-0 .icon16 {
    top: calc(var(--scale-from-2K)*40px);
    left: calc(var(--scale-from-2K)*1100px);
    transform: rotate(5deg) scale(.6) scaleX(-1);
    opacity: .4;
}

#introBgFloaterWrapper.selected-0 .icon17 {
    top: calc(var(--scale-from-2K)*-130px);
    left: calc(var(--scale-from-2K)*1230px);
    transform: rotate(30deg) scale(.9);
    opacity: .25;
}

#introBgFloaterWrapper.selected-0 .icon18 {
    top: calc(var(--scale-from-2K)*-180px);
    left: calc(var(--scale-from-2K)*590px);
    transform: rotate(-12deg) scale(.4);
    opacity: .5;
}

#introBgFloaterWrapper.selected-1 .icon01 {
    top: calc(var(--scale-from-2K)*330px);
    left: calc(var(--scale-from-2K)*-90px);
    transform: rotate(10deg) scale(1) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-1 .icon02 {
    top: calc(var(--scale-from-2K)*525px);
    left: calc(var(--scale-from-2K)*130px);
    transform: rotate(-50deg) scale(.8);
    opacity: .5;
}

#introBgFloaterWrapper.selected-1 .icon03 {
    top: calc(var(--scale-from-2K)*190px);
    left: calc(var(--scale-from-2K)*990px);
    transform: rotate(10deg) scale(1.2) scaleX(-1);
    opacity: .6;
}

#introBgFloaterWrapper.selected-1 .icon04 {
    top: calc(var(--scale-from-2K)*730px);
    left: calc(var(--scale-from-2K)*1220px);
    transform: rotate(-750deg) scale(1.1);
    opacity: .25;
}

#introBgFloaterWrapper.selected-1 .icon05 {
    top: calc(var(--scale-from-2K)*-165px);
    left: calc(var(--scale-from-2K)*1000px);
    transform: rotate(10deg) scale(.65) scaleX(-1);
    opacity: .35;
}

#introBgFloaterWrapper.selected-1 .icon06 {
    top: calc(var(--scale-from-2K)*-90px);
    left: calc(var(--scale-from-2K)*30px);
    transform: rotate(50deg) scale(.85) scaleX(-1);
    opacity: .25;
}

#introBgFloaterWrapper.selected-1 .icon07 {
    top: calc(var(--scale-from-2K)*-160px);
    left: calc(var(--scale-from-2K)*80px);
    transform: rotate(60deg) scale(.9);
    opacity: .6;
}

#introBgFloaterWrapper.selected-1 .icon08 {
    top: calc(var(--scale-from-2K)*210px);
    left: calc(var(--scale-from-2K)*110px);
    transform: rotate(-20deg) scale(.85) scaleX(-1);
    opacity: .7;
}

#introBgFloaterWrapper.selected-1 .icon09 {
    top: calc(var(--scale-from-2K)*130px);
    left: calc(var(--scale-from-2K)*1100px);
    transform: rotate(720deg) scale(1.2) scaleX(-1);
    opacity: .35;
}

#introBgFloaterWrapper.selected-1 .icon10 {
    top: calc(var(--scale-from-2K)*475px);
    left: calc(var(--scale-from-2K)*1230px);
    transform: rotate(10deg) scale(1);
    opacity: .35;
}

#introBgFloaterWrapper.selected-1 .icon11 {
    top: calc(var(--scale-from-2K)*730px);
    left: calc(var(--scale-from-2K)*90px);
    transform: rotate(-20deg) scale(.6) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-1 .icon12 {
    top: calc(var(--scale-from-2K)*15px);
    left: calc(var(--scale-from-2K)*470px);
    transform: rotate(60deg) scale(.50);
    opacity: .6;
}

#introBgFloaterWrapper.selected-1 .icon13 {
    top: calc(var(--scale-from-2K)*-75px);
    left: calc(var(--scale-from-2K)*-45px);
    transform: rotate(720deg) scale(.8);
    opacity: .5;
}

#introBgFloaterWrapper.selected-1 .icon14 {
    top: calc(var(--scale-from-2K)*95px);
    left: calc(var(--scale-from-2K)*30px);
    transform: rotate(30deg) scale(.75) scaleX(-1);
    opacity: .35;
}

#introBgFloaterWrapper.selected-1 .icon15 {
    top: calc(var(--scale-from-2K)*490px);
    left: calc(var(--scale-from-2K)*190px);
    transform: rotate(-20deg) scale(.5) scaleX(-1);
    opacity: .5;
}

#introBgFloaterWrapper.selected-1 .icon16 {
    top: calc(var(--scale-from-2K)*35px);
    left: calc(var(--scale-from-2K)*1050px);
    transform: rotate(-10deg) scale(.95);
    opacity: .7;
}

#introBgFloaterWrapper.selected-1 .icon17 {
    top: calc(var(--scale-from-2K)*-140px);
    left: calc(var(--scale-from-2K)*1190px);
    transform: rotate(5deg) scale(.95) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-1 .icon18 {
    top: calc(var(--scale-from-2K)*-175px);
    left: calc(var(--scale-from-2K)*390px);
    transform: rotate(-5deg) scale(.45) scaleX(-1);
    opacity: .6;
}

#introBgFloaterWrapper.selected-2 .icon01 {
    top: calc(var(--scale-from-2K)*270px);
    left: calc(var(--scale-from-2K)*-100px);
    transform: rotate(740deg) scale(1.3);
    opacity: .15;
}

#introBgFloaterWrapper.selected-2 .icon02 {
    top: calc(var(--scale-from-2K)*280px);
    left: calc(var(--scale-from-2K)*60px);
    transform: rotate(-60deg) scale(.9);
    opacity: .5;
}

#introBgFloaterWrapper.selected-2 .icon03 {
    top: calc(var(--scale-from-2K)*520px);
    left: calc(var(--scale-from-2K)*1120px);
    transform: rotate(60deg) scale(.6) scaleX(-1);
    opacity: .55;
}

#introBgFloaterWrapper.selected-2 .icon04 {
    top: calc(var(--scale-from-2K)*700px);
    left: calc(var(--scale-from-2K)*1240px);
    transform: rotate(8deg) scale(1.1) scaleX(-1);
    opacity: .25;
}

#introBgFloaterWrapper.selected-2 .icon05 {
    top: calc(var(--scale-from-2K)*-185px);
    left: calc(var(--scale-from-2K)*1150px);
    transform: rotate(-15deg) scale(.75);
    opacity: .65;
}

#introBgFloaterWrapper.selected-2 .icon06 {
    top: calc(var(--scale-from-2K)*-160px);
    left: calc(var(--scale-from-2K)*15px);
    transform: rotate(-40deg) scale(.8) scaleX(-1);
    opacity: .5;
}

#introBgFloaterWrapper.selected-2 .icon07 {
    top: calc(var(--scale-from-2K)*-185px);
    left: calc(var(--scale-from-2K)*130px);
    transform: rotate(400deg) scale(.55);
    opacity: .45;
}

#introBgFloaterWrapper.selected-2 .icon08 {
    top: calc(var(--scale-from-2K)*470px);
    left: calc(var(--scale-from-2K)*195px);
    transform: rotate(370deg) scale(.8) scaleX(-1);
    opacity: .45;
}

#introBgFloaterWrapper.selected-2 .icon09 {
    top: calc(var(--scale-from-2K)*155px);
    left: calc(var(--scale-from-2K)*1000px);
    transform: rotate(350deg) scale(.85);
    opacity: .5;
}

#introBgFloaterWrapper.selected-2 .icon10 {
    top: calc(var(--scale-from-2K)*125px);
    left: calc(var(--scale-from-2K)*1240px);
    transform: rotate(10deg) scale(1);
    opacity: .45;
}

#introBgFloaterWrapper.selected-2 .icon11 {
    top: calc(var(--scale-from-2K)*590px);
    left: calc(var(--scale-from-2K)*-85px);
    transform: rotate(-410deg) scale(.6) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-2 .icon12 {
    top: calc(var(--scale-from-2K)*15px);
    left: calc(var(--scale-from-2K)*300px);
    transform: rotate(-390deg) scale(.45) scaleX(-1);
    opacity: .25;
}

#introBgFloaterWrapper.selected-2 .icon13 {
    top: calc(var(--scale-from-2K)*-100px);
    left: calc(var(--scale-from-2K)*50px);
    transform: rotate(330deg) scale(.65);
    opacity: .2;
}

#introBgFloaterWrapper.selected-2 .icon14 {
    top: calc(var(--scale-from-2K)*105px);
    left: calc(var(--scale-from-2K)*160px);
    transform: rotate(360deg) scale(.75) scaleX(-1);
    opacity: .3;
}

#introBgFloaterWrapper.selected-2 .icon15 {
    top: calc(var(--scale-from-2K)*550px);
    left: calc(var(--scale-from-2K)*90px);
    transform: rotate(10deg) scale(.65) scaleX(-1);
    opacity: .55;
}

#introBgFloaterWrapper.selected-2 .icon16 {
    top: calc(var(--scale-from-2K)*340px);
    left: calc(var(--scale-from-2K)*1110px);
    transform: rotate(380deg) scale(.8);
    opacity: .7;
}

#introBgFloaterWrapper.selected-2 .icon17 {
    top: calc(var(--scale-from-2K)*-110px);
    left: calc(var(--scale-from-2K)*1100px);
    transform: rotate(370deg) scale(.9);
    opacity: .45;
}

#introBgFloaterWrapper.selected-2 .icon18 {
    top: calc(var(--scale-from-2K)*-185px);
    left: calc(var(--scale-from-2K)*890px);
    transform: rotate(22deg) scale(.6);
    opacity: .2;
}

#introBgFloaterWrapper.selected-3 .icon01 {
    top: calc(var(--scale-from-2K)*340px);
    left: calc(var(--scale-from-2K)*-110px);
    transform: rotate(-20deg) scale(1);
    opacity: .15;
}

#introBgFloaterWrapper.selected-3 .icon02 {
    top: calc(var(--scale-from-2K)*145px);
    left: calc(var(--scale-from-2K)*150px);
    transform: rotate(370deg) scale(.7);
    opacity: .25;
}

#introBgFloaterWrapper.selected-3 .icon03 {
    top: calc(var(--scale-from-2K)*525px);
    left: calc(var(--scale-from-2K)*1015px);
    transform: rotate(330deg) scale(.65) scaleX(-1);
    opacity: .4;
}

#introBgFloaterWrapper.selected-3 .icon04 {
    top: calc(var(--scale-from-2K)*620px);
    left: calc(var(--scale-from-2K)*1215px);
    transform: rotate(375deg) scale(.8);
    opacity: .3;
}

#introBgFloaterWrapper.selected-3 .icon05 {
    top: calc(var(--scale-from-2K)*-140px);
    left: calc(var(--scale-from-2K)*1250px);
    transform: rotate(710deg) scale(1.2) scaleX(-1);
    opacity: .15;
}

#introBgFloaterWrapper.selected-3 .icon06 {
    top: calc(var(--scale-from-2K)*-110px);
    left: calc(var(--scale-from-2K)*120px);
    transform: rotate(370deg) scale(.55);
    opacity: .2;
}

#introBgFloaterWrapper.selected-3 .icon07 {
    top: calc(var(--scale-from-2K)*-55px);
    left: calc(var(--scale-from-2K)*-75px);
    transform: rotate(-680deg) scale(.85);
    opacity: .45;
}

#introBgFloaterWrapper.selected-3 .icon08 {
    top: calc(var(--scale-from-2K)*525px);
    left: calc(var(--scale-from-2K)*190px);
    transform: rotate(-420deg) scale(.9) scaleX(-1);
    opacity: .35;
}

#introBgFloaterWrapper.selected-3 .icon09 {
    top: calc(var(--scale-from-2K)*260px);
    left: calc(var(--scale-from-2K)*1100px);
    transform: rotate(720deg) scale(.8) scaleX(-1);
    opacity: .45;
}

#introBgFloaterWrapper.selected-3 .icon10 {
    top: calc(var(--scale-from-2K)*340px);
    left: calc(var(--scale-from-2K)*1230px);
    transform: rotate(730deg) scale(1.1);
    opacity: .65;
}

#introBgFloaterWrapper.selected-3 .icon11 {
    top: calc(var(--scale-from-2K)*730px);
    left: calc(var(--scale-from-2K)*-15px);
    transform: rotate(350deg) scale(.65);
    opacity: .55;
}

#introBgFloaterWrapper.selected-3 .icon12 {
    top: calc(var(--scale-from-2K)*20px);
    left: calc(var(--scale-from-2K)*820px);
    transform: rotate(-730deg) scale(.65) scaleX(-1);
    opacity: .55;
}

#introBgFloaterWrapper.selected-3 .icon13 {
    top: calc(var(--scale-from-2K)*-165px);
    left: calc(var(--scale-from-2K)*15px);
    transform: rotate(360deg) scale(1.2) scaleX(-1);
    opacity: .2;
}

#introBgFloaterWrapper.selected-3 .icon14 {
    top: calc(var(--scale-from-2K)*210px);
    left: calc(var(--scale-from-2K)*40px);
    transform: rotate(50deg) scale(.7);
    opacity: .35;
}

#introBgFloaterWrapper.selected-3 .icon15 {
    top: calc(var(--scale-from-2K)*550px);
    left: calc(var(--scale-from-2K)*65px);
    transform: rotate(50deg) scale(1.2);
    opacity: .6;
}

#introBgFloaterWrapper.selected-3 .icon16 {
    top: calc(var(--scale-from-2K)*60px);
    left: calc(var(--scale-from-2K)*1020px);
    transform: rotate(25deg) scale(.8) scaleX(-1);
    opacity: .55;
}

#introBgFloaterWrapper.selected-3 .icon17 {
    top: calc(var(--scale-from-2K)*-190px);
    left: calc(var(--scale-from-2K)*1150px);
    transform: rotate(320deg) scale(.9) scaleX(-1);
    opacity: .45;
}

#introBgFloaterWrapper.selected-3 .icon18 {
    top: calc(var(--scale-from-2K)*-180px);
    left: calc(var(--scale-from-2K)*490px);
    transform: rotate(-25deg) scale(.45) scaleX(-1);
    opacity: .3;
}