@font-face {
            font-family: ImperialSansDisplay-Semibold;
            src: url('../fonts//ImperialSansDisplay-Semibold.woff2') format('woff2');
        }

        @font-face {
            font-family: ImperialSansText-Regular;
            src: url('../fonts/ImperialSansText-Regular.woff2') format('woff2');
        }


        svg a:link {
            color: violet !important;
        }

        svg a:visited {
            color: violet !important;
        }

        svg a:hover {
            color: #fff !important;
        }

        svg a:active {
            color: #fff !important;
        }


.unPoint {
    pointer-events: none;
}

        /* tabbable */
        .focusable:focus {
            outline: 10px solid #80dfff;
        }






        /* start animation */

        @keyframes fadeIn_impGt {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes fadeOut_impGt {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
            }
        }

        @keyframes drawLine_Australia {
            0% {
                stroke-dashoffset: 1100;
            }

            100% {
                stroke-dashoffset: 0;
            }
        }

        @keyframes drawLine_America {
            0% {
                stroke-dashoffset: 6000;
            }

            100% {
                stroke-dashoffset: 0;
            }
        }

        @keyframes drawLine_EurAsia {
            0% {
                stroke-dashoffset: 6000;
            }

            100% {
                stroke-dashoffset: 0;
            }
        }

        @keyframes drawLine_Africa {
            0% {
                stroke-dashoffset: 3000;
            }

            100% {
                stroke-dashoffset: 0;
            }
        }


        .moveline_America path {
            animation: drawLine_America 1s ease 0.5s both;
        }


        .moveline_EurAsia path {
            animation: drawLine_EurAsia 1.5s ease-out 0.5s both;
        }

        .moveline_Australia path {
            animation: drawLine_Australia 0.5s ease-out 1s both;
        }

        .moveline_Africa path {
            animation: drawLine_Africa 0.5s ease-out 1s both;
        }

        #UK {
            animation: fadeIn_impGt 0.25s ease 0.5s both;
        }

        #islands {
            animation: fadeIn_impGt 0.25s ease 1s both;
        }


        /* Start hubs animation */


        #LonDontxt01,
        #LonDondot01 {
            animation: fadeIn_impGt 0.5s ease 2s both;
        }



        #SanFrantxt01,
        #SanFrandot01 {
            animation: fadeIn_impGt 0.5s ease 2.5s both;
        }




        #Acctxt01,
        #Accdot01 {
            animation: fadeIn_impGt 0.5s ease 3s both;
        }




        #Bengalurutxt01,
        #Bengalurudot01 {
            animation: fadeIn_impGt 0.5s ease 3.5s both;
        }



        #SingaPoretxt01,
        #SingaPoredot01 {
            animation: fadeIn_impGt 0.5s ease 4s both;
        }

     


        #Lonb301 {
            animation: fadeIn_impGt 0.25s ease 2.25s both, fadeOut_impGt 0.5s ease 2.55s forwards;
        }

        #SFb301 {
            animation: fadeIn_impGt 0.25s ease 2.75s both, fadeOut_impGt 0.25s ease 3.05s forwards;
        }

        #Accb301 {
            animation: fadeIn_impGt 0.25s ease 3.25s both, fadeOut_impGt 0.25s ease 3.55s forwards;
        }

        #Banb301 {
            animation: fadeIn_impGt 0.25s ease 3.75s both, fadeOut_impGt 0.25s ease 4.05s forwards;
        }


        #Singb301 {
            animation: fadeIn_impGt 0.25s ease 4.25s both, fadeOut_impGt 0.25s ease 4.55s forwards;
        }







        #MIT_1sq,
        #MIT_1 {
            animation: fadeIn_impGt 0.25s ease 5s both;
        }

        #USP_1sq,
        #USP_1 {
            animation: fadeIn_impGt 0.25s ease 5.1s both;
        }

        #AIMS_1sq,
        #AIMS_1 {
            animation: fadeIn_impGt 0.25s ease 5.2s both;
        }

        #UofG_1sq,
        #UofG_1 {
            animation: fadeIn_impGt 0.25s ease 5.3s both;
        }

        #CNRS_1sq,
        #CNRS_1 {
            animation: fadeIn_impGt 0.25s ease 5.4s both;
        }

        #TUM_1sq,
        #TUM_1 {
            animation: fadeIn_impGt 0.25s ease 5.5s both;
        }

        #IIS_1sq,
        #IIS_1 {
            animation: fadeIn_impGt 0.25s ease 5.6s both;
        }

        #Tsing_1sq,
        #Tsing_1 {
            animation: fadeIn_impGt 0.25s ease 5.7s both;
        }

        #NTU_1sq,
        #NTU_1 {
            animation: fadeIn_impGt 0.25s ease 5.8s both;
        }

        #NUS_1sq,
        #NUS_1 {
            animation: fadeIn_impGt 0.25s ease 5.9s both;
        }


        #UoT_1sq,
        #UoT_1 {
            animation: fadeIn_impGt 0.25s ease 6.0s both;
        }

        #TIT_1sq,
        #TIT_1 {
            animation: fadeIn_impGt 0.25s ease 6.1s both;
        }


        #StratP_1,
        #StratP_1sq,
        #Uni_Key_1 {
            animation: fadeIn_impGt 0.5s ease 6.2s both;
        }



        /* button animation */

        .hidden-text {
            display: none;
        }

        .button-circle {
            fill: transparent;
            stroke: #fff;
            stroke-width: 3px;
            transition: all 0.1s ease;
        }

        .button-circle.violet {
            fill: violet;
        }

        .button-circle.active {
            fill: #fff;
        }

        .button-circle.square {
            rx: 0;
            ry: 0;
            opacity: 0.75;
        }



        .TextWhiteb301 {
            fill: #ffffff;
        }

        .button-circle-uni {
            fill: violet;
            stroke: #232333;
            stroke-width: 12px;
            transition: all 0.1s ease;
        }

        .button-circle-uni.active {
            fill: #80dfff;
        }

        .button-circle-uni.square {
            rx: 0;
            ry: 0;
            opacity: 1;
        }




        #map {
            fill: none;
            stroke: #232333;
            stroke-linejoin: round;
            stroke-width: 1pt;
        }