.navigation {
 	/*position: relative;*/

 	display: flex;
 	align-items: center;
 }


 .vg-nav {
 	/*position: relative;*/
 	z-index: 100;
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
 }

 .vg-nav>ul:not(.vg-nav-main-container) {
 	display: none
 }

 .vg-nav-main-container {
 	padding: 0;
 	margin: 0;
 	display: block
 }

 .vg-nav-main-container li {
 	list-style: none
 }

 .vg-nav-main-container>li {
 	display: inline-block
 }

 .vg-nav-main-container span.toggle {
 	transition: all 0.4s ease;
 	transform: rotate(0);
 	/*float:right;*/

 }

 .vg-nav-main-container span.toggle span.default {
 	border-top: 2px solid var(--white);
 	/* border-right: 1px solid #333; */
 	border-bottom: 0;
 	border-left: 2px solid var(--white);
 	width: 7px;
 	height: 7px;
 	transition: all 0.4s ease;
 	transform: rotate(-135deg) translateX(-1px);
 	display: inline-block;
 	vertical-align: 0.255em;
 	margin-left: 10px;


 }

 .vg-nav-main-container .dropdown {
 	position: relative
 }

 .vg-nav-main-container .dropdown ul {
 	padding: 0
 }

 /**************************/
 .dropdown-mega {
 	position: relative;
 }

 .dropdown-mega-container {
 	-webkit-transform: scaleY(0);
 	/* Initially collapsed */
 	transform: scaleY(0);
 	-webkit-transform-origin: top;
 	transform-origin: top;
 	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
 	position: absolute;
 	top: 110%;
 	left: 0;
 	opacity: 0;
 	/* Initially invisible */
 	visibility: hidden;
 	/* Prevents interaction */
 	width: 850px;
 	display: flex;
 	flex-wrap: wrap;
 	background: var(--white);
 	border-top: 4px solid var(--primary-color);
 	background-color: var(--white);
 	z-index: 10;

 }

 .vg-nav-main-container .dropdown-mega:hover .dropdown-mega-container {
 	opacity: 1;
 	visibility: visible;
 	-webkit-transform: scaleY(1);
 	transform: scaleY(1);
 }



 .vg-nav-main-container .dropdown>ul {
 	transition: all 0.4s ease;
 	position: absolute;
 	top: 110%;
 	opacity: 0;
 	visibility: hidden;
 	width: 300px
 }

 .vg-nav-main-container .dropdown>ul .dropdown-inn {
 	left: 0
 }

 .vg-nav-main-container .dropdown>ul .right {
 	right: 0
 }

 .vg-nav-main-container .dropdown>ul ul {
 	transition: all 0.4s ease;
 	position: absolute;
 	top: 20%;
 	opacity: 0;
 	visibility: hidden;
 	width: 200px;
 }


 .vg-nav-main-container .dropdown>ul .dropdown ul.dropdown-inn {
 	left: 100%
 }

 .vg-nav-main-container .dropdown>ul .dropdown ul.right {
 	right: 100%
 }

 .vg-nav-main-container .dropdown>ul .dropdown.show>ul {
 	visibility: visible;
 	opacity: 1;
 	top: 0
 }

 .vg-nav-main-container .dropdown.show>ul {
 	visibility: visible;
 	opacity: 1;
 	top: 100%
 }

 .vg-nav-main-container .dropdown.show>a span.toggle .default {
 	transform: rotate(-315deg);
 	top: 4px;
 	position: relative;

 }

 /*****dropdown-mega*******/

 /*.vg-nav-main-container .dropdown-mega .dropdown-mega-container {
	transition: all 0.4s ease;
	position: absolute;
	left: 0;
	top: 120%;
	opacity: 0;
	visibility: hidden;
 
	}*/

 .vg-nav-main-container .dropdown-mega.show>.dropdown-mega-container {
 	top: 100%;
 	opacity: 1;
 	visibility: visible;
 }


 /************/
 .vg-nav-main-container .dropdown-mega.show>a span.toggle {
 	transform: rotate(-180deg);
 }



 .vg-nav-main-container.vg-nav-cloned .dropdown-mega .dropdown-mega-container {
 	position: relative;
 	top: 0;
 	left: 0;
 	display: none
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown-mega.show .dropdown-mega-container {
 	display: block;
 	height: auto;
 	top: 0
 }

 /*.vg-nav-hover>ul .dropdown-mega:hover .dropdown-mega-container {
	visibility: visible;
	opacity: 1;
	top: 100%
}*/

 /*****dropdown-mega*******/



 .vg-nav-main-container.vg-nav-cloned>li {
 	display: block
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown ul {
 	position: relative;
 	width: 100%;
 	height: 0;
 	display: none;
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown ul .dropdown-inn,
 .vg-nav-main-container.vg-nav-cloned .dropdown ul .right {
 	left: 0 !important
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown.show>ul {
 	height: initial;
 	display: block;
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown-sub.show .dropdown-inn-sub {
 	display: block;
 	height: inherit;
 	visibility: visible;
 	opacity: 1;
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown-sub .dropdown-sub-icon {
 	position: relative;
 }

 .vg-nav-main-container.vg-nav-cloned .dropdown-sub .dropdown-sub-icon:after {
 	position: absolute;
 	content: '';
 	width: 20px;
 	height: 20px;
 	border-top: 5px solid #f8b102;
 	border-right: 3px solid transparent;
 	border-bottom: 0;
 	border-left: 3px solid transparent;
 	width: 0;
 	height: 0;
 	transition: all 0.4s ease;
 	transform: rotate(0);
 	display: inline-block;
 	margin-left: 6px;
 	vertical-align: 2px;
 	right: 0px;
 	top: 50%;
 	margin-top: -3px;
 }

 .vg-nav-hover>ul .dropdown:hover>a span.toggle {
 	transform: rotate(-180deg)
 }

 .vg-nav-hover>ul .dropdown:hover>ul {
 	visibility: visible;
 	opacity: 1;
 	top: 100%
 }

 .vg-nav-hover>ul .dropdown:hover .dropdown:hover>ul {
 	visibility: visible;
 	opacity: 1;
 	top: 0
 }

 .vg-nav-hover>ul .dropdown-mega:hover>a span.toggle {
 	transform: rotate(-180deg);

 }

 .vg-nav-hamburger {
 	display: none;
 	width: 25px;
 	height: 20px;
 	position: relative;

 }

 .vg-nav-hamburger span {
 	cursor: pointer;
 	height: 2px;
 	width: 25px;
 	background: var(--white);
 	position: absolute;
 	display: block;
 	transition: all 0.4s ease;
 	transform: rotate(0);
 	opacity: 1
 }

 .vg-nav-hamburger span:first-child {
 	top: 0
 }

 .vg-nav-hamburger span:nth-child(2) {
 	top: 7px;
 	top: 7px;
 	width: 14px;
 }

 .vg-nav-hamburger span:last-child {
 	top: 14px
 }

 .vg-nav-hamburger.show span:first-child {
 	top: 12px;
 	opacity: 0
 }

 .vg-nav-hamburger.show span:nth-child(2) {
 	transform: rotate(45deg)
 }

 .vg-nav-hamburger.show span:last-child {
 	transform: rotate(-45deg);
 	top: 13px
 }

 .vg-nav-collapse {
 	display: block;
 	position: relative;
 	height: 0;
 	opacity: 0;
 	visibility: hidden;
 	transition: all 0.4s ease
 }

 .vg-nav-collapse.show {
 	height: 100%;
 	opacity: 1;
 	visibility: visible
 }

 .vg-nav-sidebar {
 	display: block;
 	position: fixed;
 	top: 0;
 	opacity: 0;
 	height: 100%;
 	z-index: 9990;
 	transition: all 0.4s ease;
 	background: var(--white);
 }

 a {
 	transition: all .3s ease
 }

 .vg-nav>ul>li {
 	padding: 20px 20px;
 	/*border-left:1px solid var(--grey);*/
 	/* position:relative; */

 }

 .vg-nav>ul>li:first-child {
 	border-left: 0;

 }

 /*.vg-nav>ul>li:after{
	content: '';
	position: absolute;
	right:0;
	width: 1px;
	height: 16px;
	background-color: var(--grey);
	top:0;
	bottom: 0;
	z-index:5;
	z-index:2;
}
.vg-nav>ul>li:last-child:after {
	display: none;
	}*/
 /*.vg-nav>ul>li:first-child:after, .vg-nav>ul>li:last-child:after{
	display: none;
	}*/
 .vg-nav>ul>li>a {
 	font-size: 14px;
 	font-weight: normal;
 	font-family: var(--heading-font-medium);
 	text-transform: uppercase;
 	display: block;
 	color: var(--white);
 	text-decoration: none;

 }

 .vg-nav>ul>li.active a,
 .vg-nav>ul>li a:hover {
 	color: var(--quaternary-color);
 }

 .vg-nav .dropdown ul {
 	background: var(--tertiary-color);
 	/*border: 1px solid var(--grey);
	border-bottom:8px solid var(--primary-color);
	border-bottom: 4px solid var(--secondary-color);
	box-shadow: 0 4px 7px rgba(0,0,0,0.15);
	*/
 }

 .vg-nav .dropdown ul li a {
 	text-decoration: none;
 	font-size: 12px;
 	display: block;
 	padding: 10px 10px;
 	color: var(--white);
 	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 	border-top: none;

 }

 .vg-nav .dropdown ul li a:hover {
 	background-color: var(--primary-color);
 	color: var(--white);
 }

 .vg-nav .dropdown ul li:first-child a {
 	/*border: 1px solid rgba(0,0,0,0.2)*/
 }

 .vg-nav .dropdown ul ul {
 	background: var(--white);
 }




 /********vg-nav-hamburger**************/

 .vg-nav-hamburger {
 	margin: 0;
 }

 .vg-nav-sidebar .vg-nav-sidebar__content {
 	width: 100%;
 	padding: 0;
 }

 .vg-nav-collapse ul {
 	width: 100%;
 	padding: 20px 0
 }

 .vg-nav-sidebar__content>ul>li>a,
 .vg-nav-collapse>ul>li>a {
 	display: block;
 	font-size: 14px;
 	padding: 8px 20px;
 	text-transform: uppercase;
 	text-decoration: none;
 	color: var(--white);
 }

 .vg-nav-sidebar__content>ul ul,
 .vg-nav-collapse>ul ul {
 	background: rgba(0, 0, 0, 0.02)
 }

 .vg-nav-sidebar__content>ul ul li>a,
 .vg-nav-collapse>ul ul li>a {
 	display: block;
 	padding: 5px 30px;
 	/*border-bottom: 1px solid rgba(0, 0 ,0, 0.1);*/
 	text-decoration: none;
 	color: var(--black);
 	font-size: 14px;
 }

 .vg-nav-sidebar__content .dropdown-mega-container,
 .vg-nav-collapse .dropdown-mega-container {
 	/*background: rgba(0,0,0,0.02);
	border-bottom: 1px solid #f5f5f5;
	padding: 15px*/
 }


 .vg-nav-sidebar.dropdown-inn {
 	left: -25%;
 	width: 25%;

 }

 /*****************/
 .vg-nav-main-container .dropdown:hover ul.dropdown-inn {
 	opacity: 1;
 	visibility: visible;
 	top: 100%;
 }



 .vg-nav-main-container .dropdown:hover a span.toggle .default {
 	transform: rotate(-315deg) translate(4px);
 }

 .vg-nav-main-container .dropdown-mega:hover a span.toggle .default {
 	transform: rotate(-315deg) translate(4px);
 }

 /*****************/


 .vg-nav-sidebar.show.dropdown-inn {
 	left: 0 !important;
 	opacity: 1
 }

 .vg-nav-sidebar.show.right {
 	right: 0 !important;
 	opacity: 1
 }

 .vg-nav-sidebar__close {
 	position: absolute;
 	font-size: 56px;
 	font-weight: 300;
 	top: 20px;
 	right: 20px;
 	width: 40px;
 	height: 40px;
 	text-align: center;
 	/*background: var(--primary-color);*/
 	cursor: pointer;
 	color: var(--white);
 }

 .vg-nav-sidebar__content {
 	margin-top: 50px;
 	height: calc(100% - 60px);
 	overflow-y: auto;
 	overflow-x: hidden;


 }

 .vg-nav-overlay {
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	opacity: 0;
 	transition: all 0.4s ease;
 	top: 0;
 	background: var(--white);
 	transition-delay: .15s;
 	z-index: 9989
 }

 .vg-nav-overlay.right {
 	left: -100%
 }

 .vg-nav-overlay.right.show {
 	left: 0;
 	opacity: 1
 }

 .vg-nav-overlay.dropdown-inn {
 	right: -100%
 }

 .vg-nav-overlay.dropdown-inn.show {
 	right: 0;
 	opacity: 1
 }

 .vg-nav-sidebar.right {
 	right: -100%;
 	width: 100%;
 	background-color: var(--primary-color);
 }

 /*************************/







 @media only screen and (min-width: 992px) and (max-width: 1199.98px),
 only screen and (min-width: 768px) and (max-width: 991.98px),
 only screen and (max-width: 767.98px),
 only screen and (max-width: 479.98px) {

 	.vg-nav-sidebar.right {
 		right: -100%;
 		width: 100%
 	}


 	.navigation {
 		flex-direction: row-reverse;
 		gap: 0 10px;
 	}

 	/****/
 	.vg-nav {
 		justify-content: right;
 	}

 	.vg-nav-xl .vg-nav-hamburger {
 		display: block;
 	}

 	/****/
 	.vg-nav-xl>ul {
 		display: none
 	}

 	.vg-nav-xs .vg-nav-hamburger {
 		display: block
 	}

 	.vg-nav-lg .vg-nav-hamburger {
 		display: block
 	}

 	.vg-nav-sm .vg-nav-hamburger {
 		display: block
 	}


 	.vg-nav-md .vg-nav-hamburger {
 		display: block
 	}

 	.vg-nav-lg>ul {
 		display: none
 	}

 	.vg-nav-md>ul {
 		display: none;
 	}

 	.vg-nav-xs>ul {
 		display: none
 	}

 	.vg-nav-sm>ul {
 		display: none
 	}

 	.vg-nav-main-container span.toggle {
 		float: right;

 	}

 	.vg-nav-main-container span.toggle span.default {
 		margin-left: 0;
 	}

 	.dropdown-mega-container {
 		width: 100%;
 	}

 }

 .gallery .dropdown-mega-container {
 	width: max-content;
 }

 .gallery .dropdown-mega-container a {
 	color: #090050;
 }

 .vg-nav-main-container .gallery li {
 	list-style: none;
 	padding-right: 30px;
 	margin: 10px;
 }

 .vg-nav>ul>.gallery li.active a,
 .vg-nav>ul>.gallery li a:hover {
 	color: #090050;
 	font-weight: 700;
 }