/* All navigation menus have the same base css coding. Different color variations have been grouped into different .css files */

/* This is the parent div tag, which is the base of the nav menu */
.nav {
position:relative;
padding:0px;
width:100%;
}

/* For nav back, which has been only framed. Color style is present in other css files */ 
.nav > ul {
width:100%;
margin:0px auto;
padding:0;
overflow:hidden;
}

/* For main nav menu links frame */
.nav > ul > li {
float:left;
} 










/* For main nav links */
.nav > ul > li > a  {
font-size:15px;
	height: 102px;
	line-height: 102px;
padding: 0 15px;
display:block;
text-align:center;
-webkit-transition:background 0.5s; /* For Chrome 4.0+ and Safari 3.1 to 6.0 */
-moz-transition:background 0.5s; /* For firefox 4.0+ */
-o-transition:background 0.5s; /* For Opera 10.5+ */
transition:background 0.5s;
text-transform:uppercase;
}

/* For appearance of sublevel (first and so on) menus appear */
.nav > ul > li > a:hover + .sublevel, .sublevel:hover, .sublevel > li > a:hover + .sublevel{
display:block;
}

/* For the effect with which first sublevel menu appear */
.nav > ul > li > a:hover + .sublevel {
-webkit-animation:dropdown 0.6s; /* For Chrome 4.0+, Safari 4.0+ and Opera 15.0 */
-webkit-animation-fill-mode:forwards; /* For Chrome 4.0+, Safari 4.0+ and Opera 15.0 */
-moz-animation:dropdown 0.6s; /* For Firefox 5.0+ */ 
-moz-animation-fill-mode:forwards; /* For Firefox 5.0+ */
-o-animation:dropdown 0.6s; /* For Opera 12.0+ */
-o-animation-fill-mode:forwards; /* For Opera 12.0+ */
animation:dropdown 0.6s; /* Standard Syntax */
animation-fill-mode:forwards; /* Standard Syntax */
}

/* For the effect with which these sublevel menus appear */
.sublevel > li > a:hover + .sublevel {
-webkit-animation:subdropdown 0.6s; /* For Chrome 4.0+, Safari 4.0+ and Opera 15.0 */
-webkit-animation-fill-mode:forwards; /* For Chrome 4.0+, Safari 4.0+ and Opera 15.0 */
-moz-animation:subdropdown 0.6s; /* For Firefox 5.0+ */ 
-moz-animation-fill-mode:forwards; /* For Firefox 5.0+ */
-o-animation:subdropdown 0.6s; /* For Opera 12.0+ */
-o-animation-fill-mode:forwards; /* For Opera 12.0+ */
animation:subdropdown 0.6s; /* Standard Syntax */
animation-fill-mode:forwards; /* Standard Syntax */
}

/* For framing each sublevel menu (general) */
.sublevel {
display:none;
position:absolute;
top: 102px;
box-shadow: 0 0 16px #000;
background: #000;
z-index:100;
}


/* For sublevel menu links */

.menu > li a {
font-size:15px;
display:block;
	height: 70px;
	line-height: 70px;
padding:0 85px;
text-align:center;
-webkit-transition:background 0.6s, color 0.6s; /* For Chrome 4.0+ and Safari 3.1 to 6.0 */
-moz-transition:background 0.6s; /* For firefox 4.0+ */
-o-transition:background 0.6s; /* For Opera 10.5+ */
transition:background 0.6s, color 0.6s;

}

.menu > li a:hover {
font-size:15px;
display:block;
	height: 70px;
	line-height: 70px;
text-align:center;
-webkit-transition:background 0.6s, color 0.6s; /* For Chrome 4.0+ and Safari 3.1 to 6.0 */
-moz-transition:background 0.6s; /* For firefox 4.0+ */
-o-transition:background 0.6s; /* For Opera 10.5+ */
transition:background 0.6s, color 0.6s;

}






/* For framing a megamenu */
.megamenu {
width:1300px;
margin: 0 auto;
left:-550px;;
right: 0;
padding:0px;
}

/* For different groups of item lists */
.megamenu>div>ul {
float:left;
overflow:hidden;
padding:5px 0px;
position:relative;
width:20%;
}

/* For framing Items in a group included in megamenu */ 
.megamenu>div>ul>li {
text-align:left;
list-style-type:none;
}

/* For item links included in megamenu */
.megamenu>div>ul>li>a {
text-align:left;
display:block;
padding:0 0 0 5px;
text-decoration:none;
color:#ddd;
font-size:14px;
-webkit-transition:background 0.6s, color 0.6s; /* For Chrome 4.0+ and Safari 3.1 to 6.0 */
-moz-transition:background 0.6s, color 0.6s; /* For firefox 4.0+ */
-o-transition:background 0.6s, color 0.6s; /* For Opera 10.5+ */
transition:background 0.6s, color 0.6s;
}

/* For group heading in megamenu */
.megamenu h3  {
font-size:16px;
text-align:left;
	line-height: 60px;
	height: 60px;
	font-weight: bold;
	border-bottom: 1px solid #222;
}
.megamenu h3 a {
	color: #f00; display: block;
}
.megamenu h3 a:hover {
	color: #fff;
}

/* For the base of different groups in megamenu */
.holder-1 {
padding:0px;
overflow:hidden;
width:100%;
background: #000;
}
.holder-1 ul{height: 300px;}

/* For the base of the long paragraph in megamenu */
.holder-2 {
padding:0px;
width:100%;
margin:0px;
}

/* For the paragraph in megamenu */
.holder-2>p {
padding:20px;
margin:0px;
letter-spacing:0.7px;
text-align:justify;
color:#888888;
font-family:tahoma, regular;
font-size:13px;
line-height:20px;
}