@charset "utf-8";
/*
* KSODESIGN TIMELINE ARTICLE PAGE
* www.ksodesign.com
*/

#worldmap {
	position: relative;
}	
.point {
	position: absolute;
	width: 26px;
	height: 42px;
	background-image: url(../img/point.png);
	background-size: 26px 42px;
	transition: all .0001s;
}
.point:hover {
	background-image: url(../img/point-hover.png);
}
.info {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 350px;	
	z-index: 2;
}

.point span {
	position: absolute;
	left: 0;
	bottom: -20px;
    font-weight: bold;
    white-space: nowrap;
}


.nav.d-flex {
    text-align: center
}
.btn-kso {
    margin-bottom: 3px;
    border: 1px solid #ddd !important;
}
.btn-kso.active {
    color: #fff;
    background-color: #27A8E2;
}

.my-5 {margin: 5rem 0;}

@media (min-width: 767px) {

}
@media (min-width: 992px) {
    #japan {left: 830px;top: 205px;}
    #korea {left: 796px;top: 207px;}
    #china {left: 742px;top: 239px;}
    #taiwan {left: 783px;top: 263px;}
    #singapore {left: 744px;top: 323px;}
    #malaysia {left: 724px;top: 302px;}
    #srilanka {left: 673px;top: 314px;}
    #india {left: 662px;top: 254px;}
    #saudi {left: 565px;top: 263px;}
    #usa {left: 167px;top: 196px;}
    #maxico {left: 145px;top: 268px;}    
}
@media (min-width: 1200px) {
    #japan {left: 1006px;top: 249px;}
    #korea {left: 970px;top: 263px;}
	#china {left: 900px;top: 290px;}
    #taiwan {left: 955px;top: 320px;}
    #singapore {left: 909px;top: 403px;}
    #malaysia {left: 883px;top: 380px;}
    #srilanka {left: 818px;top: 384px;}
    #india {left: 808px;top: 320px;}
    #saudi {left: 686px;top: 320px;}
    #usa {left: 202px;top: 254px;}
    #maxico {left: 183px;top: 330px;}
	
}


@media (max-width: 991px) {
    .point {
        display: none;
    }
}