/* dropdown menu */
.ddmenu nav{ visibility:hidden; position:absolute; left:0; top:100%;  } 
.ddmenu nav a { display:block; padding:8px 25px; border-bottom:solid 1px #333; background:#333; color:#333; cursor:pointer; }
.ddmenu nav a:hover { background:#cfc; }            
.ddmenu>a { margin-left:30px;}  

/* mega menu */
header>div.main { position:absolute; width:100%; height:100%; top:0; left:0; z-index:200; background:#fff; }
.megamenulv1>div { display:none; }
.megamenulv1>a { padding:10px 35px 16px 0px; display:inline-block; }
header nav.megamenulv1 { position:absolute; bottom:0; right:20px; }
.headlayer { position:absolute; top:100%; left:0; width:100%; background:yellow; z-index:1; 
             transform:translate(0,-100%); transition:transform 1s ease,top 300ms ease-in; }
.headlayer.open { transform:translate(0,0);}
#megamenu.headlayer { background:#333; }

/* mobile side menu & ham btn */
#btham      {   position:absolute; top:15px; right:20px; z-index:1000; padding:15px 13px; 
                background:transparent; color:#ff7e00; transform:scaleX(1.2); display:none; }
.esfpmask   {   position:fixed; width:100%; height:0; background:rgba(0,0,0,0.8); top:0; left:0;
                z-index:5000; opacity:0; transition: opacity 0.2s ease-in; }
body.openesfpm .esfpmask { height:100%; opacity:1; }
.esfpushm { position:fixed; top:0; height:100%; background:#2e3438; display:none;
            transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); color:#fff; z-index:8000; overflow-y: auto; }            
.esfpushm.right { right:-70%; width:70%; }
body.openesfpm .esfpushm.right { right:0; }
.esfpushm.left { left:-70%; width:70%; }
body.openesfpm .esfpushm.left { left:0; }

.esfpushm>a, .esfpushm nav>a{ display:block; padding:15px 20px; color:#fff; border-bottom:solid 1px #666;
                text-decoration:none; }            
.esfpushm>a.sub { padding-right:50px; } /*top level*/
.esfpushm>a.sub:after { font-family: FontAwesome; content:"\f054"; top:15px; right:20px; 
                        position:absolute; transition: transform 200ms ease-in;}                        
.esfpushm>a.sub.open:after { transform:rotate(90deg); }                         
.esfpushm>nav { background:#999; padding-bottom:10px; display:none; } /*Sublevel 1*/
.esfpushm>nav a { border-bottom:none; padding:10px 20px 0 30px; }
.esfpushm>nav a:before { content:'\2022'; position:absolute; top:11px; left:20px; }
.esfpushm>nav>nav {  } /*Sublevel 2*/
.esfpushm>nav>nav a { padding:10px 20px 0 50px; }
.esfpushm>nav>nav>a:before {left:35px; }
.esfpushm>nav>nav>nav {  } /*Sublevel 3*/
.esfpushm>nav>nav>nav a { padding:10px 20px 0 70px; }
.esfpushm>nav>nav>nav>a:before {left:55px; }


    /* mega menu */
    .megamenulv1    { font-size:15px}
    .megamenulv1 a  { text-decoration:none;}
    .megamenulv1 .c-login:before  { content:"•"; padding-right:30px; }
    .mega-adj       { float:right; padding:15px 15px 15px 0px; text-align:right}
    .mega-adj h2    { text-align:right; margin-bottom:0}
    .mega-adj ul    { margin:0; padding:0;}
    .mega-adj ul li { margin:0; padding:5px 0 5px 15px; list-style:none; border-bottom:1px solid #666; color:#fff; cursor:pointer; transition: all 0.3s ease-out;
                      font-size:14px; font-weight:normal;}
    .mega-adj ul li:hover       { color:#ff7e00;}
    .mega-adj ul li:last-child  { border-bottom:none}
    .mega-adj ul.m-blue li:hover       { color:#3199cc;}


    .megamenulv1 a          { color:#666; transition: all 0.3s ease-out}
    .megamenulv1 a:hover    { color:#ff7e00}

    /* Login */
    .login          { height:35px; background-color:#ff7e00; color:#fff; position:fixed; width:100%; top:75px; z-index:300}
    .login ul       { margin:0; padding:0; float:right; }
    .login ul li    { margin:0; padding:0 0 0 0; display:inline-block; line-height:normal; }
    .login ul li:first-child { padding-left:55px}
    .login ul li:last-child  { padding-right:55px}

    .login ul li a          { color:#fff; text-decoration:none; transition: all 0.3s ease-out; font-size:14px; font-weight:bold; text-transform:uppercase;}
    .login ul li a:hover    { color:#333}
    .login ul li:after      { content:"•"; padding:0 15px;}
    .login ul li:last-child:after { content:""; padding:0;}


/* ==========================================================================
    Media Style: no dropdown, section flowdown, sslider flowdown
============================================================================= */
    
    @media only screen and (max-width:1250px) {
	.ddmenu { display:none; }
    .megamenu { display:none; }
    .megamenulv1 { display:none; }
    /* mobile side menu & ham btn */
    .esfpushm,#btham { display:block; }  
    .login ul li    { padding-top:6px}
    .login ul li:last-child  { padding-right:30px}  

    }

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
    .login ul li    { padding-top:6px}
    }

    @media only screen and (max-width:767px) {
    #btham      { top:5px} 
    .login ul li a      { font-size:12px; font-weight:normal; }
    .login ul li:after  { content:"•"; padding:0 10px;}
    .login              { height:30px; top:50px;}
    .login ul li        { padding-top:3px}
    .esfpushm           { font-size:14px} 

    }