/* -------*****----- Primary menu ------ */

/*---- Global style------- */

.menu-mobile {
  display: none;
}

.skr-menu {
    width:100%;
	
}
#primaryMenu {
	width:100%;
	background:#275C87; 
	position:relative;
	z-index:900;

}

.skr-menu ul,
.skr-menu li{
	margin:0;
	padding:0;
	list-style: none;
}
.skr-menu ul {
  display:flex;
  display:-ms-flexbox;
 /*  position:relative; */ /* mega fit wide or container */
}


.skr-menu ul li a{
	display:block;
	color: #333;
	font-family:Open Sans;
	font-size:15px;
}



/*---------------- Large Screen ------------------- */
@media only screen and (min-width: 959px) {
	
	.sticky{
	position:fixed !important;
	top:0 ;
	left:0;
	box-shadow:0 0 6px rgba(51,51,51,0.6);
}
.sticky .skr-menu > ul > li > a{
	padding-top:9px;
	padding-bottom:9px;
	font-size:14px;
	
	
}
.sticky .skr-menu > ul > .menu-item-has-children > a:after{
	top:-2px !important;
}


/* First level menu */
.skr-menu > ul > li{
}
.skr-menu > ul > li:first-child{
	border-left: 1px solid rgba(0,0,0,0.4);
}
.skr-menu > ul > li:last-child{
	border-right: 1px solid rgba(255,255,255,0.2);
}

.skr-menu > ul > li > a {
	position:relative;
	padding: 20px 14px;
	text-transform:uppercase;
	color: #FFF;
	border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(0,0,0,0.4);
	transition:all 0.3s linear;

}
.skr-menu > ul > li:first-child > a {
}

.skr-menu > ul > li > a:before{
	content:'';
	display:block;
	width:0;
	position:absolute;
	top:0;
	left:0;
	border-top:4px solid #060B4D;
	transition:width  .4s ease-in-out;	
}
.skr-menu > ul > li > a:hover:before{
	width:100%;
}


.skr-menu ul li ul { /* Nested level menu */
	display: none;
	flex-direction:column;
 
	background: #edf9ff;
	border-radius: 0 0 6px 6px;
	box-shadow: 1px 3px 2px rgba(102,102,102, 0.2), -1px 3px 2px rgba(102,102,102, 0.2);
	z-index: 9999;
}
/*
.skr-menu li.megaDropdown:hover > ul,
.skr-menu li:hover > ul {
	display:flex;
	display:-ms-flexbox;
}

*/
.skr-menu ul.hover{
	display:flex;
	display:-ms-flexbox;
}

.skr-menu > ul > li:not(.megaDropdown)  ul { 
  width: 300px;
}

.skr-menu > ul > li > ul > li a{
	padding:10px 20px;
}

.skr-menu > ul > li:not(.megaDropdown) > ul > li a:before{
	content:'';
	position:relative;
	display:block;
	width:4px;
	height:12px;
	margin-right:8px;
	margin-top:8px;
	float:left;
	background: #77C7E6;
	transition:all 0.3s  ease-in-out;
}
.skr-menu > ul > li:not(.megaDropdown) > ul  li:hover > a:before{
	background: #003;
}

.skr-menu > ul > li > ul > li:last-child a:after {
	border-bottom: none;
}
/* detect 2nd level */
.skr-menu > ul > li.menu-item-has-children:hover{
	background: #edf9ff;
	box-shadow: 1px 3px 2px rgba(102,102,102, 0.2), -1px 3px 2px rgba(102,102,102, 0.2);
}
.skr-menu > ul > li.menu-item-has-children:hover a{
		color:#666;
}

/* 2nd level */
.skr-menu > ul > li > ul{
	position:absolute;
	animation: fadeIn 1s;
}
.skr-menu > ul > li:not(.megaDropdown) ul li{
	position:relative; 
}
/* 3rd level */
.skr-menu > ul > li:not(.megaDropdown) > ul > li > ul{
	position:absolute;
	top: 0;
	left:100%;
  	border-left:none;
	border-radius: 0 6px 6px 0;
	box-shadow: 1px 3px 2px rgba(102,102,102, 0.2);
}

/*---------------------- Mega menu starts----------------------  */
.skr-menu > ul > li.megaDropdown{
}

@keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}
.skr-menu > ul > li.megaDropdown > ul {  /* Mega container*/
 width:100%;
 position: absolute;
 left:0;

 flex-direction:row;
 flex-wrap: wrap;
 justify-content: space-around;
 padding:10px;
 
 	overflow-y: scroll;
	height:calc(100vh - 40px);
	animation: fadeIn 0.5s;

}
.skr-menu li.megaDropdown > ul > li { /* Mega column */
  /* flex: 0 0 calc(33.33333% - 20px); /* non-stretched width of last columns*/
  -ms-flex: 1 0 calc(33.33333% - 20px);
  flex: 1 0 calc(33.33333% - 20px); /* stretch width of last columns*/
  /* width:calc(33.33333% - 20px); Fallback */
  margin:0 5px 5px 5px;
  border: 1px solid #92E0F1;
}

