@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

html{
	scroll-behavior: smooth;
}

#contentWrapper{
	margin-top: 125px;
}

.headerNav{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	transition: .3s;
}

.headerNav .navbar-light .navbar-nav .nav-link{
	color: #000;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	transition: .4s;
}

.navbar .nav-item .dropdown-menu{ 
	display: none; 
	top: 90%;
}

.navbar .nav-item:hover .dropdown-menu{ 
	display: block; 
}

.headerNav .dropdown-item:hover{
	color: #fff;
	background: linear-gradient(to right, rgba(5, 89, 56 , 0.6), rgba(48, 144, 80, 0.6));
}

.nav-mobileLangSelect .nav-link {
	color: #000;
}

.headerNav .navbar{
	border-bottom: 7px solid #00321f;
}

.headerNav .navbar-light .navbar-nav .nav-link:hover{
	transform: translateY(-5px);
	color: #32CD32 !important;
}

.headerNav .navbar-light .navbar-nav .nav-link.langCurHover:hover{
	transform: none;
	color: #000;
}

.headerNav .navbar-light .navbar-toggler:focus{
	outline: none;
}

.relative{
	position: relative;
	background-color: #efefef;
	font-family: 'Varela Round', sans-serif;

}

.headerActive{
	border-bottom: 3px solid #72ff33;
	width: 1.3rem;
	margin-left: 40%;
}

.headerNav .nav-link{
	padding: 0.5rem 1rem 0rem 1rem;
}

.headerNav .navbar-collapse{
	justify-content: flex-end;
}

