/* dropdown menu */
    #body .ddmenu               { right:0; }
    #body .ddmenu nav           { visibility:hidden; position:absolute; left:0; top:100%;  padding:0; margin:0; } 
    #body .ddmenu nav a         { display:none; padding:0; margin:0; border-bottom:solid 1px #333; background:#ffc; color:#333; cursor:pointer; }
    #body .ddmenu nav a:hover   { background:#cfc; }            
    #body .ddmenu>a             { border-right:1px solid #fff; color:#fff; text-decoration:none;  transition: all 0.3s ease-out; padding:10px 12px; background-color:#f60; margin-right:-4px; }
    #body .ddmenu>a:last-child  { border-right:none; }
  /*  .ddmenu>a:hover       { color:#333; background-color:#857c7a; }*/
    #body .ddmenu>a.curent      { background-color:#857c7a; }

    #body .hover-bg {
      background-image: linear-gradient(#857c7a 0 0);
      background-size: 200% 0em; /* .0em is our fixed height, use what you want  */
      background-position: 100% 100%;
      background-repeat: no-repeat;
      transition: background-size .3s, background-position .3s .3s;
    }
    #body .hover-bg:hover {
      transition: background-size .3s .3s, background-position .3s;
      background-size: 200% 100%;
      background-position: 100% 100%;
    }

    /* mobile side menu & ham btn */
    #body #btham                          { position:absolute; top:16px; right:0; z-index:1000; padding:15px 13px; 
                                      background:#06c; color:#fff; transform:scaleX(1.2); display:none;  border-radius: 50%;}
    #body .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; }
    #body .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;}            
    #body .esfpushm.right                 { right:-70%; width:70%; }
    #body.openesfpm .esfpushm.right  { right:0; }
    #body .esfpushm.left                  { left:-70%; width:70%; }
    #body.openesfpm .esfpushm.left   { left:0; }

    #body .esfpushm>a, #body .esfpushm nav>a    { display:block; padding:15px 20px; color:#fff; border-bottom:solid 1px #666; text-decoration:none; }            
    #body .esfpushm>a.sub                 { padding-right:50px; } /*top level*/
    #body .esfpushm>a.sub:after           { font-family: FontAwesome; content:"\f054"; top:15px; right:10px; display: block;
                                      position:absolute; transition: transform 200ms ease-in; padding: 10px 20px; margin-top: -10px; margin-left: -20px;}                        
    #body .esfpushm>a.sub.open:after      { transform:rotate(90deg); } 

    #body .esfpushm>nav                   { background:#999; padding-bottom:10px; display:none; } /*Sublevel 1*/
    #body .esfpushm>nav a                 { border-bottom:none; padding:10px 20px 0 30px; }
    #body .esfpushm>nav a:before          { content:'\2022'; position:absolute; top:11px; left:20px; }

    #body .esfpushm>nav>nav               { display:none; } /*Sublevel 2*/
    #body .esfpushm>nav>nav a             { padding:10px 20px 0 50px; }
    #body .esfpushm>nav>nav>a:before      { left:35px; }

    #body .esfpushm>nav>nav>nav           { display:none } /*Sublevel 3*/
    #body .esfpushm>nav>nav>nav a         { padding:10px 20px 0 70px; }
    #body .esfpushm>nav>nav>nav>a:before  { left:55px; }
	
	.m-link { display: none; }
	#body .esfpushm .m-link{ position: absolute; left: 0;top:0; width: 100%;height: 100%; display: block; }


    /* ==========================================================================
        Media Style: no dropdown, section flowdown, sslider flowdown
    ============================================================================= */

    @media only screen and (max-width:1200px) {
    #body .ddmenu             { display:none;  }
    #body .ddmenu nav a       { display:block; }
    #body .esfpushm,#body #btham    { display:block; }     
    #body .esfpushm>nav>nav   { display:block; } 
    }