html {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: Arial, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: Arial, sans-serif;
}

a {
	text-decoration: none;
}

.navnav {
	
	height: 80px;
	border-bottom: 1px solid #E5E7EB;
	
}

.center {
	width: 100%;
	text-align: center;
}

.left50 {
	width: 50%;
	float: left;
	
}

.right50 {
	width: 50%;
	float: right;
	
}

.h50 {
	height: 50px;
}

.h100 {
	height: 100px;
}

.w100per {
	width: 100%;
}

.align-center {
		text-align: center;
}

.align-left {
		text-align: left;
}

.align-right {
		text-align: right;
}

.txt-md {
	font-size: 20px;
}

.txt-sm {
	font-size: 16px;
}

.txt-head {
	font-family: Playfair Display,serif;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: -3px;
}

.svg-sm {
	width: 20px;
	height: 20px;
}

.toptop {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.logo {
	height: 30px;
	margin-top: 25px;
}

.divLogo {
	float: left;
	padding-left: 10px;
}
.nav-links {
	list-style: none;
	float: right;
	
	margin-top: 30px;
	
	padding-left: 0px;
}

.nav-links li {
	float: left;
}

.nav-links li a {
	padding-left: 15px;
	padding-right: 15px;
	
	line-height: 20px;
	height: 20px;
	
	text-decoration: none;
	color: #333333;
	
	font-size: 13px;
	
/* 	font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol */
}

.nav-a:hover {
	color: #777777;
	
/* 	font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol */
}




.hamburger {
	display: none;
	font-size: 2em;
/* 	color: white; */
	cursor: pointer;
	
	height: 20px;
	float: right;
	margin-top: 15px;
	
	padding-right: 10px;
}
@media screen and (max-width: 768px) {
	.nav-links {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
/* 		background-color: #333; */

		background-color: #FFFFFF;
		text-align: center;
	}
	.nav-links.active {
		display: flex;
	}
	.nav-links li {
		margin: 10px 0;
	}
	.hamburger {
		display: block;
	}
}







/*
.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #333;
	padding: 15px;
}
*/
/*
.navbar .logo {
	color: white;
	font-size: 1.5em;
	font-weight: bold;
}

.nav-links {
	list-style: none;
	display: flex;
}

.nav-links li {
	margin: 0 15px;
}
.nav-links a {
	color: white;
	text-decoration: none;
	font-size: 1.2em;
}
.hamburger {
	display: none;
	font-size: 2em;
	color: white;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.nav-links {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		background-color: #333;
		text-align: center;
	}
	.nav-links.active {
		display: flex;
	}
	.nav-links li {
		margin: 10px 0;
	}
	.hamburger {
		display: block;
	}
}
*/


.slideBoxContainer {
	position: relative;
	width: 500px;
	height: 300px;
	overflow: hidden;
}

.slideBoxWrap {
	position: absolute;
	width: 1500px;
}

.slideBox {
	float: left;
	width: 500px;
	height: 300px;
}

.slideBox img {
	width: 100%;
	height: auto;
}
 
.buttons {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
}
 
.buttons button {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
}

.nav-buttons {
	text-align: center;
	margin-top: 10px;
}

.nav-buttons button {
	margin: 5px;
	padding: 5px 10px;
}