.dot #s {
            opacity: 1;
            font-size: 25px;
            padding: 8px;
            color: white;
        }
        .dot span {
            opacity: 0;
            font-size: 0px;
            color: white;
        }
        .dot:hover span{
            opacity: 1;
            transform: translate(0px,-5px);
            font-size: 26px;
        }
        

        .tp_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .tp_dot:hover {
            width: 400px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
         }

        .nt_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .nt_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
         }

        .ty_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .ty_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
        }

        .kl_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .kl_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
        }

        .hc_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .hc_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
        }

        .il_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .il_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
        }
        .hs_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .hs_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
        }
        .ml_dot {
            position: absolute;
            transition: .1s;
            border-color: white;
            border-radius: 10px;
            opacity: 1;
            width: 30px;
            height: 30px;
            background-color: #8B0000;
            z-index: 11;
            text-decoration: none;
        }
        .ml_dot:hover {
            width: 380px;
            height: 45px;
            padding-top: 8px;
            padding-left: 25px;
            font-size: 16px;
            font-weight: 600;
            color: white;
            opacity: 1;
            transform: translate(0px,-5px);
            z-index: 999;
        }

        #kl_dot1 {
            top: 46vmin;
            right: 58vmin;
        }
        #hs_dot1 {
            top: 50vmin;
            right: 58vmin;
        }
        #ml_dot1 {
            top: 44vmin;
            right: 68vmin;
        }

        #hc_dot1 {
            top: 45vmin;
            right: 57vmin;
        }
        #hc_dot2 {
            top: 48vmin;
            right: 60vmin;
        }

        #il_dot1 {
            top: 48vmin;
            right: 55vmin;
        }
        #il_dot2 {
            top: 44vmin;
            right: 59vmin;
        }

        #tp_dot1 {
            top: 45vmin;
            right: 80vmin;
        }
        #tp_dot2 {
            top: 43vmin;
            right: 75vmin;
        }
        #tp_dot3 {
            top: 44vmin;
            right: 70vmin;
        }
        #tp_dot4 {
            top: 48vmin;
            right: 72vmin;
        }
        #tp_dot5 {
            top: 50vmin;
            right: 76vmin;
        }
        #tp_dot6 {
            top: 54vmin;
            right: 70vmin;
        }
        #tp_dot7 {
            top: 58vmin;
            right: 68vmin;
        }
        #tp_dot8 {
            top: 60vmin;
            right: 70vmin;
        }
        #tp_dot9 {
            top: 59vmin;
            right: 72vmin;
        }

        #nt_dot1 {
            top: 30vmin;
            right: 77vmin;
        }
        #nt_dot2 {
            top: 68vmin;
            right: 82vmin;
        }

        #nt_dot3 {
            top: 60vmin;
            right: 68vmin;
        }

        #nt_dot4 {
            top: 58vmin;
            right: 73vmin;
        }

        #nt_dot5 {
            top: 58vmin;
            right: 60vmin;
        }

        #nt_dot6 {
            top: 60vmin;
            right: 61vmin;
        }

        #nt_dot7 {
            top: 62vmin;
            right: 63vmin;
        }

        #ty_dot1 {
            top: 40vmin;
            right: 75vmin;
        }
        #ty_dot2 {
            top: 46vmin;
            right: 68vmin;
        }

        #ty_dot3 {
            top: 42vmin;
            right: 60vmin;
        }

        #ty_dot4 {
            top: 58vmin;
            right: 60vmin;
        }

        #ty_dot5 {
            top: 48vmin;
            right: 72vmin;
        }

        #ty_dot6 {
            top: 65vmin;
            right: 51vmin;
        }

        #ty_dot7 {
            top: 55vmin;
            right: 56vmin;
        }

        #ty_dot8 {
            top: 48vmin;
            right: 58vmin;
        }

        #ty_dot9 {
            top: 53vmin;
            right: 68vmin;
        }


        #ty_dot11 {
            top: 56vmin;
            right: 72vmin;
        }