/* @override 
	http://tecsa.3bitlabs.co.uk/site/css/map_v2.css */

.mapcontainer {
	margin: auto;
	width: 1420px;
	overflow: hidden;
	min-height: 667px;
	position: relative;
}

.mapheader {
	width: 100%;
	height: 600px;
	padding-bottom: 30px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
	min-height: 667px;
	padding: 0;
}

.map-header__dots {
	list-style-type: none;
	display: inline;
	padding: 0;
}

.map-image {
	position: absolute;
	top: 0;
}

.locations {
	position: absolute;
	top: 0;
	right: 0;
}

.locations {
	top: 0px;
	bottom: 0;;
	background: #f5f5f5;
	width: 15%;
	font-size: 14px;
}

.locations h1 {
	font-size: 15px;
	line-height: 15px;
	padding: 9px 10px 10px;
}

.locations strong {
	color: #C900CB;
}

.locations li ul {
	padding: 0;
}

.locations li {
	display: block;
}

.locations ul li {
	padding: 10px;
}

.map-header__dot {
	width: 14px;
	height: 14px;
	background-color: #C900CB;
	z-index: 10;
	position: relative;
	transition: all 0.25s ease-in-out 0s;
}

.map-header__dots.project .map-header__dot {
	background-color: #007EDD;
}

.map-header__dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	cursor: pointer
}

.map-header__dot ul li {
	display: block;
}

.where .map-header__dot {
	cursor: default;
}

.where .london {
	left: 38.2%;
	top: 18.3566433566434%;
}

.where .barcelona {
	top: 27.7972027972028%;
	left: 38.5%;
}

.where .stockholm {
	left: 42%;
	top: 13.986013986014%;
}

.where .madrid {
	top: 24.6503496503497%;
	left: 41.0833333333333%;
}

.where .dubai {
	top: 39.5104895104895%;
	left: 53.8333333333333%;
}

.where .sydney {
	top: 84%;
	left: 80%;
}

.where .hong-kong {
	top: 40.7342657342657%;
	left: 70.75%;
}
.where .toronto {
	top: 24%;
	left: 17.5%;
}
.map-header__info-content {
	overflow: hidden;
	padding: 10px 20px 10px 5px;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

/*.where .map-header__dot:hover {
	background-color: #930c95;
/*	transform: scaleY(1);*!/
/*	width: 15px;
	height: 15px;
	transition: all 0.25s ease-in-out 0s;*!/
}*/

.map-header__info-content {
	background: #FFFFFF;
	box-shadow: 3px 4px 4px 3px rgba(138,133,133,0.50);
	background: #fff;
	font-size: 15px;
	color: #000000;
	letter-spacing: 0;
	line-height: 20px;
	width: 150px;
	height: auto;
	border-left: 6px solid #027EDD;
	margin-left: 15px;
	margin-top: 15px;
}

.map-header__info-content {
	transition: all 0.25s ease-in-out 0s;
	display: none;
}

.map-header__info-content.is-active {
	transition: all 0.25s ease-in-out 0s;
	display: block;
}

.mapheader .map-header__info-content ul {
	list-style-type: none;
	margin: 15px 0 0;
	padding: 0;
}

.project .canada {
	left: 12%;
	top: 17.1328671328671%;
}

.project .usa {
	left: 12.125%;
	top: 30.0699300699301%;
}

.project .mexico {
	left: 9.16666666666667%;
	top: 40.3846153846154%;
}

.project .brazil {
	left: 22.9166666666667%;
	top: 65.7342657342657%;
}

.project .portugal {
	left: 36%;
	top: 27.4475524475524%;
}

.project .turkey {
	left: 47.25%;
	top: 27.972027972028%;
}

.project .spain {
	left: 37.5833333333333%;
	top: 27.4475524475524%;
}

.project .austria {
	left: 41.8333333333333%;
	top: 21.5034965034965%;
}

.project .france {
	left: 38.4166666666667%;
	top: 22.5524475524476%;
}

.project .belguim {
	left: 39.3333333333333%;
	top: 19.7552447552448%;
}

.project .latvia {
	left: 44%;
	top: 14.8601398601399%;
}

.project .ukraine {
	left: 46.5%;
	top: 21.1538461538462%;
}

.project .saudi {
	left: 50.5833333333333%;
	top: 40.7342657342657%;
}

.project .poland {
	left: 42.6666666666667%;
	top: 17.6573426573427%;
}

.project .netherlands {
	left: 39.25%;
	top: 17.6573426573427%;
}

.project .germany {
	left: 40.75%;
	top: 18.5314685314685%;
}

.project .italy {
	left: 41.5833333333333%;
	top: 26.048951048951%;
}

.project .australia {
	left: 76.25%;
	top: 76.7482517482517%;
}

.project .taiwan {
	left: 72%;
	top: 39.6853146853147%;
}

.project .china {
	left: 66.75%;
	top: 31.993006993007%;
}

.project .india {
	left: 59.8333333333333%;
	top: 41.958041958042%;
}

.project .malaysia {
	left: 67.5833333333333%;
	top: 53.8461538461538%;
}

.project .singapore {
	left: 67.5833333333333%;
	top: 57.3426573426573%;
}

.project .indonesia {
	left: 71.6666666666667%;
	top: 58.041958041958%;
}

.project .skorea {
	left: 72.6666666666667%;
	top: 30.7692307692308%;
}

.project .japan {
	left: 75.4166666666667%;
	top: 29.1958041958042%;
}

.project .uae {
	top: 39.5104895104895%;
	left: 52.8333333333333%;
}

.project .eng {
	left: 37.5%;
	top: 16.7566433566434%;
}

.project .swz {
	left: 39.8333333333333%;
	top: 22.327972027972%;
}

.project .hong-kong {
	top: 40.7342657342657%;
	left: 70%;
}

.project .hide {
	display: none;
}

@media only screen and (max-width: 1200px) {
	.mapcontainer {
		width: 1200px;
		height: 572px;
	}
		
	/*	.mapheader {
			height: 686px;
		}*/
		
	/*	.map-image img {
			width: 1410px;
			height: 686px;
		}*/
}



/*@media only screen and (max-width: 992px) {
	.mapcontainer {
		width: 1200px;
		height: 572px;
		
	}
	
	.map-image {
		position: relative;
	}
	
}*/

@media only screen and (max-width: 1199px) {
	.map-image {
		position: revert;
	}
	
	.project .map-header__dot {
		display: none;
	}
	
	.mapcontainer {
		width: 100%;
		height: auto;
	}
	
	.map-header__dots.where {
		display: none;
	}
	
	.mapheader {
		height: auto;
	}
	
	.locations {
		position: revert;
		width: 100%;
		padding: 10px 32px 32px;
	}
	
	.locations ul li {
		display: inline-block;
		vertical-align: text-top;
		width: 24%;
	}
}
@media only screen and (max-width: 576px) {
	.map-image {
		position: revert;
	}
	
	.locations ul li {
		width: 45%;
	}
}