@keyframes to-top-delay {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.global-nav {
	margin: 0 auto;
	padding: 25px 160px 25px 160px;
	width: 100%;
	max-width: 3000px;
	display: flex;
	justify-content: space-between;
}

.global-nav__logo {
	width: 350px;
}

.global-nav__logo img {
	width: 350px;
}

.global-nav__links {
	width: 615px;
}

.global-nav__green-links {
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-end;
}

.global-nav__green-links a {
	padding: 5px 10px;
	background: #018935;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}

.global-nav__green-links a:hover {
	background: #006f2b;
}

.global-nav__green-links a:nth-child(2) {
	margin-left: 10px;
}

.global-nav__black-links {
	display: flex;
	justify-content: space-between;
}

.global-nav__black-links a {
	color: #2b2d42;
}

.global-nav__black-links a:hover {
	color: #1277a6;
}


/* menu button start */

.menu-btn {
	position: relative;
	display: none;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	cursor: pointer;
	transition: all .5s ease-in-out;
}

.menu-btn__burger {
	margin-top: -15px;
	width: 50px;
	height: 6px;
	background: #1277a6;
	border-radius: 5px;
	transition: all .5s ease-in-out;
}

.menu-btn__burger::before,
.menu-btn__burger::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 6px;
	background: #1277a6;
	border-radius: 5px;
	transition: all .5s ease-in-out;
}

.menu-btn__burger::before {
	transform: translateY(-16px);
}

.menu-btn__burger::after {
	transform: translateY(16px);
}


/* menu button animation */

.menu-btn.burgerOpen .menu-btn__burger {
	transform: translateX(-50px);
	background: transparent;
	box-shadow: none;
}

.menu-btn.burgerOpen .menu-btn__burger::before {
	transform: rotate(45deg) translate(35px, -35px);
}

.menu-btn.burgerOpen .menu-btn__burger::after {
	transform: rotate(-45deg) translate(35px, 35px);
}


/* menu button end */


/* dropdown start */

.global-nav__dropdown {
	padding: 30px 0px 0px 30px;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 113px;
	left: 0px;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	z-index: 5;
	background: #fff;
	opacity: 0;
	transition: all .25s ease-in-out;
}

.global-nav__dropdown a {
	margin-bottom: 15px;
	color: #1277a6;
	font-size: 24px;
}

.global-nav__dropdown a:hover {
	color: #0d5374;
}

.global-nav__dropdown hr {
	margin: 0px 0px 15px 0px;
	width: 277px;
	border: none;
	height: 2px;
	border-radius: 4px;
	background: #818285;
}


/* dropdown end */


/* return to top */

.nav-to-top {
	padding: 11px 15px;
	display: none;
	border-radius: 50%;
	background: #018935;
	border: 2px solid #fff;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 6;
	cursor: pointer;
	opacity: 0;
	animation-name: to-top-delay;
	animation-delay: 4s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.nav-to-top i {
	font-size: 30px;
	color: #fff;
}


/* media queries */

@media (max-width: 1615px) {
	.global-nav {
		padding: 25px 75px 25px 75px;
	}
}

@media (max-width: 1400px) {
	.global-nav__logo {
		width: 277px;
		height: 63px;
	}

	.global-nav__logo img {
		width: 277px;
	}

	.global-nav__black-links a {
		font-size: 18px;
	}

	.global-nav__links {
		width: 575px;
	}
}

@media (max-width: 1230px) {
	.global-nav {
		padding: 25px 50px 25px 50px;
	}
}

@media (max-width: 1115px) {
	.global-nav {
		padding: 25px 30px 25px 30px;
	}
}

@media (max-width: 1045px) {
	.global-nav__black-links a {
		font-size: 16px;
	}

	.global-nav__links {
		width: 515px;
	}
}

@media (max-width: 955px) {
	.global-nav__links {
		display: none;
	}

	.menu-btn {
		display: flex;
	}
}

@media (max-width: 600px) {
	.global-nav {
		padding: 20px 30px 0px 30px;
	}

	.global-nav__logo {
		width: 200px;
		height: 46px;
	}

	.global-nav__logo img {
		width: 200px;
	}

	.menu-btn__burger::before {
		transform: translateY(-12px);
	}

	.menu-btn__burger::after {
		transform: translateY(12px);
	}

	.menu-btn__burger {
		margin-top: -25px;
		width: 40px;
	}

	.menu-btn__burger::before,
	.menu-btn__burger::after {
		width: 40px;
	}

	.global-nav__dropdown {
		top: 80px;
	}

	.global-nav__dropdown a {
		margin-bottom: 15px;
		font-size: 20px;
	}

	.global-nav__dropdown hr {
		width: 200px;
	}

	.nav-to-top {
		display: block;
	}
}

@media (max-width: 492px) {
	.global-nav {
		padding: 20px 15px 0px 15px;
	}

	.global-nav__dropdown {
		padding: 30px 0px 0px 15px;
	}
}

@media (max-width: 400px) {
	.global-nav__logo {
		width: 175px;
		height: 40px;
	}

	.global-nav__logo img {
		width: 175px;
	}

	.menu-btn {
		justify-content: flex-end;
	}

	.menu-btn__burger {
		margin-top: -25px;
		width: 35px;
	}

	.menu-btn__burger::before,
	.menu-btn__burger::after {
		width: 35px;
	}

	.global-nav__dropdown hr {
		width: 175px;
	}

	.global-nav__dropdown a {
		font-size: 18px;
	}
}

@media (max-height: 500px) {
	.nav-to-top {
		display: block;
	}

	.global-nav__dropdown {
		padding: 0px 0px 0px 30px;
	}

	.global-nav__dropdown a {
		margin-bottom: 0px;
		font-size: 16px;
	}

	.global-nav__dropdown hr {
		margin: 10px 0px 10px 0px;
	}
}