
/* Standard Menu Reset */
body, nav, ul, li, a                { margin: 0; padding: 0; }     
ul ul, ul ol, ol ol, ol ul          { margin-left:0px; margin-bottom:0px; }    
body                                { font-family: "open sans", Helvetica, Arial, sans-serif; }   
a                                   { text-decoration: none; }    
.nav                                { list-style: none; *zoom: 1; }   
.nav ul                             { list-style: none; }

/* Main Nav Style Code */
.nav a                              { padding:7px 12px; color:#333; font:normal 14px/1.5em "open sans",Tahoma; font-weight:600; text-decoration:none; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.nav li                             { position:relative; margin-left:4px; }    
.nav > li                           { float:left; list-style:none; }    
.nav > li > a                       { line-height:25px; z-index:500; position:relative; text-transform:uppercase; }        
.sf-sub-indicator                   { display:none; } 
 
/* Main current Nav Style Code */   
.nav .current a, 
.nav .current a:visited, 
.nav .current a:active              { color:#378AC4; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.nav > li > a                       { display:block; } 
.nav > li > a:hover                 { color:#378AC4; }
.nav > li:hover > a                 { color:#378AC4; }
.nav > li ul                        { min-width:215px; padding-top:30px; position:absolute; left:-9999px; }
.nav > li ul li ul                  { margin-top:0px; margin-left:2px; padding-top:0; }
.nav > li.hover > ul                { left:0; } 
.nav li li.hover ul                 { left:100%; top:0; } 
.nav li li                          { list-style:none; padding-top:0px; padding-bottom:0px; margin-left:0px; } 
        
/* Sub Nav Style Code */ 
.nav li li                          { border-bottom:0; }
.nav li li a                        { padding:0 15px; background:#378AC4; color:#fff; font-size:14px; font-family:"open sans",Tahoma; font-weight:300; line-height:42px; font-weight:normal; display: block; z-index:100; border-bottom: 1px solid #579dce; }
.nav li li:last-child a             { border-bottom: none; } 
.nav li li a:hover                  { display: block; background:#79beef; color:#fff; border-radius:0; box-shadow:none; }
.nav ul li a.sf-with-ul             { background-image: url("Arrow.png") !important; background-repeat: no-repeat !important; background-position: 93% 50% !important; }
.nav ul li a.sf-with-ul:hover       { background-image: url("Arrow.png") !important; background-repeat: no-repeat !important; background-position: 93% 50% !important; }

/* Sub current Nav Style Code */ 
.nav .current ul li a, 
.nav .current ul li a:visited       { color:#fff; font-family:"open sans",Tahoma; border-radius:0; box-shadow:none; }
    
.nav .current ul li a:hover         { background:#378AC4; color:#ddd; }
.nav li.current ul li a,
.nav li.current ul li a:visited     { border-top:0 !important; border-bottom: 1px solid #579dce; }
 
.leftMenu #DeshtopMenu .nav > li ul           { padding-top:26px; } 
.leftMenu #DeshtopMenu .nav > li ul li ul     { padding-top:0; } 
.leftMenu.sticky #DeshtopMenu .nav > li ul    { padding-top:16px; }

#DeshtopMenu .nav > li ul           { padding-top:17px; }   
#DeshtopMenu .nav > li ul li ul     { padding-top:0; }       
#DeshtopMenu .nav > li, 
#DeshtopRightMenu .nav > li         { margin-top:0; }       
#DeshtopMenu .nav > li > a, 
#DeshtopRightMenu .nav > li > a     { padding:0 10px; line-height:40px; }   
#DeshtopMenu .nav li li a, 
#DeshtopRightMenu .nav li li a      { padding:8px 15px; line-height:22px; }

#DeshtopMenu                        { margin-top:17px; }    
#DeshtopRightMenu ul                { text-align:center; }
#DeshtopRightMenu > .nav a          { border-right:none; }
#DeshtopRightMenu .nav > li         { display:inline-block; position:relative; list-style:none; float:none; }
#DeshtopRightMenu ul ul             { text-align:left; }

/* Left Side Menu Code */
.LeftSideMenu .nav li               { margin-left:0; position: relative; }
.LeftSideMenu .nav a                { padding:3px 0; text-decoration:none; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.LeftSideMenu .nav > li             { float:left; width:100%; list-style:none; }
.LeftSideMenu .nav > li > a         { line-height:38px; }
       
/* Main current Nav Style Code */   
.LeftSideMenu .nav .current a, 
.LeftSideMenu .nav .current a:visited, 
.LeftSideMenu .nav .current a:active { color:#fff !important; padding-left: 15px; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.LeftSideMenu .nav > li > a:hover   { color:#fff !important; background-color:#f8f7f7; padding-left:15px; }
.LeftSideMenu .nav > li:hover > a   { color:#fff !important; background:#f8f7f7; padding-left:15px; }
.LeftSideMenu .nav > li ul          { min-width:100%; left:-9999px; position:relative; }

.LeftSideMenu .nav > li ul li ul    { margin-top:0px; }
.LeftSideMenu .nav > li.hover > ul  { left:0; } 
.LeftSideMenu .nav li li.hover ul   { left:100%; top:0; } 
.LeftSideMenu .nav li li            { list-style:none; padding-top:0px; padding-bottom:0px; margin-left:0px;  } 
        
/* Sub Nav Style Code */ 
.LeftSideMenu .nav li li            { border-bottom:0; }
.LeftSideMenu .nav li li a          { padding:3px 15px; font-size:15px; font-family:"opensans", Tahoma; line-height:34px; font-weight:normal; display: block; z-index:100; }
.LeftSideMenu .nav li li a:hover    { display: block; background:#378AC4; color:#fff; border-radius:0; box-shadow:none; }
.LeftSideMenu .nav > li a.sf-with-ul        { background-image: url("Arrow.png") !important; background-repeat: no-repeat !important; background-position: 96% 50% !important; }
.LeftSideMenu .nav > li a.sf-with-ul:hover  { background-image: url("Arrow.png") !important; background-repeat: no-repeat !important; background-position: 96% 50% !important; }
.LeftSideMenu .nav ul li a.sf-with-ul       { background-image: url("Arrow.png") !important; background-repeat: no-repeat !important; background-position: 96% 50% !important; }
.LeftSideMenu .nav ul li a.sf-with-ul:hover { background-image: url("Arrow.png") !important; background-repeat: no-repeat !important; background-position: 96% 50% !important; }


@media screen and (max-width:1160px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a        { padding:7px 10px; } 
}   
    
@media screen and (max-width:1060px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a        { padding:0 4px; font-size:13px; } 
    #DeshtopMenu .nav > li > a, 
    #DeshtopRightMenu .nav > li > a { padding:0 4px; }
}

@media screen and (max-width:930px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a        { padding:7px 2px; } 
    #DeshtopMenu .nav > li > a, 
    #DeshtopRightMenu .nav > li > a { padding:0 2px; }
}

@media screen and (max-width:830px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a        { padding:7px 1px; font-size:10px; } 
}


@media screen and (max-width: 767px) {	
	#mobileLogoMenu                 { padding-top:20px; }
	#toggle-bar strong              { display: none; }
	#toggle-bar a:focus             { outline:none; }
	nav#full                        { display:none; }
	div#mobileMbl                   { background:#fff; display:block; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobileMbl #toggle-bar       { line-height:36px; height:36px; }
    #toggle-bar                     { position: absolute; right: 1px; top: 13px; }

	/* Toggle button #1 ("Menu") */
	div#mobileMbl strong a          { margin-left:14px; padding:5px 80px 5px 0; }
    div#toggle-bar a                { color:#333; font-weight:normal; }
    div#toggle-bar a:hover          { color:#333; text-decoration:none; }
    
	/* Toggle button #2 ("Navicon") */
	div#mobileMbl .navicon          { float:right; width:46px; margin:0 0 0 18px; height:10px; }
    div#mobileMbl .navicon em.fa    { font-size:38px; color:#333; }
    
    /* The dropdown menu */ 
    nav#mobile > ul                 { padding-top:20px; }
    nav#mobile ul > li              { clear:both; list-style:none; background:#e3e3e3; margin-bottom:3px; text-align:left; } 
    nav#mobile ul li a              { display:block; padding:7px 12px 7px; color:#333; font-size:16px; font-weight:300; } 
    nav#mobile ul ul                { font-size:small; }
    nav#mobile ul ul li             { border-top:1px solid #edeeee; }
    nav#mobile ul ul a              { color:#333; padding-bottom:6px; }
    nav#mobile ul li a:hover,
    nav#mobile ul ul a:hover        { text-decoration:none; } 
    nav#mobile ul ul a:before       { content: "-"; padding-right:6px; }  
    nav#mobile ul ul ul a:before    { content: "- -"; padding-right:6px; }    
}
















