header nav#main_menu_giappichelli{
	position: initial !important;
	display: block;
}
header{
	background: #2b306b !important; /* Old browsers */
	background: -moz-linear-gradient(top, #2b306b 0%, #063d86 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2b306b 0%, #063d86 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #2b306b 0%, #063d86 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b306b', endColorstr='#063d86',GradientType=0 ) !important; /* IE6-9 */
	.header_bottom,
	.header_top{
		@media only screen and (max-width: 1000px){
			
			background: #2b306b !important; /* Old browsers */
			background: -moz-linear-gradient(top, #2b306b 0%, #063d86 100%) !important; /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #2b306b 0%, #063d86 100%) !important; /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #2b306b 0%, #063d86 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b306b', endColorstr='#063d86',GradientType=0 ) !important; /* IE6-9 */
		}
		
	}
	
	&.page_header{
	    &::after{
			content: "";
			display: block;
			height: 6px;
			width: 100%;
			background-color: #C6A361;
		}
	}
	
	&:not(.with_hover_bg_color){
		nav{
			&.main_menu{
				@media only screen and (max-width: 1023px){
					height: auto !important;
				}
				&>ul{
					&>li:not(:first-child){
						&>a{
							&>span{
								&.menu-item-title{
									position: relative;
									&::before{
										content: "";
										display: inline-block;
										height: 22px;
										width: 1px;
										position: absolute;
										background-color: #fff;
										top: -3px;
										left: -16px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	
	&.transparent{
		&:not(.sticky){
			.drop_down{
				.second{
					top: 100%;
				}
			}
		}
	}
	nav.mobile_menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		overflow: visible;
		@media only screen and (max-width: 1000px) {
			width: 430px;
		}
		@media only screen and (max-width: 480px) {
			width: 430px;
		}
		@media only screen and (max-width: 375px) {
			width: 325px;
		}
		@media only screen and (max-width: 320px) {
			width: 270px;
		}
		
		.mobile_menu_header,
		.mobile_menu_additional_items{
			display: none;
		}
		
		.mobile_menu_header{
			background-color: #eeece4;
			padding: 15px;
			*{
				margin: 0;
				padding: 0;
				color: #063d86;
			}
			.login_register_section_mobile{
				height: 24px;
				line-height: 24px;
				&::before{
					content: "";
					display: inline-block;
					float: left;
					width: 24px;
					height: 24px;
					background-image: url('../images/icon-account.svg');
					margin-right: 10px;
				}
			}
		}
		
		.mobile_menu_additional_items{
			background-color: #fff;
			*{
				margin: 0;
				padding: 0;
				color: #063d86;
			}
			ul{
				display: block;
				border-top: 1px solid #eaeaea;
				li{
					display:block;
					border-bottom: 1px solid #eaeaea;
					padding: 15px;
					font-family: "Reem Kufi", sans-serif;
					font-size: 14px;
					color: #002b5c;
					&:last-child{
						border-bottom: 1px solid #eaeaea !important;
					}
				}
			}
		}
		
		
		&.open{
			.mobile_menu_header,
			.mobile_menu_additional_items{
				display: block;
			}
		}
		
		& > .close-menu{
			width: 50px;
			height: 50px;
			background-image: url(../images/cross.png);
			background-repeat: no-repeat;
			background-position: center;
			background-color: #063D86;
			position: absolute;
			top: 0;
			right: -50px;
			display: none;
		}
		
		& > ul{
			width: 100%;
			li{
				padding: 15px 0 15px 15px;
				a{
					padding: 0;
					margin: 0;
					font-family: "Reem Kufi", sans-serif;
					font-size: 14px;
					color: #002b5c;
					&:hover,
					&.active{
						color: #002b5c;
					}
				}
			}
			& > li{
				&.has_sub{
					& > span.mobile_arrow{
						height: 57px;
						line-height: 62px;
						&::before{
							background-image: url('../images/icon-arrow-down.svg');
							background-size: 100% 100%;
							width: 14px;
							height: 14px;
							content: "";
							display: inline-block;
						}
						i {
							display: none !important;
						}
					}
					&.open_sub{
						& > ul {
							border-top: 0;
							& > li {
								margin: 0;
								padding: 0;
								padding-left:10px;
								padding-right: 25px;
								border: 0;
								& > a{
									color: black;
									font-family: "Martel Sans", "sans-serif";
									font-size: 14px;
									padding-top: 10px;
									padding-bottom: 10px;
								}
							}
						}
						& > span.mobile_arrow{
							&::before{
								background-image: url('../images/icon-arrow-up.svg');
							}
						}
					}
				}
			}
		}
		& + div.custom-mobile-menu-overlay{
		    position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,0.7);
			display: none;
			z-index: 998;
		}
		
	}
	nav{
		&.main_menu{
			position: initial !important;
			&.center{
				text-align: center;
				position: initial !important;
				left: 0;
				
				& > ul {
					display: inline-block;
					position: relative;
					left: 0;
				}
			}
			& > ul {
				& > li {
					&.wide {
						&.left_position,
						&.right_position{
							.inner{
								padding: 28px 45px;
								display: inline-block;
								ul{
									width: auto !important;
									margin: 0;
									padding: 0;
									padding: 0;
									li{
										display: block;
										clear: both;
										padding: 0;
										margin: 0;
										border: 0;
										& > a{
											padding-left: 0;
											padding-right: 0;
											text-transform: none;
										}
									}
								}
							}
						}
						
						&.left_position{
							.second{
								text-align: left;
								.inner{
									ul{
										float: left;
										text-align: left;
										*{
											text-align: left;
										}
									}
								}
							}
						}
						&.right_position{
							.second{
								text-align: right;
								.inner{
									ul{
										float: right;
										text-align: right;
										* {
											text-align: right;
										}
									}
								}
							}
						}
						.second{
							.main-submenu-header{
								padding: 30px 45px;
								background-color: #F0ECEB;
								line-height: 40px;
								text-align: left;
								img.main-submenu-header-custom-icon{
									width: 40px;
									height: 40px;
									display: inline-block;
									float: left;
									margin-right: 18px;
								}
								.main-submenu-header-label{
									color: #063D86;
									font-size: 18px;
									border-bottom: 1px solid #063D86;
									padding-bottom: 10px;
									line-height: 40px;
									text-transform: uppercase;
									display: inline-block;
								}
							}
							.inner{
								>ul{
									>li{
										>a{
											color: black;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	
	/*&.transparent:not(.sticky){
		.drop_down{
			.second{
				top: 100%;
			}
		}
	}
	nav{
		&.main_menu{
			position: relative;
			left: 0;
			& > ul{
				position: initial;
				left: 0;
			}
			
			&.center{
				text-align: center;
				& > ul {
					display: inline-block;
				}
			}
			&.drop_down{
				.second{
					left: -45px;
					right: -45px;
					.inner{
						width: 100%;
						&>ul{
						}
					}
				}
				ul{
					li{
						position: initial;
					}
				}
				.narrow{
					.second{
						.inner{
							ul{
								li{
									 width: auto;
								}
							}
						}
					}
				}
			}
		}
	}*/
}