.area-main-menu{
	.menu-toggle{
		display: none;
	}
}
@include media-breakpoint-up(xl){
	//colors
	.navigation {
		position: static;
		clear: both;
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.gva_menu {
			float: left;
			li {
				position: relative;
				a{
					text-align: left!important;
					.icaret{
						margin-left: 4px;
						border: none!important;
						font-size: 9px;
					}
				}
			}
			> li {
				display: inline-block;
				 > .sub-menu{
				 	&:after{
				 		content: '';
					   position: absolute;
					   bottom: 100%;
					   left: 32px;
					   width: 16px;
					   height: 16px;
					   border-width: 8px;
					   border-style: solid;
					   border-color: transparent transparent #fff transparent;
					   display: block;
				 	}
				 }
				 &.gva-mega-menu{
				 	position: static!important;
				 	> .sub-menu{
				 		width: 100%;
				 		&:after{
				 			display: none;
				 		}
				 	}
				 }
				&:hover {
					@include media-breakpoint-up(sm){ 
						> ul.sub-menu, div.sub-menu {
							display: block;
							visibility: visible;
							@include opacity(1);
							top: 100%;
							margin-top: -2px;
							-webkit-transform: rotateX(0);
		              -moz-transform: rotateX(0);
		              -ms-transform: rotateX(0);
		              -o-transform: rotateX(0);
		              transform: rotateX(0);
		              	> li{
								opacity: 1;
							   visibility: visible; 
							   transform: translateY(0);
							}
						}
						> a {
							color: $theme-color;
						}
					}	
				}
				> a {
					display: block;
					position: relative;
					font-size: 16px; 
					font-weight: 600;
					padding: 35px 22px;
					@include transition(all 0.35s);   
					text-align: center; 
					color: $body-color;
					font-family: $headings-font-family;
					@include media-breakpoint-down(lg){
						padding-left: 15px;
						padding-right: 15px;
					}
					@include media-breakpoint-down(md){
						padding-left: 10px;
						padding-right: 10px;
					}
					@include media-breakpoint-down(sm){
						padding-left: 8px;
						padding-right: 8px;
					}
					&:hover, &:after, &:active{
						color: $theme-color;
						&:before{
							@include opacity(1);
						}
					}
					&.is-active{
						color: $theme-color;	
						&:before{
							@include opacity(1);
						}
					}
					> span{
						position: relative;
						padding-bottom: 6px;
						.icaret{
							
						}
					}
				} 
				&.menu-item--active-trail > a{
					color: $theme-color!important;
				}
				&.megamenu{
					&.menu-columns-2{
						> ul.sub-menu{
							> li{
								width: 50%;
								float: left;
							}
						}
					}
					&.menu-columns-3{
						> ul.sub-menu{
							> li{
								width: 33.33%;
								float: left;
							}
						}
					}
					&.menu-columns-4{
						> ul.sub-menu{
							> li{
								width: 25%;
								float: left;
							}
						}
					}
					&.menu-columns-5{
						> ul.sub-menu{
							> li{
								width: 20%;
								float: left;
							}
						}
					}
				} 
				&.menu-list{
					ul.sub-menu{
						min-width: 250px;
					 	> li{
							border-bottom: 1px solid $border-color;
							> a{
								padding: 10px 15px;
								text-transform: uppercase;
							}
						}	
					}
				}
			}
			.megamenu, .gva-mega-menu {
				position: static;
				> ul > li{
					transition: none;
				   opacity: 1;
				   visibility: visible;
				   transform: none;
				   transition-delay: 0s;
				}
				> .sub-menu {
					width: 100%;
					padding: 20px;
					> li {
						border: none;
						position: static;
						padding: 0 15px;
						> ul.sub-menu {
							@include media-breakpoint-up(md){
								display: block!important;
								visibility: visible;
								-webkit-transform: rotateX(0);
			               -moz-transform: rotateX(0);
			               -ms-transform: rotateX(0);
			               -o-transform: rotateX(0);
			               transform: rotateX(0);
							}
							position: static;
							border-width: 0;
							padding: 0;
							min-width: inherit;
							width: 100%;
							background-color: transparent;
							@include opacity(1);
							box-shadow: none;
							li{
							 	padding: 10px 0 0;
							 	margin-bottom: 0;
							 	border: none;
							}
						}
						> a {
							display: block;
							font-size: 14px;
							color: $black;
							font-weight: 500;
							text-transform: uppercase;
							padding: 0 0 5px;
							margin-bottom: 5px;
							border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
							position: relative;
							&:after{
								display: none;
							}
						}
					}
				}
				&:hover{
					ul.sub-menu{
						> li{
							opacity: 1;
						   visibility: visible; 
						   transform: translateY(0);
						}
					}
				}
			}
			.sub-menu {
				top: 101%;
				border-top: 1px solid rgba(0, 0, 0, 0.06);
				position: absolute;
				min-width: 280px;
				background-color: $white;
				z-index: 999;
				left: 0;
				padding: 20px 30px 20px;
				visibility: hidden;
				@include opacity(0);
				@include transition(all 0.2s ease-out);
				box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
				-webkit-transform: rotateX(-90deg);
    			-moz-transform: rotateX(-90deg);
	          -ms-transform: rotateX(-90deg);
	          -o-transform: rotateX(-90deg);
	          transform: rotateX(-90deg);
	          -webkit-transform-origin: 0 0;
	          -moz-transform-origin: 0 0;
	          -ms-transform-origin: 0 0;
	          -o-transform-origin: 0 0;
	          transform-origin: 0 0;
				> li {
					padding: 10px 0; 
					transition: all .2s cubic-bezier(.4,.28,.31,1.28) 0s;
				   opacity: 0;
				   visibility: hidden;
				   transform: translateY(5px);
				   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
					> a {
						display: block;
						line-height: 26px;
						text-decoration: none;
						font-size: 15px;
						font-weight: 400;
						@include transition(all 0.2s ease-out);
						position: relative;
						color: $body-color;
						&:hover, &:focus, &:active {
							color: $theme-color;
						}
					}
					&:nth-child(2n+1){
						transition-delay: 0.1s;
					}
					&:nth-child(2n+2){
						transition-delay: 0.15s;
					}
					&:nth-child(2n+3){
						transition-delay: 0.2s;
					}
					&:nth-child(2n+4){
						transition-delay: 0.25s;
					}
					&:nth-child(2n+5){
						transition-delay: 0.3s;
					}
					&:nth-child(2n+6){
						transition-delay: 0.35s;
					}
					&:nth-child(2n+7){
						transition-delay: 0.4s;
					}
					&:nth-child(2n+8){
						transition-delay: 0.45s;
					}
					&:nth-child(2n+9){
						transition-delay: 0.5s;
					}
					&:nth-child(2n+10){
						transition-delay: 0.55s;
					}
					&:nth-child(2n+11){
						transition-delay: 0.6s;
					}
					&:nth-child(2n+12){
						transition-delay: 0.65s;
					}
					&:nth-child(2n+13){
						transition-delay: 0.7s;
					}
					&:nth-child(2n+14){
						transition-delay: 0.75s;
					}
					&:nth-child(2n+15){
						transition-delay: 0.8s;
					}
					&:last-child{
						border-bottom: 0;
					}
					ul {
						position: absolute;
						top: 0;
						right: 0;
						min-width: 250px;
						visibility: hidden;
						@include opacity(0);
						display: none;
						z-index: 11;
					}
					&:hover > ul {  
						@include media-breakpoint-up(md){
							visibility: visible;
							@include opacity(1);
							display: block;
							left: 100%;
						}
					}
				}
			}
		}
	}
}	

body.header-absolute{
	.navigation {
		ul.gva_menu{
	   	> li {
	   		> a{
	   			color: $white!important;
	   		}
	   	}
	   }	
	}
}

@media(min-width: 992px){
  .navigation .gva_menu .sub-menu > li:hover > ul{
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  .navigation .gva_menu .sub-menu > li > ul li{opacity: 1;visibility: visible;}
}

img.logo-site{display: block!important;}