@charset "utf-8";

		#wMap {
			margin: auto;
			/*overflow: hidden;*/
			background-color: #141B49;
			width: 1000px;
			height: 600px;
			position: relative;
		}
		#wMapIc {
			width: 1000px;
			height: 500px;
			background-image: url("wMap.svg");
			background-repeat: no-repeat;
			background-size: cover;
			transition: all 0.5s ease;
			position: absolute;
		}

		#wMapKapat {
			position: absolute;
			width: 30px;
			height: 30px;
			top: 460px;
			left: 30px;
			color: #141B49;
			background-color: rgba(256,256,256,.5);
			font-size: 26px;
			text-align: center;
			line-height: 26px;
			box-sizing: border-box;
			display: none;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
			cursor: pointer;}
		#wMapKapat:hover { background-color: #fff; }
		#wMapKapat strong {cursor: pointer;}
		#wMapKitaSec {
			position: absolute;
			top: 470px;
			left: 30px;
			color: #fff;
			font-size: 12px;
		}

		#wMapName {position: absolute;top: 250px;left: 30px; color: #fff; font-size: 36px; line-height: 36px;}
		#wMapName span {display: block; width: 100%; float: left;}
		#wMapName strong {font-size: 104px;}
		#wMapNameCo {position: absolute;top: 280px;left: 30px; width: 500px; color: #fff; font-size: 56px; line-height: 56px;}


		.amerika #wMapIc { margin-left: 200px; margin-top: -50px; width: 1600px; height: 800px; }
		.avrupa #wMapIc { margin-left: -2000px; margin-top: -330px; width: 5000px; height: 2500px;}
		.afrika #wMapIc { margin-left: -600px; margin-top: -340px; width: 2400px; height: 1200px;}
		.asya #wMapIc { margin-left: -1400px; margin-top: -150px; width: 2800px; height: 1400px;}
		.avustralya #wMapIc { margin-left: -3300px; margin-top: -1470px; width: 4500px; height: 2250px;}

		#wMapButton {position: absolute;top: 500px;left: 30px; right: 30px;}
		#wMapButton strong, #wMapButton span {color: rgba(256,256,256,.5);display: block;float: left; font-size: 24px;}
		#wMapButton strong {cursor: pointer;}
		#wMapButton strong:hover {color: rgba(256,256,256,.8);}
		#wMapButton span {margin-left: 10px; margin-right: 10px;}
		#wMapButton select {
			width: 100%;
			height: 50px;
			background-color: rgba(256,256,256,.1);
			border: 1px solid rgba(256,256,256,.2);
			font-size: 18px;
			box-sizing: border-box;
			padding: 10px;
			color: #fff;
			display: none;
		}
		#wMapButton select option {
			color: #000;
		}

		#wMapInfo {position: absolute;top: 540px;left: 30px; right: 30px; color: #fff; font-size: 11px;}
		#wMapInfo span {display: none; line-height: 18px;}

		#wMapLoc {position: absolute;top: 0;left: 0;}
		#wMapLoc span {position: absolute;
			height: 1px;
			width: 1px; 
			cursor: pointer;}
			#wMapLoc span:before {
				width: 40px;
				height: 40px;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
			background-color: rgba(256,256,256,0);
			content: ' ';
			display: block;
			margin-left: -20px;
			margin-top: -20px;
			transition: all 0.5s ease;
			}
			#wMapLoc span:after {
				width: 15px;
				height: 15px;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
			content: ' ';
			display: block;
			margin-left: -7.5px;
			margin-top: -27.5px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: url("confettilogo.svg");
			}
			#wMapLoc span:hover:before {background-color: rgba(256,256,256,.1);}
			
			

			
			span.b2:before {
				width: 60px !important;
				height: 60px !important;
			margin-left: -30px !important;
			margin-top: -30px !important;
			}
			span.b2:after {
				width: 20px !important;
				height: 20px !important;
			margin-left: -10px !important;
			margin-top: -40px !important;
			}

			
			span.b1:before {
				width: 80px !important;
				height: 80px !important;
			margin-left: -40px !important;
			margin-top: -40px !important;
			}
			span.b1:after {
				width: 30px !important;
				height: 30px !important;
			margin-left: -15px !important;
			margin-top: -55px !important;
			}

		#wMapLoc div.amerika {display: none;}
		#wMapLoc div.amerika span.abd {left:570px; top:210px;}
		#wMapLoc div.amerika span.kanada {left:570px; top:110px;}
		#wMapLoc div.amerika span.sili {left:683px; top:550px;}
		#wMapLoc div.amerika span.panama {left:628px; top:365px;}
		#wMapLoc div.amerika span.bolivya {left:700px; top:490px;}
		#wMapLoc div.amerika span.brezilya {left:760px; top:460px;}
		#wMapLoc div.amerika span.tobago {left:715px; top:355px;}

		#wMapLoc div.avrupa {display: none;}
		#wMapLoc div.avrupa span.ingiltere {left:440px; top:280px;}
		#wMapLoc div.avrupa span.irlanda {left:365px; top:270px;}
		#wMapLoc div.avrupa span.finlandiya {left:740px; top:110px;}
		#wMapLoc div.avrupa span.isvec {left:620px; top:130px;}
		#wMapLoc div.avrupa span.almanya {left:580px; top:290px;}
		#wMapLoc div.avrupa span.danimarka {left:565px; top:220px;}
		#wMapLoc div.avrupa span.avusturya {left:640px; top:350px;}
		#wMapLoc div.avrupa span.isvicre {left:560px; top:365px;}
		#wMapLoc div.avrupa span.belcika {left:515px; top:305px;}
		#wMapLoc div.avrupa span.hollanda {left:520px; top:280px;}
		#wMapLoc div.avrupa span.fransa {left:490px; top:370px;}
		#wMapLoc div.avrupa span.italya {left:620px; top:430px;}
		#wMapLoc div.avrupa span.ispanya {left:420px; top:470px;}

		#wMapLoc div.avrupa span.malta {left:645px; top:535px;}
		#wMapLoc div.avrupa span.polonya {left:690px; top:280px;}
		#wMapLoc div.avrupa span.romanya {left:770px; top:380px;}
		#wMapLoc div.avrupa span.cekcumhuriyeti {left:640px; top:315px;}
		#wMapLoc div.avrupa span.macaristan {left:695px; top:360px;}
		#wMapLoc div.avrupa span.slovakya {left:695px; top:335px;}
		#wMapLoc div.avrupa span.makedonya {left:735px; top:442px;}
		#wMapLoc div.avrupa span.kosova {left:722px; top:430px;}
		#wMapLoc div.avrupa span.bosnahersek {left:680px; top:405px;}
		#wMapLoc div.avrupa span.arnavutluk {left:713px; top:450px;}
		#wMapLoc div.avrupa span.yunanistan {left:745px; top:490px;}
		#wMapLoc div.avrupa span.slovenya {left:645px; top:375px;}
		#wMapLoc div.avrupa span.karadag {left:702px; top:425px;}
		#wMapLoc div.avrupa span.sirbistan {left:720px; top:405px;}
		#wMapLoc div.avrupa span.bulgaristan {left:775px; top:430px;}
		#wMapLoc div.avrupa span.litvanya {left:735px; top:240px;}
		#wMapLoc div.avrupa span.ukrayna {left:830px; top:320px;}
		#wMapLoc div.avrupa span.belarus {left:780px; top:260px;}
		#wMapLoc div.avrupa span.moldova {left:810px; top:360px;}

		#wMapLoc div.asya {display:none;}
		#wMapLoc div.asya span.rusya {left:500px; top:110px;}
		#wMapLoc div.asya span.azerbaycan {left:320px; top:295px;}
		#wMapLoc div.asya span.turkmenistan {left:400px; top:300px;}
		#wMapLoc div.asya span.ozbekistan {left:430px; top:280px;}
		#wMapLoc div.asya span.gurcistan {left:285px; top:280px;}
		#wMapLoc div.asya span.kazakistan {left:450px; top:230px;}
		#wMapLoc div.asya span.kirgizistan {left:510px; top:285px;}
		#wMapLoc div.asya span.sarabistan {left:320px; top:440px;}
		#wMapLoc div.asya span.kuveyt {left:335px; top:390px;}
		#wMapLoc div.asya span.katar {left:365px; top:425px;}
		#wMapLoc div.asya span.bae {left:390px; top:440px;}
		#wMapLoc div.asya span.lubnan {left:240px; top:350px;}
		#wMapLoc div.asya span.urdun {left:250px; top:380px;}
		#wMapLoc div.asya span.irak {left:295px; top:360px;}
		#wMapLoc div.asya span.suriye {left:260px; top:340px;}
		#wMapLoc div.asya span.iran {left:380px; top:360px;}
		#wMapLoc div.asya span.hindistan {left:580px; top:450px;}
		#wMapLoc div.asya span.japonya {left:990px; top:330px;}
		#wMapLoc div.asya span.gkore {left:910px; top:330px;}
		
		#wMapLoc div.asya span.tayland {left:760px; top:512px;}

		#wMapLoc div.afrika {display: none;}
		#wMapLoc div.afrika span.misir {left:770px; top:140px;}
		#wMapLoc div.afrika span.fas {left:510px; top:130px;}
		#wMapLoc div.afrika span.cezayir {left:600px; top:130px;}
		#wMapLoc div.afrika span.tunus {left:645px; top:95px;}
		#wMapLoc div.afrika span.libya {left:700px; top:140px;}
		#wMapLoc div.afrika span.gafrika {left:740px; top:570px;}
		#wMapLoc div.afrika span.etiyopya {left:840px; top:280px;}

		#wMapLoc div.avustralya {display: none;}
		#wMapLoc div.avustralya span.avustralya {left:550px; top:180px;}
		#wMapLoc div.avustralya span.yzellanda {left:890px; top:410px;}



