/* Main Navigation */
.main-nav {
	background: #ffffff;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.main-nav .navbar {
	padding: 0;
}

/* Navbar Brand */
.navbar-light .navbar-brand {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
}

.navbar-light .navbar-brand img {
	max-width: 100px;
}

/* Navbar Menu */
.main-nav nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.main-nav nav .navbar-nav .nav-item {
	position: relative;
	margin: 0 15px;
}

.main-nav nav .navbar-nav .nav-item.has-megamenu {
	position: unset;
}

.main-nav nav .navbar-nav .nav-item a {
	font-weight: 600;
	text-transform: uppercase;
	color: #292323;
	padding: 20px 0;
	transition: color 0.3s ease-in-out;
}

/* Active & Hover State */
.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a:focus,
.main-nav nav .navbar-nav .nav-item a.active {
	color: var(--tts-buttton-bg);
}

@media (min-width: 992px) {

	/* Dropdown Menu */
	.main-nav nav .navbar-nav .nav-item .dropdown-menu {
		position: absolute;
		top: 130%;
		left: 0px;
		opacity: 0;
		width: 250px;
		visibility: hidden;
		z-index: 99;
		display: block;
		padding: 0;
		background-color: #ffffff;
		border: none;
		border-radius: 0;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
		position: relative;
		margin: 0;
		border-bottom: 1px dashed rgba(238, 120, 108, 0.3);
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
		border-bottom: none;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
		display: block;
		text-transform: capitalize;
		color: #292323 !important;
		font-weight: 400;
		padding: 10px 20px;
		font-size: 14px;
		transition: 0.3s ease-in-out;
	}

	/* Show Dropdown on Hover */
	.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
		top: 92%;
	}

	/* Dropdown Hover State */
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus,
	.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
		color: var(--tts-buttton-bg) !important;
		border-radius: 0;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu.megamenu {
		width: 100%;
	}

	.main-nav nav .navbar-nav .nav-item .dropdown-menu.megamenu li a {
		padding: 0;
	}


	.megamenu-list {
		display: flex;
	}

	.navbar-nav .dropdown-menu .padding {
		padding: 20px;
	}

	.navbar-nav .dropdown-menu .Holidays-theme {
		background: #cecece;
		min-width: 20%;
	}

	.Holidays-destinations {
		flex: 1;
	}

	.navbar-nav .dropdown-menu .padding ul li {
		padding: 5px 0;
	}

	.navbar-nav .dropdown-menu .padding ul li a {
		color: var(--nav-dropdown-color);
		padding: 5px 0;
	}


	.navbar-nav .dropdown-menu .padding ul li a:hover {
		color: var(--tts-buttton-bg);
	}
}

/* Login Button */
.loginbtn {
	display: inline-block;
	padding: 27px 25px;
	color: var(--tts-buttton-txt);
	text-align: center;
	background-color: var(--tts-buttton-bg);
	position: relative;
	z-index: 1;
	transition: background 0.3s ease-in-out, transform 0.2s ease;
	text-transform: uppercase;
	font-weight: 600;
}


.loginbtn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0%;
	width: 0;
	height: 50%;
	background-color: var(--tts-buttton-bg1);
	z-index: -1;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	opacity: 0;
}

.loginbtn::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0%;
	width: 0;
	height: 50%;
	background-color: var(--tts-buttton-bg1);
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}

.loginbtn:hover::before {
	width: 100%;
	color: var(--tts-buttton-txt1) !important;
	opacity: 1;
}

.loginbtn:hover::after {
	width: 100%;
	opacity: 1;
	color: var(--tts-buttton-txt1) !important;
}

.loginbtn:hover {
	color: #ffffff !important;
}