diff --git a/src/app/_modules/layout/header/header.component.html b/src/app/_modules/layout/header/header.component.html
index 93e5e46..e19d48d 100644
--- a/src/app/_modules/layout/header/header.component.html
+++ b/src/app/_modules/layout/header/header.component.html
@@ -7,22 +7,23 @@
     LOGO
   </a>
 
-  <div class="locales">
-    <a [routerLink]="locale.link" *ngFor="let locale of locales">{{locale.name}}</a>
-  </div>
-
-  <div class="dropdown" [class.hidden]="ddHidden" (click)="close()">
-    <div class="menu">
-      <div class="type" *ngFor="let locale of locales" [routerLink]="locale.link" >
-        <div class="row">{{locale.name}}</div>
-      </div>
+  <div class="locales" style="position: relative;">
+    <div class="locales-btn" (click)="ddMenu=!ddMenu">
+      {{rootPage.name}}
+      <drop-down [target]="langMenu" ico="arrow_drop_down_24" [visible]="ddMenu"></drop-down>
     </div>
+
+      <div class="dropdown" (click)="close()" #langMenu>
+        <div class="menu">
+          <div class="type" *ngFor="let locale of locales" [routerLink]="locale.link" >
+            <div class="row">{{locale.name}}</div>
+          </div>
+        </div>
+      </div>
   </div>
 
 
 
-
-
   <pages-menu *ngIf="rootPage" [root]="rootPage" class="top-menu"></pages-menu>
   <a class="btn vnii" href="" target="_blank">!!!!!!!!!!</a>
 </div>
diff --git a/src/app/_modules/layout/header/header.component.ts b/src/app/_modules/layout/header/header.component.ts
index 1d50f46..9c6eac2 100644
--- a/src/app/_modules/layout/header/header.component.ts
+++ b/src/app/_modules/layout/header/header.component.ts
@@ -12,7 +12,7 @@ export class HeaderComponent {
   public menuItems = <any>[];
   public loading: boolean = false;
   public error: string = '';
-  public ddHidden:boolean;
+  public ddMenu:boolean;
 
   public locales = <any>[];
 
@@ -49,7 +49,7 @@ export class HeaderComponent {
 
   close() {
     setTimeout(() => {
-      this.ddHidden = true;
+      this.ddMenu = false;
     }, 10);    
   }
 }