/* CSS Document */





/*
=====================================================================================================================================================
HOME RIGHT MENU STYLE
=====================================================================================================================================================
*/
 
.homenav {   z-index:999; position:fixed; top:65px;  right:0px; clear:both; }
.homenav:hover { width:150px;}

ul.homenav { padding:0px; margin:0 auto; width:auto; display:block; float:right;  text-align:right; font-family:'bebas_neuebold', Arial, sans-serif;   }
ul.homenav li  { list-style:none; list-style-type:none; display:block;  height:60px;   padding:0px; margin:20px 0px 20px 0px;  vertical-align:top; text-align:right;  text-transform:uppercase;}
                    
ul.homenav li a		{text-decoration:none; color:#333;  text-align:right; padding:0; margin:20px 0px 20px 0px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
ul.homenav li a:hover	{color:#ef4023; width:200px;  }

ul.homenav .active, ul.homenav .active:hover	{color:#ef4023;  }
.nav_dot {  width:20px; height:20px; display:inline-block; background:url(../images/nav_bullets.png) no-repeat; background-position:0 0; margin-left: 10px; float:right;    }
 .nav_name	{  display:inline-block; font-size:24px; padding:0; margin:0; line-height:20px; } 
.homenav:hover .nav_name {  display:inline-block; }

 ul.homenav li a:hover > .nav_name, ul.homenav .active > .navname	{  display:inline-block; }
ul.homenav li a:hover > .nav_dot, ul.homenav .active > .nav_dot	{  background-position: 0 -40px;  }
ul.homenav .active > .nav_dot	{  background-position: 0 -40px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }


@media only screen and ( min-width: 980px) and ( max-width: 1024px) {
	 
}


/*
=====================================================================================================================================================
LEFT MENU STYLE
=====================================================================================================================================================
*/

/* Pointer Styling */ 
.expand_all,  .collapse_all { cursor: pointer;}

/* Menu Styling */
.left-menu-wrapper { background:#464646; float:left; width:90%; display:block;  padding:5%; }
#subnav { margin: 0px; padding:0px; width:100%; }
.left-menu { margin: 0px; padding: 0px;  background: #464646; display:block; float:left; width:100%;  list-style:none; font-family: 'bebas_neuebold';}
#subnav li,  .left-menu li { background-image: none; list-style:none; }

/* Menu level 1 */
.left-menu li { margin: 0px; padding: 10px 0px; list-style:none;  width:100%; display:block; float:left; }
.left-menu a { cursor: pointer; display: block; margin: 0px; padding: 5px 10px 5px 10px; font-size: 22px; text-decoration:none; line-height:22pt; font-family: 'bebas_neuebold';}
.left-menu a:hover { color: #ffffff; }
.left-menu li a:active, .left-menu li a:visited  {  background:none; background-image:none;}

/* Menu level 2 */
.left-menu ul { display: none; list-style: none; margin: 0px; padding:10px 0 3px 0; border: 1px solid #87888a; width:100%; border-width: 1px 0px; float:left; }
.left-menu ul a {-webkit-transition:  all 0.2s ease-in-out; -moz-transition:  all 0.2s ease-in-out; -o-transition:  all 0.2s ease-in-out; -ms-transition:  all 0.2s ease-in-out; transition:  all 0.2s ease-in-out; }
.left-menu ul a { font-family: 'bebas_neuelight';  display: block; padding: 0px 0px 10px 0px; line-height:20pt; font-size: 20px;}
.left-menu ul li { border-bottom: none;	padding: 0px; list-style-image: none; margin:0px 10px 0px 10px; }
.left-menu ul a { font-weight: normal; color:#ccc; }
.left-menu ul a:hover { color:#fff;}
.left-menu li.active a { color:#fff;}
.left-menu li.active li a {	color:#fff;}


/* Menu Icon Styling */

.left-menu .expanded span { background:url('../images/expanded.png') no-repeat right; padding: 0 25px 0 0; line-height:22pt;  text-decoration:none; font-weight:normal; margin:0px; color: #a68555; }
.left-menu .collapsed span { background:url('../images/collapsed.png') no-repeat right; padding: 0 25px 0 0; line-height:22pt; text-decoration:none; font-weight:normal; margin:0px; color:#fff; }
.left-menu .collapsednone { background:none; text-decoration:none; font-weight:normal; margin:0px; color:#fff;}


/* Mobile Nav Styling */
.mob_nav { display:none;}


/* nav wrap */
#nav-wrap { margin: 0px auto; float: left;}
 

/* menu icon */
#leftmenu-icon { display: none; /* hide menu icon initially */}
 


/* ================== LEFT MENU RESPONSIVE STYLE ================== */
/* ================================================================ */

@media only screen and ( min-width: 240px) and ( max-width: 767px) {

/* show hidden menu */
.mob_nav { display:block;  }


/* nav-wrap */
.left-menu-wrapper {   display:block;  width:100%;   padding:0px;  position:relative;  z-index:1; }

#nav-wrap  {width:100%; display:block; margin:0px auto; padding:0px 0px 0px 0px; background:none; position:relative;  color: #fff; font-family: 'bebas_neuebold'; font-size:22px; }
#nav-wrap  {  background: #acacac;  height: 40px; line-height:40px; display:block; padding:0%;  }
/* menu icon */
    #leftmenu-icon { line-height: 40px; height: 40px; width: auto; margin:0px 10px;  
        -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;   -o-transition: all 300ms linear;   -ms-transition: all 300ms linear;
    }

    #leftmenu-icon {
        
        padding:0px 0px; cursor: pointer; display: block; float: none; text-transform: uppercase;  
    }

    #leftmenu-icon:hover { color: #fff;  }

    #leftmenu-icon.active { color: #333;  }

    ul.left-menu  { list-style: none;  list-style-image: none; 
                    padding: 0%; margin: 0px; 
                    position: relative; display: none; 
                    float:left; width: 100%; z-index:99999;   }

#nav-wrap .fa-ellipsis-v { margin-top:8px;}

 /* Menu level 1 */
.left-menu li {    }    
.left-menu li.mob_nav a { color:#000;  text-transform:uppercase;   }
 /* Menu level 2 */
.left-menu ul li { }

}