       ;; :line-height "40px"
       :padding "15px 0 20px"
       :color (if (= :inverse color) "white" (s-var :color :main))}
-     [:.brand {:display "inline-block"}
-      [:a {:color "inherit" :display "inline-block" :padding 5}]]
-     [:.menu {:display "inline-block" :float "right"}
-      [:.menu-item {:display "inline-block"}
-       [:a {:color "inherit" :display "inline-block" :padding 5}]]]])
+     [:span.nav-title {:position "fixed"
+                       :top 0
+                       :width "80px"
+                       :height "68px"
+                       :background-color "#a23835"
+                       :text-align "center"}
+      [:i {:padding-top "15px"
+           :text-align "center"
+           :color "white"
+           :text-decoration "none"
+           :font-size "32px"
+           :margin-left "auto"
+           :margin-right "auto"}]]
+     [:ul {:display "inline-block"
+           :margin-bottom 0
+           :float "right"}]
+     [:li {:margin-right "20px"
+           :margin-top "8px"}
+      [:a {;;:color "#a23835" ;; TODO: uncomment me, remove next white color
+           :color "white"
+           :padding "10px 20px"
+           :border "1px solid transparent"
+           :background-color "transparent"}
+       [:&:hover {:color "#a23835"
+                  :text-decoration "none"
+                  :border "1px solid #a23835"}]]
+      [:&:last-child {:margin-right 0}]
+      [:&:hover {:color "#a23835"}
+       [:a {color "#a23835"}]]
+      ]
+     ])
 
    [:div.container
     [:span.nav-title
      [:a {:href="#/"}
-      [:i.hs-icon.icon-samurai] (:title strings)]]
+      [:i.hs-icon.icon-samurai] #_(:title strings)]]
     [:ul.list-inline
      (for [x menu]
        [:li [:a {:href (:href x)} (:text x)]])]]])

(def strings
  {:title "Health Samurai"
   :products "Продукты"
   :projects "Projects"
   :services "Services"
   :contacts "Contacts"})

(def menu
  [{:href "/products" :text (:products strings)}
   {:href "/projects" :text (:projects strings)}
   {:href "/contancts" :text (:contacts strings)}])

(defn style [cnt]
  [:style {:type "text/css"} (css cnt)])


(defn footer []
  [:div#footer
   (style
    [:div#footer {:padding-top "80px"
                  :padding-bottom "80px"
                  :background-color "rgba(46,48,58,0.96)"
                  :color "white"}
     [:a {:color "#ddd"}]])
   [:div.container.footer
    [:div.row
     [:div.col-md-3
      [:h4 (:services strings)]
      [:ul.list-unstyled
       (for [x SERVICES]
         [:li
          [:a {:href (:href x)} (:text x)]])]]
     [:div.col-md-3
      [:h4 (:products strings)]
      [:ul.list-unstyled
       (for [x PRODUCTS]
         [:li
          [:a {:href (:href x)} (:text x)]])]]
     [:div.col-md-3
      [:h4 (:education strings)]
      [:ul.list-unstyled
       (for [x EDUCATION]
         [:li
          [:a {:href (:href x)} (:text x)]])]]
     [:div.col-md-3
      [:h4 (:contacts strings)]
      [:ul.list-unstyled
       (for [x CONTACTS]
         [:li
          [:a {:href (:href x)} (:text x)]])]]
     ]]])

(defn layout [cnt]
  [:html