@media only screen and (max-width: 1000px) {

#wMap {width: 600px; height: 400px;}
#wMapIc {width: 600px; height: 300px;}
#wMapKapat {top:240px;}
#wMapKitaSec {top:260px;}
#wMapName {top:155px;}
#wMapNameCo {top:170px;font-size: 22px; line-height: 22px;}
#wMapButton {top:280px;}
#wMapInfo {top:310px; font-size: 9px;}


#wMapLoc span:before {width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}
#wMapLoc span:after {width: 8px;height: 8px;margin-left: -4px;margin-top: -14px;}


			span.b2:before {
				width: 30px !important;
				height: 30px !important;
			margin-left: -15px !important;
			margin-top: -15px !important;
			}
			span.b2:after {
				width: 15px !important;
				height: 15px !important;
			margin-left: -7.5px !important;
			margin-top: -22.5px !important;
			}

			
			span.b1:before {
				width: 40px !important;
				height: 40px !important;
			margin-left: -20px !important;
			margin-top: -20px !important;
			}
			span.b1:after {
				width: 20px !important;
				height: 20px !important;
			margin-left: -10px !important;
			margin-top: -25px !important;
			}

.amerika #wMapIc { margin-left: 100px; margin-top: -25px; width: 800px; height: 400px; }
.avrupa #wMapIc { margin-left: -900px; margin-top: -165px; width: 2500px; height: 1250px;}
.afrika #wMapIc { margin-left: -300px; margin-top: -190px; width: 1250px; height: 625px;}
.asya #wMapIc { margin-left: -600px; margin-top: -75px; width: 1400px; height: 700px;}
.avustralya #wMapIc { margin-left: -1550px; margin-top: -685px; width: 2250px; height: 1125px;}

#wMapLoc div.amerika span.abd {left:285px; top:105px;}
#wMapLoc div.amerika span.kanada {left:285px; top:55px;}
#wMapLoc div.amerika span.sili {left:342px; top:275px;}
#wMapLoc div.amerika span.panama {left:314px; top:182px;}
#wMapLoc div.amerika span.bolivya {left:350px; top:245px;}
#wMapLoc div.amerika span.brezilya {left:380px; top:230px;}
#wMapLoc div.amerika span.tobago {left:357px; top:177px;}

#wMapLoc div.avrupa span.ingiltere {left:320px; top:140px;}
#wMapLoc div.avrupa span.irlanda {left:282px; top:135px;}
#wMapLoc div.avrupa span.finlandiya {left:470px; top:55px;}
#wMapLoc div.avrupa span.isvec {left:410px; top:65px;}
#wMapLoc div.avrupa span.almanya {left:390px; top:145px;}
#wMapLoc div.avrupa span.danimarka {left:382px; top:110px;}
#wMapLoc div.avrupa span.avusturya {left:420px; top:175px;}
#wMapLoc div.avrupa span.isvicre {left:380px; top:182px;}
#wMapLoc div.avrupa span.belcika {left:357px; top:152px;}
#wMapLoc div.avrupa span.hollanda {left:360px; top:140px;}
#wMapLoc div.avrupa span.fransa {left:345px; top:185px;}
#wMapLoc div.avrupa span.italya {left:410px; top:215px;}
#wMapLoc div.avrupa span.ispanya {left:310px; top:235px;}
#wMapLoc div.avrupa span.malta {left:422px; top:267px;}
#wMapLoc div.avrupa span.polonya {left:445px; top:140px;}
#wMapLoc div.avrupa span.romanya {left:485px; top:190px;}
#wMapLoc div.avrupa span.cekcumhuriyeti {left:420px; top:157px;}
#wMapLoc div.avrupa span.macaristan {left:447px; top:180px;}
#wMapLoc div.avrupa span.slovakya {left:447px; top:167px;}
#wMapLoc div.avrupa span.makedonya {left:467px; top:221px;}
#wMapLoc div.avrupa span.kosova {left:461px; top:215px;}
#wMapLoc div.avrupa span.bosnahersek {left:440px; top:202px;}
#wMapLoc div.avrupa span.arnavutluk {left:456px; top:225px;}
#wMapLoc div.avrupa span.yunanistan {left:472px; top:245px;}
#wMapLoc div.avrupa span.slovenya {left:422px; top:187px;}
#wMapLoc div.avrupa span.karadag {left:451px; top:212px;}
#wMapLoc div.avrupa span.sirbistan {left:460px; top:202px;}
#wMapLoc div.avrupa span.bulgaristan {left:487px; top:215px;}
#wMapLoc div.avrupa span.litvanya {left:467px; top:120px;}
#wMapLoc div.avrupa span.ukrayna {left:515px; top:160px;}
#wMapLoc div.avrupa span.belarus {left:490px; top:130px;}
#wMapLoc div.avrupa span.moldova {left:505px; top:180px;}

#wMapLoc div.asya span.rusya {left:350px; top:55px;}
#wMapLoc div.asya span.azerbaycan {left:260px; top:147px;}
#wMapLoc div.asya span.turkmenistan {left:300px; top:150px;}
#wMapLoc div.asya span.ozbekistan {left:315px; top:140px;}
#wMapLoc div.asya span.gurcistan {left:242px; top:140px;}
#wMapLoc div.asya span.kazakistan {left:325px; top:115px;}
#wMapLoc div.asya span.kirgizistan {left:355px; top:142px;}
#wMapLoc div.asya span.sarabistan {left:260px; top:220px;}
#wMapLoc div.asya span.kuveyt {left:267px; top:195px;}
#wMapLoc div.asya span.katar {left:282px; top:212px;}
#wMapLoc div.asya span.bae {left:295px; top:220px;}
#wMapLoc div.asya span.isfil {left:217px; top:187px;}
#wMapLoc div.asya span.lubnan {left:220px; top:175px;}
#wMapLoc div.asya span.urdun {left:225px; top:190px;}
#wMapLoc div.asya span.irak {left:247px; top:180px;}
#wMapLoc div.asya span.suriye {left:230px; top:170px;}
#wMapLoc div.asya span.iran {left:290px; top:180px;}
#wMapLoc div.asya span.hindistan {left:390px; top:225px;}
#wMapLoc div.asya span.japonya {left:590px; top:165px;}
#wMapLoc div.asya span.gkore {left:555px; top:165px;}

#wMapLoc div.afrika span.misir {left:415px; top:60px;}
#wMapLoc div.afrika span.fas {left:280px; top:55px;}
#wMapLoc div.afrika span.cezayir {left:325px; top:60px;}
#wMapLoc div.afrika span.tunus {left:345px; top:35px;}
#wMapLoc div.afrika span.libya {left:375px; top:60px;}
#wMapLoc div.afrika span.gafrika {left:395px; top:280px;}
#wMapLoc div.afrika span.etiyopya {left:450px; top:132px;}

#wMapLoc div.avustralya span.avustralya {left:375px; top:140px;}
#wMapLoc div.avustralya span.yzellanda {left:545px; top:255px;}

}

@media only screen and (max-width: 600px) {

#wMap {width: 100%; height: 500px;}
#wMapIc {width: 100%; height: 300px; background-size: contain; background-position: center top;}
#wMapName, #wMapKitaSec {
	margin: auto;
	top: 50px;
	position: relative;
	color: rgba(256,256,256,.8)
}
#wMapKitaSec {top:170px;}
#wMapButton {top: 200px;}
#wMapButton strong, #wMapButton span, #wMapKitaSec {display: none;}
#wMapButton select {display: block;}
#wMapInfo {top:280px; font-size: 14px; line-height: 24px; text-align: center;}

}