/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.MenuWidth{ width:100% !important;padding: 0px;}
.MegaCenter { padding-left: 10%; padding-right: 10%; }
.MegaMenuLogo { vertical-align: middle; margin-top: 5px; margin-bottom: 10px; max-height: 74px; }
.menu-container {
	width: 100%;
	position: absolute;
	top: 39px;
	z-index: 888888888;
	border: none; 
	background: #092a5e;  
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 3.5rem;
    padding: 0;
    float: right;
    position: relative;
  color: #008ca9;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}



.menu-dropdown-icon:before {
	content: "\f489";
	font-family: "Ionicons";
	display: none;
	cursor: pointer;
	float: right;
	background: #fff;
	color: #008ca9;
	font-size: 2.5rem;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 2em;
	padding-bottom: 0em;
	padding-left: 2em;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li { float: left; padding: 0; margin: 0; }

.menu > ul > li a { text-decoration: none; display: block; padding-top: 1.5em; padding-right: 40px; padding-bottom: 1.5em; padding-left: 12px; font-family: sans-serif; font-size: 17px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 45px; }

.menu > ul > li > ul a {

	font-size: 13px;
font-weight: normal;
}

.menu > ul > li a:hover {
    color: #83c6eb;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.menu > ul > li > ul { width: 100%; max-width: 840px; background: #092a5e; padding: 20px; position: absolute; z-index: 99; left: 10px; margin: 0; list-style: none; box-sizing: border-box; margin-top: -7px; border-top: 6px solid #00a1df; }

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 33%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a { color: #fff; padding: 0.2em 0; width: 95%; display: block; text-align: left; font-size: 14px; text-transform: none; }

.menu > ul > li > ul > li a:hover {
    color: #83c6eb;
 text-shadow: none;
}



.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 0px; margin: 0; font-size: .8em; padding-left: 0px; margin-left: 22px; margin-bottom: -15px; }

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
		background-color:#fff;
		top:0px;
		position:relative;
		margin-left:0px;
		margin-right:0px;
		padding:10px;
		padding-bottom:0px !important;
		padding-top:0px;
		border: 6px solid #fff;
		z-index: 8; 
		
    }
	
	    .menu-container row{
      		padding-bottom:0px !important;
			

			
    }
	    .menu-container img {
			
			max-width:144px;
			margin-top:0px;
    }
    .menu-mobile {
        display: block;
		float:right;
		right:70px;
		top:-30px;
		padding:0px;
		position:relative;
		max-height:40px !important;
		overflow:hidden;
		
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
	    .menu > ul > li i {
              display: none;
    }
    .menu > ul > li a {
	width: 100%;
	display: block;
	padding-top: 0px;
	padding-right: 1.5em;
	padding-bottom: 0px;
	padding-left: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	width:100%;
    }
	   .menu > ul > li a:hover {
			color:#161616;
			text-shadow: none;
    }
	
.menu > ul > li > ul > li a {
	width: 100%;
	display: block;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;   
}
	
	
	
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 0px;
		padding:0px;
		margin:0px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
	
	.menu > ul > li > ul > li > ul > li {
    padding:0px;;

}














}









.menu > ul > li > ul > li > ul >li {
    list-style: disc !important;
	color:#83c6eb;

}

.SubList{ margin-left: 70px!important; margin-bottom: -15px!important; margin-top:-16px!important;}
.subMenuImage{width: 200px; height: 200px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); border: 0.1px solid #fff;}

@media screen and (max-width:350px) {

	    .menu-container img {
			
			max-width:120px;
			margin-top:0px;
    }   }