.globalMenuSp {
	display: none
}

.hamburger {
	display: none
}

@media (max-width:768px) {
	.contact.php-pc {
		display: none
	}

	.hamburger {
		display: block;
		position: fixed;
		z-index: 3;
		right: 20px;
		top: 6px;
		width: 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
		z-index: 9999
	}

	.hamburger span {
		display: block;
		position: absolute;
		width: 30px;
		height: 2px;
		left: 6px;
		background: #333;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out
	}

	.hamburger span:nth-child(1) {
		top: 10px
	}

	.hamburger span:nth-child(2) {
		top: 20px
	}

	.hamburger span:nth-child(3) {
		top: 30px
	}

	.hamburger.active span:nth-child(1) {
		top: 16px;
		left: 6px;
		background: #333;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.hamburger.active span:nth-child(2),.hamburger.active span:nth-child(3) {
		top: 16px;
		background: #333;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	nav.globalMenuSp {
		position: fixed;
		z-index: 999;
		top: 55px;
		border-top: 1px solid #ddd;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.8);
		opacity: 0;
		display: none;
		transition: opacity .6s ease,visibility .6s ease
	}

	nav.globalMenuSp ul {
		margin: 0 auto;
		width: 100%;
		background-color: #fff;
		text-align: center
	}

	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 1em 0;
		transition: .4s all;
		border-bottom: 1px solid #ddd
	}

	nav.globalMenuSp ul li:last-child {
		border-bottom: none
	}

	nav.globalMenuSp ul li:hover {
		background: rgba(26,80,157,.3)
	}

	nav.globalMenuSp ul li a:hover {
		color: #fff
	}

	nav.globalMenuSp ul li a {
		color: #333;
		text-decoration: none
	}

	nav.globalMenuSp.active {
		opacity: 1;
		display: block
	}
}

.language-bar {
	float: right;
	padding: 10px 20px;
	display: inline-flex;
	gap: 15px
}

.language-bar a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #333;
	font-weight: 500;
	transition: opacity .3s
}

.language-bar a:hover {
	opacity: .8
}

.language-bar a img {
	width: 24px;
	height: auto;
	margin-right: 6px
}

@media (min-width:769px) {
	.top {
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: #fff
	}
}

@media (max-width:768px) {
.language-bar{	padding: 18px 80px;}
.language-bar a img {
	width: 24px;
	height: auto;
}
    
	.language-bar a span {
		display: none
	}

	.language-bar a img {
		margin-right: 0
	}
}

.page-hero-top {
	padding-right: 20px;
	padding-left: 20px
}

@media (max-width:710px) {
.logo-img {
		display: none
	}
.site-header a {
	display: inline-flex;}
.header-cta {
	padding-right:10px;
	 /*width:350px; */
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	
}
	}

@media only screen and (max-width:768px) {
	.page-hero-top {
		width: 100vw;
		height: 100vh;
		object-fit: cover;
		background-image: linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15)),url(static/img/solid-mobile.webp)
	}

	.inside-page-hero {
		margin-top: 55px
	}
}

@media (min-width:1200px) {
	.page-hero h1 {
		padding: 0 160px
	}
}