/*.activated{
	background: linear-gradient(to bottom, #055938 , #309050);
	}*/

	.activated{
		background: #fff;
	}

	.activated .nav-mobileLangSelect .nav-link{
		color: #000;
	}

	.activated .headerNav .navbar-light .navbar-nav .nav-link{
		color: #000;
	}

	.navbar-brand {
		transform: translateX(-50%);
		left: 50%;
		top: -7;
		position: absolute;
	}

	.headerNav .navbar-collapse{
		justify-content: center;
	}

	.navImg img{
		width: auto;
		height: 90px;
		margin: 0 10px;
	}

	.headerNav .navbar-brand{
		display: none;
	}

	.headerNav .navbar-nav{
		align-items: center;
		margin-top: 15px;
	}

	.headerRelative{
		position: relative;
	}

	.headerRelative .bg-dark{
		background-color: #343a40 !important;
	}

	.banner{
		position: relative;
	}

	.banner img{
		width: 100%;
	}

	.headerNav .navbar-light .navbar-nav .nav-link:focus{
		color: #000;
	}

	.modalSelectHolder{
		display: flex;
		margin-bottom: 20px;
	}

	.modalSelectHolder .modalSelectTitle h5{
		margin-bottom: 0px;
	}

	.modalSelectHolder .modalSelectTitle{
		margin-right: 5px;
	}

	.modalSelectHolder select{
		width: 100%;
		border-radius: 8px;
		padding: 3px 5px;
	}

	.modalSelectHolder select option{
		background-color: #fff;
		color: #000;
	}

	.modalSelectHolder select:focus{
		outline: none;
	}

	.modalSelectHolder:last-child{
		margin-bottom: 0;
	}

	#scrollBtn {
		display: none;
		position: fixed;
		bottom: 60px;
		right: 5px;
		z-index: 99;
		font-size: 18px;
		border: none;
		outline: none;
		background-color: #00321f;
		color: #288059;
		cursor: pointer;
		padding: 10px 15px;
		border-radius: 7px;
	}

	.searchBar{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 30%;
	}

	.searchBar input{
		background-color: rgba(255,255,255,0.8);
		color: #000;
		border-radius: 10px;
		padding: 10px;
		padding-right: 30px;
		border: none;
		width: 100%;
	}

	.searchBar i{
		position: absolute;
		top: 15px;
		right: 10px;
	}

	.searchBar input::placeholder{
		color: #000;
	}

	.searchBar.bannerSearch{
		top: 60%;
	}

	.mobileSearchBar{
		display: none;
		position: relative;
	}

	.mobileSearchBar input{
		background-color: #535353;
		color: #fff;
		border: none;
		padding: 5px;
		padding-right: 30px;
	}

	.mobileSearchBar i{
		position: absolute;
		top: 10px;
		right: 10px;
		color: #fff;
	}

	.mobileSearchBar input::placeholder{
		color: #fff;
	}

	.languageCurrencyModal .modal-content{
		padding: 10px;
		border-radius: 20px;
	}

	.languageCurrencyModal .modal-header{
		border: none;
	}

	.languageCurrencyModal .modal-footer{
		border: none;
	}

	.languageCurrencyModal .btn-secondary{
		padding: 5px 50px;
	}

	.languageCurrencyModal .close{
		opacity: 1;
		color: #000;
	}

	.languageCurrencyModal button.close:focus{
		outline: none;
	}

	.modalWrapper{
		border-radius: 10px;
		background-color: #e2e2e2;
	}

	.modalSelectHolder img{
		height: 40px;
		margin-right: 5px;
	}

	.nav-link img{
		height: 30px;
	}

	.nav-mobileLangSelect{
		display: none;
	}

	label.wrap {  
		position: relative;
		display: block;
		width: 100%;
		margin-bottom: 0;
		align-self: center;
	}

	select.dropdown{              
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
	}
	label.wrap:after {
		content:"\f13a";
		font-family: 'Font Awesome 5 Free';
		color: #000;
		position: absolute; 
		right: 12px; 
		top: 4px;
		z-index: 1; 
		pointer-events: none;   
		font-weight: 900; 
	}

	.widget{
		position: fixed;
		bottom: 20px;
		left: 10px;
		z-index: 5;
		background-color: #e2e2e2;
		color: #fff;
		padding: 10px 30px;
		border-radius: 30px;
	}

	.widget .whatsapptext{
		font-size: 16px;
		width: 100%;
		align-self: center;
		margin-left: 5px; 
		padding-top: 3px;
	}

	.widget a{
		color: #000;
		display: flex;
	}

	.widget a:hover{
		color: #000;
		text-decoration: none;
	}

	.widget i{
		color: green;
	}

	.widget .fa-3x{
		font-size: 30px;
	}

	.noScroll{
		overflow: hidden;
	}

	@media only screen and (max-width: 1024px){
		.headerNav .navbar-light .navbar-nav .nav-link {
			font-size: 12px;
		}

		.navImg img{
			height: 50px;
		}

		.nav-mobileLangSelect{
			display: none;
		}

		.nav-mobileLangSelect .nav-link{
			padding: 0;
		}

		.nav-mobileLangSelect a{
			color: #fff;
		}

		.nav-mobileLangSelect a:hover{
			color: #fff;
		}

		.langSelect{
			display: block;
		}

		.nav-mobileLangSelect a:hover{
			color: #000;
		}

		#contentWrapper {
			margin-top: 80px;
		}

		.headerNav .collapsing{
			transition: unset;
		}

		.headerNav .navbar-light .navbar-nav .nav-link {
			padding-right: 20px;
			padding-left: 20px;
		}
	}

	@media only screen and (max-width: 991px){
		.headerNav .bg-dark {
			background-color: #000 !important;
		}
		.headerNav .navbar-light .navbar-toggler-icon
		{
			background-image: unset;
		}

		.headerNav .navbar-light .navbar-toggler-icon:before
		{
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			content: '\f03a';
			color: #309050;
			font-size: 33px;
		}

		.headerNav .navbar-light .navbar-toggler {
			color: #fff;
			border-color: transparent;
		} 

		.headerNav .navbar-light .navbar-nav .nav-link{
			text-align: center;
		}

		.headerNav .headerActive{
			display: none;
		}

		.headerNav .navbar-light .navbar-nav .mobileHeaderActive a{
			color: #72FF33 !important;
		}

		.headerNav .navbar-brand{
			display: block;
		}

		.headerNav .navbar-brand img{
			width: auto;
			height: 60px;
		}

		.headerNav .navbar-brand{
			top: -7px;
		}

		.navImg{
			display: none;
		}

		.headerNav .navbar-light .navbar-nav .nav-link:hover{
			transform: none;
		}

		.headerNav .navbar-light .navbar-nav .nav-link {
			color: #000 !important;
		}

		.activated .nav-mobileLangSelect .nav-link{
			color: #000 !important;
		}

		.widget{
			display: none;
		}

		.nav-mobileLangSelect{
			display: block;
		}
		.nav-mobileLangSelect{
			position: absolute;
			top: 50%;
			right: 20px;
			transform: translate(0, -20%);
		}
		.langSelect{
			display: none;
		}

		.nav-mobileLangSelect{
			position: absolute;
			top: 20px;
			right: 10px;
		}

		#contentWrapper{
			margin-top: 65px;
		}

		.headerNav .navbar-collapse{
			height: 90vh;
			overflow-y: auto;
		}
	}

	@media only screen and (max-width: 768px){
		.mobileSearchBar{
			display: block;
			width: 100%;
		}

		.mobileSearchBar input{
			width: 100%;
			border-radius: 5px;
		}

		.searchBar{
			display: none;
		}

		.searchBar.bannerSearch{
			display: none;
		}

		.headerNav .nav-item{
			width: 100%;
		}

		.headerNav .navbar-light .navbar-nav .nav-link {
			font-size: 16px;
		}

		.headerNav .navbar-collapse{
			margin-top: 15px;
		}

		.headerNav .navbar-brand{
			top: -7px;
		}

		.nav-mobileLangSelect{
			position: absolute;
			top: 20px;
			right: 10px;
		}

		.headerNav .navbar-light .navbar-nav .nav-link {
			color: #fff;
		}
	}

	@media only screen and (max-width: 768px){
		#contentWrapper {
			margin-top: 60px;
		}
	}

	@media only screen and (max-width: 576px){
		#carouselExampleIndicators .carousel-control-prev{
			top: 50px;
		}

		#carouselExampleIndicators .carousel-control-next{
			top: 50px;
		}
	}