﻿/*nav {
	font-size: 0;
	position: fixed;
	left:0;
	right:0;
	top:18px;
	margin:auto;
	text-align: center;
}*/
/*----- start manal update -----*/  
nav {
    font-size: 0;
    position: fixed;
    left: 0;
    top: 70px;
    margin: auto;
    z-index: 999;
    right: 0;
}
/*----- end manal update -----*/  

nav ul
{
	padding-right: 0;
    padding-left:125px;
}

nav > ul > li {
	display: inline-block;
  	font-size: 14px;
  	padding: 0 15px;
  	position: relative;
}

nav > ul > li ::marker {

	display: none;
	list-style-type: none;
}


nav > ul > li:first-child {padding-left: 0;}
nav > ul > li:last-child {padding-right: 0;}



/*nav > ul > li > a {
  	display: block;
  	position: relative;
  	padding: 20px 0 5px 0;
  	font-size: 15px;
    text-transform: uppercase;
    color: #000000;    
    font-weight: 600;


}*/
/*----- start manal update -----*/  
nav > ul > li > a {
    display: block;
    position: relative;
    padding: 0 0px 0 20px;
    font-size: 12px;
    text-transform: capitalize;
    color: #00ADEF;
    font-weight: 600;
    border-radius: 50px;
    margin-bottom: 19px;
    background-color: rgb(0 173 239 / 8%);
}
/*----- end manal update -----*/ 


nav > ul > li:hover > a {
	color: #2f2f2f;
	text-decoration:none;
}



/* #Mega Menu Styles
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.mega-menu {
	background:#252525;
  	display: none;
  	right: 0;
  	position: absolute;
  	text-align: right;
  	width: 100%;
  	padding:35px 0;
}
.mega-menu h3 {color: #fff;}
.mega-menu ul {
	float: right;
  	margin-bottom: 20px;
  	margin-left: 40px;
  	width: 245px;   
    padding-left: 0px;
}
.mega-menu ul:last-child {margin-left: 0;}
.mega-menu a {
    border-bottom: 1px solid #dddddd3b;
    color: #ffffff;
    display: block;
    padding: 10px 0;
    text-align: right;
}

.mega-menu a:hover {color: #02abe5; text-decoration:none;}

.background1
{
	background:#FFFFFF url('../images/header2.jpg') no-repeat fixed center center;
	background-size:cover;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity: 0.2;
    z-index:0;
}
.background2
{
	background:#FFFFFF url('../images/header3.jpg') no-repeat fixed center center;
	background-size:cover;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity: 0.2;
    z-index:0;
}

.links-menu
{
	position:relative;
	z-index:9;
}

/* #Droppable Class Styles
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.droppable {position: static;}


/*.droppable > a:after {
	content: "\f107";
  	font-family: FontAwesome;
  	font-size: 12px;
  	padding-left: 6px;
  	position: relative;
  	top: -1px;
}*/
/*-------- start manal update -------*/
.droppable > a:after {
	content: "\f107";
  	font-family: FontAwesome;
  	font-size: 12px;
  	padding-right: 6px;
  	position: relative;
  	top: -1px;
}
/*-------- end manal update -------*/

.droppable:hover .mega-menu {display: block;}



/* #Browser Clearfix
â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“â€“ */
.cf:before,
.cf:after {
	content: " "; /* 1 */
   display: table; /* 2 */
}
.cf:after {clear: both;}