.world {
    border:none;
    background:#303C46;
}
.location-map {
	position:relative;
}

.location-container {
	position:absolute;
	top:50%;
	left:50%;
}
.location-map .map {
	background:url(../image/map.svg) no-repeat center center;
	background-size:cover;
	opacity:0.5;
	height:580px;
	width:1140px;
}

.location-cz {top:220px;left:553px;}
.location-cz .location-name {bottom:70px;right:-20px;}
.location-cz .location-name:after {bottom:-31px;right:1px;width:55px;-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.location-ro {top:225px;left:605px;}
.location-ro .location-name {bottom:50px;left:30px;}
.location-ro .location-name:after {bottom:-21px;left:-34px;width:45px;-webkit-transform:rotate(-52deg);transform:rotate(-52deg);}

.location-bg {top:238px;left:610px;}
.location-bg .location-name {bottom:20px;left:40px;}
.location-bg .location-name:after {bottom:-7px;left:-37px;width:40px;-webkit-transform:rotate(-12deg);transform:rotate(-12deg);}

.location-gb {top:190px;left:520px;}
.location-gb .location-name {bottom:35px;right:70px;}
.location-gb .location-name:after {bottom:-14px;right:-60px;width:65px;-webkit-transform:rotate(21deg);transform:rotate(21deg);}

.location-pu {top:245px;left:502px;}
.location-pu .location-name {bottom:30px;right:35px;}
.location-pu .location-name:after {bottom:-11px;right:-26px;width:30px;-webkit-transform:rotate(35deg);transform:rotate(35deg);}

.location-tr {top:248px;left:625px;}
.location-tr .location-name {top:10px;left:30px;}
.location-tr .location-name:after {top:-2px;left:-25px;width:27px;-webkit-transform:rotate(20deg);transform:rotate(20deg);}

.location-kr {top:258px;right:202px;}
.location-kr .location-name {bottom:30px;right:35px;}
.location-kr .location-name:after {bottom:-12px;right:-27px;width:30px;-webkit-transform:rotate(35deg);transform:rotate(35deg);}

.location-jp {top:252px;right:162px;}
.location-jp .location-name {bottom:30px;left:50px;}
.location-jp .location-name:after {bottom:-12px;left:-48px;width:50px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}

.location-dm {bottom:235px;left:335px;}
.location-dm .location-name {bottom:30px;left:20px;}
.location-dm .location-name:after {bottom:-11px;left:-19px;width:25px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.location-nz {bottom:50px;right:65px;}
.location-nz .location-name {bottom:30px;right:50px;}
.location-nz .location-name:after {bottom:-11px;right:-38px;width:40px;-webkit-transform:rotate(23deg);transform:rotate(23deg);}

.location-au {bottom:120px;right:180px;}
.location-au .location-name {bottom:20px;right:80px;}
.location-au .location-name:after {bottom:-6px;right:-68px;width:68px;-webkit-transform:rotate(8deg);transform:rotate(8deg);}

.location-mx {bottom:255px;left:215px;}
.location-mx .location-name {top:20px;right:50px;}
.location-mx .location-name:after {top:-8px;right:-40px;width:42px;-webkit-transform:rotate(-24deg);transform:rotate(-24deg);}

.location-us {top:245px;left:200px;}
.location-us .location-name {bottom:30px;right:35px;}
.location-us .location-name:after {bottom:-12px;right:-27px;width:30px;-webkit-transform:rotate(35deg);transform:rotate(35deg);}

.location-ca {top:180px;left:200px;}
.location-ca .location-name {bottom:40px;left:40px;}
.location-ca .location-name:after {bottom:-17px;left:-40px;width:45px;-webkit-transform:rotate(-35deg);transform:rotate(-35deg);}

@media (max-width:767px) {
	.world { padding:0}
	.location-map {
		padding:0 25px;
	}
	
	.location-map .location-container {
		position:inherit;
		top:auto;
		left:auto;
		max-width:380px;
		margin:0 auto;
		padding:25px 0;
	}
	.location-container:after,
	.location-container:before {
		display:block;
		content:"";
		clear:both;
	}
	.location-map .map {
		display:none;
	}
	.location-map .location {
		position:inherit;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
		float:left;
		height:auto;
		width:50%;
		margin-bottom:5px;
		padding-left:30px;
	}
	.location-map .location:after,
	.location-map .location:before {
		display:block;
		content:"";
		clear:both;
	}
	.location .location-pin {
		position:absolute;
		left:15px;
		top:14px;
	}
	.location .location-name {
		position:inherit;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		display:inline-block;
		background:transparent;
		color:#616366;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
	}
	.location .location-name a{
		position:inherit;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		display:inline-block;
		background:transparent;
		color:#fff;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
	}
	.location .location-name:after {
		display:none;
	}

}
@media (min-width:768px) {
	.world { padding:3rem 0 !important}
	.location-map {
		height:520px;
	}
	.location-map .location-container {
		height:580px;
		width:1140px;
		margin:-290px 0 0 -570px;
	}
	.location-map .actions {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
	}
}
@media (min-width:767px) and (max-width:991px) {
	.location-map {
		height:424px;
	}
	.location-map .location-container {
		-webkit-transform:scale(0.68);
		-moz-transform:scale(0.68);
		-ms-transform:scale(0.68);
		-o-transform:scale(0.68);
		transform:scale(0.68);
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.location-map {
		height:450px;
	}
	.location-map .location-container {
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-ms-transform:scale(0.9);
		-o-transform:scale(0.9);
		transform:scale(0.9);
	}
}

/* 3.8.3 Map:Pin */

.location-pin,
.location-pin:after {
	background-color:#1876fc;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.location-pin {
	position:relative;
	z-index:999;
	display:block;
	height:6px;
	width:6px;
}

.location-pin:after {
	position:absolute;
	display:block;
	content:"";
	height:18px;
	width:18px;
	margin:-6px 0 0 -6px;
	-webkit-animation:pulsate 2s linear;
	animation:pulsate 2s linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}


@-webkit-keyframes pulsate{
  0% {
      -webkit-transform:scale(0);
      opacity:.05;
  }
  20% {
      -webkit-transform:scale(0.7);
      opacity:.1;
  }
  40% {
      -webkit-transform:scale(0.9);
      opacity:.2;
  }
  60% {
      -webkit-transform:scale(1.1);
      opacity:.3;
  }
  100% {
      -webkit-transform:scale(1.4);
      opacity:0;
  }
}
@keyframes pulsate{
  0% {
      transform:scale(0);
      opacity:.05;
  }
  20% {
      transform:scale(0.7);
      opacity:.1;
  }
  40% {
      transform:scale(0.9);
      opacity:.2;
  }
  60% {
      transform:scale(1.1);
      opacity:.3;
  }
  100% {
      transform:scale(1.4);
      opacity:0;
  }
}

/* 3.8.3 Map:Locations */

.location {
	position:absolute;
	z-index:998;
	height:12px;
	width:12px;
}
.location-name {
	position:absolute;
	z-index:999;
	display:block;
	height:28px;
}
.location-name a {
	display:block;
	font-size:18px;
	padding:2px 10px 2px;
	background:linear-gradient(0deg, #1876fc 0%, #0033ff 100%);
	color:#fff;
	white-space:nowrap;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 5px 20px -5px rgba(11,27,38, 0.2);
	box-shadow:0 5px 20px -5px rgba(11,27,38, 0.2);
}
.location-name a:hover{ color:#0033ff; background:#ffffff}
.location-name:after {
	position:absolute;
	z-index:-1;
	display:block;
	content:"";
	height:1px;
	background-color:#545a5e;
}