/* dropdown menu */
	
    .ddmenu                     { right:0; }
    .ddmenu nav                 { visibility:hidden; position:absolute; left:0; top:100%;
                                        box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.04);
                                -webkit-box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.04);
                                   -moz-box-shadow: 10px 10px 0px -5px rgba(0,0,0,0.04);  } 
    .ddmenu nav a               { background:#fff; color:rgba(0, 46, 109, 1); padding:8px 20px 8px 10px; display:block;  border:solid 1px #ececec; border-bottom:none; cursor:pointer; text-decoration:none; transition: all 0.3s ease-out;}
    .ddmenu nav a:hover         { background:rgba(0, 46, 109, 1); color:#fff }            
    .ddmenu nav a:last-child    { border-bottom:solid 1px #ececec; }
    .ddmenu>a                   { margin-left:30px;  color:rgba(0, 46, 109, 1); text-decoration: none; display: inline-block; }
	.ews #body .ddmenu			{ position: absolute; }
	
    /* mobile side menu & ham btn */
    #btham      { position:absolute; top:40px; right:5px; z-index:1000; padding:15px 13px; background:rgba(0, 46, 109, 1); color:#fff; transform:scaleX(1.2); display:none; cursor: pointer; }
    .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:rgba(0, 46, 109, 1); 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:1px solid #30488d; text-decoration:none; }            
    .esfpushm>a.sub                 { padding-right:50px; } /*top level*/
    .esfpushm>a.sub:after           { font-family:FontAwesome; content:"\f054"; top:15px; right:10px; position:absolute; transition: transform 200ms ease-in;}                        
    .esfpushm>a.sub.open:after      { transform:rotate(90deg); }                         
    .esfpushm>nav                   { background:rgba(0, 155, 222, 1);; 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; }

    .search-container-m                   { height:50px; display:none;}
    .search-container-m input[type=text]  { padding:6px 20px; margin:0; font-size: 17px; border:none;
                                            width:calc(100% - 50px); height:50px;  color:#333;}
    .search-container-m button            { float:right; padding:6px 10px; margin:0; background:#e8e8e8; font-size:17px; border:none; cursor:pointer;
                                            width:50px; height:50px; color:#333;}
    .search-container-m button:hover      { background:#ccc; }

    .nav-m                              { display:none; }
    .nav-m ul.nm-lang                   { padding:15px 20px 0px 20px; margin:0; list-style:none; color:#fff; text-transform:uppercase;}
    .nav-m ul.nm-lang li                { padding:0 4px; margin:0; list-style:none; display:inline-block;}
	.nav-m ul.nm-lang li[onclick]	{ cursor: pointer; }
	.nav-m ul.nm-lang li:first-child    { padding-left:0}
    .nav-m ul.nm-lang li:last-child     { padding-right:0}



    /* ==========================================================================
        Media Style: no dropdown, section flowdown, sslider flowdown
    ============================================================================= */
    @media only screen and (max-width:1100px) {
    .ddmenu          { display:none; }
    .esfpushm,#btham { display:block; }   
    #btham { top:0px; height:70px; right:0; padding:26px 20px; }
    .search-container-m, .nav-m    { display:block;}

    }

    @media only screen and (max-width:767px) {
    #btham { top:0px; height:60px; padding-top:22px; }
    }