#logo, #logo_en, #logo_ua
{
 height:  110px;
 width:  100%;
 overflow: hidden;
 clear: both;
 background: linear-gradient(to top, #deeaf5, #fff);
 border-radius:12px 12px 0px 0px;
}


#logo_home
{
 height: 110px;
 width: 110px;
 position: absolute;
 float: center;
 margin: 0px 0px 0px 436px;
 transition: .5s;
 transform: scale(1.1);
}

#logo_home:hover
{
 height: 110px;
 width: 110px;
 position: absolute;
 float: left;
 margin: 0px 0px 0px 436px;
 z-index: 3;
 transform: scale(1.1);
 transition: .5s;
}

#logo_icon_home
{
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 22px;
 transition: .5s;
}
#logo_icon_home:hover
{
transform: scale(1.2);
 transition: .5s;
}


#logo_icon_office
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 72px;
 transition: .5s;
}
#logo_icon_office:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_boss
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 2px 0px 0px 22px;
 transition: .5s;
}

#logo_icon_boss:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_account
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 172px;
 transition: .5s;
}

#logo_icon_account:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_history
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 222px;
 transition: .5s;
}
#logo_icon_history:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_sites
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 122px;
 transition: .5s;
}
#logo_icon_sites:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_reviews
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 2px 0px 0px 122px;
 transition: .5s;
}

#logo_icon_reviews:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_portfolio
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 2px 0px 0px 222px;
 transition: .5s;
}

#logo_icon_portfolio:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_vizitka
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 272px;
 transition: .5s;
}
#logo_icon_vizitka:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_firm
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 332px;
 transition: .5s;
}
#logo_icon_firm:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}
#logo_icon_landing
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 2px 0px 0px 332px;
 transition: .5s;
}
#logo_icon_landing:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_shop
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 382px;
 transition: .5s;
 
}
#logo_icon_shop:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_corporate
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 562px;
 transition: .5s;
 
}
#logo_icon_corporate:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_seo
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 2px 0px 0px 617px;
 transition: .5s;
 
}
#logo_icon_seo:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_advertis
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 617px;
 transition: .5s;
 
}
#logo_icon_advertis:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_support
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 672px;
 transition: .5s;
 
}
#logo_icon_support:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}
#logo_icon_price
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 2px 0px 0px 727px;
 transition: .5s;
 
}
#logo_icon_price:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}
#logo_icon_stages
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 727px;
 transition: .5s;
 
}
#logo_icon_stages:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}

#logo_icon_order
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 25px 0px 0px 782px;
 transition: .5s;
 
}
#logo_icon_order:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}


#logo_icon_contact
{
 
 position: absolute;
 float: left;
 _top: 0%;
 margin: 55px 0px 0px 850px;
 transition: .5s;
 
}
#logo_icon_contact:hover
{
 
 transform: scale(1.2);
 transition: .5s;
 
}


#logo_icon_raskrutka
{
 
 position: absolute;
 float: left;
 _top: 50%;
 margin: 55px 0px 0px 927px;
 transition: .5s;
}

#logo_icon_raskrutka:hover
{
 position: absolute;
 transform: scale(1.3);
 transition: .5s;
 
}
#logo_icon_raskrutka span
{
 position: absolute;
 transform: scale(1.3);
}


#logo_lang
{
 height:  40px;
 width:  150px;
 position: relative;
 float: right;
 top: 0%;
 _padding: 5px 5px 5px 5px;
 margin: 0px;
 _background-color: #e8e8e8;
 _color: black;
}

#logo_lang_ru
{
 height:  40px;
 width:  40px;
 float: left;
 margin: 0px 3px 0px 3px;
 
 
}

#logo_lang_en
{
 height:  40px;
 width:  40px;
 float: left;
 margin: 0px 3px 0px 3px;
 
}


#logo_lang_ua
{
 height:  40px;
 width:  40px;
 float: left;
 margin: 0px 3px 0px 3px;
 
}


@media only screen and (max-width : 1100px)
{
 #logo, #logo_en, #logo_ua
 {
  height: 120px;
  width:  100%;
  overflow: hidden;
  clear: both;
  background: linear-gradient(to top, #deeaf5, #fff);
  border-radius:12px 12px 0px 0px;
 }

 #logo_home
 {
  height: 100px;
  width: 100px;
  position: absolute;
  margin: 0px 0px 0px 318px;
  transform: scale(1.4);

 }

 #logo_home:hover
 {
  height: 100px;
  width: 100px;
  position: absolute;
  margin: 0px 0px 0px 318px;
  transform: scale(1.4);

 }



 #logo_icon_home
 {  display: none; }

 #logo_icon_office
 {  display: none; }

 #logo_icon_boss
 { display: none; }

 #logo_icon_account
 {display: none;}

 #logo_icon_history
 {display: none;}

 #logo_icon_sites
 {display: none;}

 #logo_icon_reviews
 {display: none;}

 #logo_icon_portfolio
 {display: none;}

 #logo_icon_vizitka
 {display: none;}

 #logo_icon_firm
 {display: none;}
 #logo_icon_landing
 {display: none;}

 #logo_icon_shop
 {display: none;}

 #logo_icon_corporate
 {display: none;}

 #logo_icon_seo
 {display: none;}

 #logo_icon_advertis
 {display: none;}

 #logo_icon_support
 {display: none;}
 #logo_icon_price
 {display: none;}
 #logo_icon_stages
 {display: none;}

 #logo_icon_order
 {display: none;}


 #logo_icon_contact
 {display: none;}


 #logo_icon_raskrutka
 {

  position: absolute;
  float: left;
  _top: 50%;
  margin: 5px 0px 0px 30px;
  transition: .5s;
 }

 #logo_icon_raskrutka:hover
 {
  position: absolute;
  transform: scale(1.3);
  transition: .5s;

 }
 #logo_icon_raskrutka span
 {
  position: absolute;
  transform: scale(1.3);
 }

  

 #logo_lang
 {
  height:  40px;
  width:  150px;
  position: relative;
  float: right;
  top: 0%;
  padding-top: 5px;
  margin: 0px;
  _background-color: #e8e8e8;
  _color: black;
 }

 #logo_lang_ru
 {
  height:  40px;
  width:  40px;
  float: left;
  margin: 0px 5px 0px 5px;
 }
 
 #logo_lang_en
 {
  height:  40px;
  width:  40px;
  float: left;
  margin: 0px 5px 0px 5px;
 }

 #logo_lang_ua
 {
  height:  40px;
  width:  40px;
  float: left;
  margin: 0px 5px 0px 5px;

 }


}


