body {
	width:100%;
	height:100vh;
	font-family:'Montserrat', Helvetica, sans-serif;
	background:#000;
	overflow:hidden;
	margin:0;
}

h2 {
	margin:0 0 0.5em 0;
	font-family: 'Montserrat', serif;
	font-weight:600;
	font-size:1.8em;
}

p {
	margin:0;
	padding:0;
	line-height: 1.4em;
	font-size:0.9em;
}

header {
	position:fixed;
	top:0;
	left:0;
	height:80px;
	z-index:10;
	width:100%;
	background:#00395C;
}

.logohead {
	display:block;
	padding:0 10px;
}



#menu ul {
		margin:0;
		padding:0;
		list-style-type:none;
		font-weight:600;
		text-transform:uppercase;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
		position:relative;
	}
	
#menu .logo {position:absolute; left:4em;top:10px;}

#menu ul li.px {
	color:#fff;
	//*font-family: 'Caveat', cursive;*//
	text-transform:none;
	font-size:2em;
}

#menu ul a {
	color:#fff;
	text-decoration:none;
	font-family: 'Montserrat', serif;

}

.swiper-slide {
	position:relative;
}

.swiper-slide img {
	display:block;
	width:100%;
	height:100vh;
	object-fit:cover;
}

.slider-hp .swiper-button-next, 
.slider-hp .swiper-button-prev {
	color:#fff;
	background-color:#283583;
	padding:10px 10px;
}



.swiper-text {
	position:absolute;
	width:37em;
	bottom:4em;
	left:3em;
	background: rgb(0,0,0,0.2);
	padding:2em;
	color:#fff;
	backdrop-filter:blur(10px);
	box-sizing:border-box;
	transition: ease-in-out 0.5s;
}

.swiper-text.swiper-text-on {
	background:#7BBF43;
	color:#fff;
}



.swiper-text p {
	margin:0 0 1.2em 0;
}

.swiper-text button {
    font-size: 1.1em;
    padding: 10px 30px;
    background: #fff;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: 0.5s;
}

.swiper-text button a {
	text-decoration:none;
	color: #111;
}

.btn {
	color:#fff;
	border:0;
}

.btn:hover {
	background:#00395C;
	color:#fff;
	transition:0.5s;
}

.btn a:hover {
	color:#fff;
}


@media (max-width:768px) {
	
	h2 {font-size:1.5em;}
	.swiper-text {
		bottom:7em;
		left:0.5em;
		padding:1em;
		width:calc(100% - 2em);
	}
	
	
	
	#menu {
		display:none;
		position:absolute;
		top:80px;
		left:0;
		width:100%;
		background:#00395C;
	}
	
	.px span {
		display:none;
	}
	
	#menu ul li {
		display:block;
		padding:5px 20px;
	}
	
	#menu ul li a {
		display:block;
		padding:10px 20px;
	}
	
	#menu ul li:nth-child(even) {
		background:rgba(0,0,0,0.2);
	}
	
	#menu ul li a:focus {
		color:#7BBF43;
		background:rgba(0,0,0,0.2);
	}
	
	.show-menu {
		position:absolute;
		top:0;
		right:0;
		width:80px;
		height:80px;
		background:#7BBF43;
		text-align:center;
		line-height:80px;
	}
	
	.show-menu i {
		font-size:20px;
		color:#fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	.overlay {
		display:none;
		position:fixed;
		z-index:9;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background:rgba(0,0,0,0.7);
	}
	.logo {
		display:none;
	}
}

@media (min-width:667px) {
	.swiper-text {
		left: 4.5em;
		width:calc(100% - 20em);
	}
	
}

@media (width:812px) {
	.swiper-text {
		bottom:1em;
	}
	#menu ul li.px {
		display:none;
	}
}

@media (min-width:769px) {
	.show-menu {
		display:none;
	}
	#menu ul {
		text-align:right;
	}
	#menu ul li {
		display:inline-block;
		line-height:80px;
	}
	.px {
		display:block;
		padding:0 70px 0 0;
	}
	#menu ul li a {
		display:block; 
		padding:0 20px;
		transition:0.3s;
	}
	#menu ul li a:hover {
		background:#7BBF43;
	}
	
	.logohead {
	display:none;
}
	
}