@media screen and (min-width: 1201px) and (max-width: 10000px) {
.lang__global {
	display:none;
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.8);
	z-index:100;
	font-family: 'Roboto Condensed', sans-serif;
}	
.lang__global__inside {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.lang__global__box {
	float:left;
	width:53vw;
	position:relative;
	padding:5vw 0px 5vw 0px;
	background: #fff;
	background-size:cover;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.lang__global__close {
	float:right;
	width:1.5vw;
	position: absolute;
	top:2vw;
	right:2vw;
	cursor:pointer;
}
.lang__global__name {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 1vw 0px;
	padding:0px 0px 0px 0px;
	color: #000;
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 2.5vw;
    text-align: center;
}
.lang__global__subname {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 2vw 0px;
	padding:0px 0px 0px 0px;
	color: #51baea;
    font-size: 1.6vw;
    font-weight: 300;
    line-height: 1.6vw;
    text-align: center;
    text-decoration: none;
}
	.lang__global__subname:hover {
		text-decoration: underline;
	}

.lang__global__select {
	float:left;
	width:90%;
	position:relative;
	margin:2vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.lang__global__href {
	float:left;
	width:20%;
	position:relative;
	color: #000000;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 1.2vw;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.lang__global__img {
		float: left;
		width:4vw;
		position:relative;
		margin:0px 0px 1.5vw 0px;
		padding:0px 0px 0px 0px;
	}
	
	.lang__global__href:hover {
		color: #00447d;
	}
	.lang__global__href:hover .lang__global__img {
		opacity:0.8;
	}

}

@media screen and (min-width: 651px) and (max-width: 1201px) {
.lang__global {
	display:none;
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.8);
	z-index:100;
}	
	
.lang__global__inside {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.lang__global__box {
	float:left;
	width:90%;
	position:relative;
	padding:10vw 0px 10vw 0px;
	background: #fff;
	background-size:cover;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.lang__global__close {
	float:right;
	width:3vw;
	position: absolute;
	top:3vw;
	right:3vw;
	cursor:pointer;
}
.lang__global__name {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 1vw 0px;
	padding:0px 0px 0px 0px;
	color: #000;
  
    font-size: 4vw;
    font-weight: 300;
    line-height: 4vw;
    text-align: center;
}
.lang__global__subname {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 4vw 0px;
	padding:0px 0px 0px 0px;
	color: #51baea;
    font-size: 3vw;
    font-weight: 300;
    line-height: 3vw;
    text-align: center;
    text-decoration: none;
}
	.lang__global__subname:hover {
		text-decoration: underline;
	}

.lang__global__select {
	float:left;
	width:90%;
	position:relative;
	margin:2vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.lang__global__href {
	float:left;
	width:20%;
	position:relative;
	color: #000000;
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 2.5vw;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.lang__global__img {
		float: left;
		width:6vw;
		position:relative;
		margin:0px 0px 3vw 0px;
		padding:0px 0px 0px 0px;
	}
	
	.lang__global__href:hover {
		color: #00447d;
	}
	.lang__global__href:hover .lang__global__img {
		opacity:0.8;
	}
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.lang__global {
	display:none;
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.8);
	z-index:100;
}	
	
.lang__global__inside {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.lang__global__box {
	float:left;
	width:96%;
	position:relative;
	padding:10vw 0px 10vw 0px;
	background: #fff;
	background-size:cover;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.lang__global__close {
	float:right;
	width:6vw;
	position: absolute;
	top:4vw;
	right:4vw;
	cursor:pointer;
}
.lang__global__name {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 2vw 0px;
	padding:0px 0px 0px 0px;
	color: #000;
    font-size: 7vw;
    font-weight: 300;
    line-height: 8vw;
    text-align: center;
}
	.lang__global__name span {
		float: left;
		width:100%;
		text-align:center;
	}
.lang__global__subname {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 6vw 0px;
	padding:0px 0px 0px 0px;
	color: #51baea;
    font-size: 6vw;
    font-weight: 300;
    line-height: 6vw;
    text-align: center;
    text-decoration: none;
}
	.lang__global__subname:hover {
		text-decoration: underline;
	}

.lang__global__select {
	float:left;
	width:100%;
	position:relative;
	margin:4vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.lang__global__href {
	float:left;
	width:20%;
	position:relative;
	color: #000000;
    font-size: 3.5vw;
    font-weight: 300;
    line-height: 3.5vw;
	text-decoration:none;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.lang__global__img {
		float: left;
		width:10vw;
		position:relative;
		margin:0px 0px 4vw 0px;
		padding:0px 0px 0px 0px;
	}
	
	.lang__global__href:hover {
		color: #00447d;
	}
	.lang__global__href:hover .lang__global__img {
		opacity:0.8;
	}
}