.skr-menu li.megaDropdown > ul > li > a { /* Mega column header */
background-color: #92E0F1; 
color:#333;
font-weight:bold;
text-shadow:1px 1px rgba(255,255,255,0.4);
text-align:center;
}
.skr-menu li.megaDropdown > ul > li a:hover{
	color: #333;
}

.skr-menu li.megaDropdown  > ul > li > ul > li a{ /* Mega column items */ 
    padding: 3px 3px 3px 10px;
	font-size:13px;
}
.skr-menu li.megaDropdown  > ul > li > ul > li a:before{ /* Bullet */
	content:'';
	position:relative;
	display:block;
	width:5px;
	height:8px;
	margin-right:5px;
	margin-top:7px;
	float:left;
	background: #77C7E6;
}
.skr-menu li.megaDropdown  > ul > li > ul > li:hover a:before{
	background:#003;
}

.skr-menu > ul > li.megaDropdown > ul > li > ul {
	display:flex;
	display:-ms-flexbox;
	flex-direction:column;
	box-shadow:none;
	padding:4px 0;
}



/* Ceret   */
 .skr-menu > ul > .menu-item-has-children > a{
	 padding-right:16px; 
 }

.skr-menu > ul > .menu-item-has-children > a:after,
.skr-menu li:not(.megaDropdown) .menu-item-has-children > a:after {
  position: relative;
  font-family: "FontAwesome";
  content: "\f078";
  font-size:0.8em;
  color:#CCC;
  margin-left:6px;
}
.skr-menu li:not(.megaDropdown) .menu-item-has-children > a:after{
	content: "\f054";
}
}


 .skr-menu .submenu-button {
	display:none;
 }
 
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
	
.skr-menu .show-on-mobile {
    display: block;
	background: #EBEBEB;
	margin-left:-15px;
	margin-right:-15px;
}    


  .menu-mobile {
    display: inline-block;    
    padding:10px;
	color:#FFF !important;
	font-size: 1.5rem;

  }
  a.menu-mobile:active,
  a.menu-mobile:focus,
   .menu-mobile:hover {
	color: #09F !important;
  }

.menu-mobile:before {
  content: "\f0c9";
  font-family: "FontAwesome";
  display:block;
  position: relative;
  float:left;
  padding-right:10px;
  transition-duration: 0.8s;
  transition-property: transform;
}

.menu-opened:before {
	content: "\f00d";
}
  .skr-menu ul {
	  display:none;
	flex-direction:column;  
  }
 
  .skr-menu > ul  li {
	  position:relative;
  }
  
  .skr-menu ul li a {
    padding:15px 0 15px 25px;
    width: 100%;
    display: block;
	border:none;
	border-bottom:1px solid #CCC;
  }



  .skr-menu > ul > li ul {
    position: relative;
	display:none;
	margin:0;
  }
  
  .skr-menu > ul > li > ul > li a{
	  background: #DDD;	  
  }
  .skr-menu > ul > li > ul > li > ul > li a{
		background: #D4D4D4;
		border-bottom:1px solid #C4C4C4;
  }

  
 .skr-menu .submenu-button {
	display:block;
  position: absolute;
  z-index: 99;
  right: 0;
  top:2px;

  height: 52px;
  width: 54px;
  cursor: pointer;
  background: #262626;
}
 .skr-menu .sub-menu-show{
	 display:flex;
	
}
.skr-menu .submenu-button:after {
  position: absolute;
  display: block;
  font-family: "FontAwesome";
  content: "\f078";
  color:#FFF;
  top:15px;
  left:18px;
  
}
.skr-menu .sub-menu-opened:after {
	-webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
	transform: rotate(180deg);
  
}


}
/* Menu finally ended. */